#nav, #nav ul{
font: normal 15px Century Gothic;
font-weight: 100;
margin: 10px;
padding: 0;
list-style-type:none;
list-style-position:outside;
position:relative;
float: right;
}

#nav a{
display:block;
color: #FFFFFF;
text-decoration:none;
padding: 10px 15px;
-o-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-khtml-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}

#nav a:hover{
color:#e0e0e0;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
float:left;
position:absolute;
display:none;
width:230px;
top:30px;
}

#nav li ul a{
float:left;
padding: 10px;
background: rgba(0, 0, 0, 0.8);
color: #ffffff;
height:auto;
width:210px;
border-bottom: 1px dotted #FFFFFF;
font-size: 12px;
}

#nav li ul a:hover{
float:left;
background-color: #333333;
padding: 10px;
color: #ffffff;
height:auto;
width:210px;
font-size: 12px;
}

#nav ul ul{
top:auto;
border-left: 1px dashed #5e2f13;
}	

#nav li ul ul {
left:100;
margin:0px 0 0 230px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}