#nav {
margin:0 0 0 0;
float: left;
font: 17pt Roboto Condensed;
overflow: hidden;
color: #000000;
text-shadow: 0 0 2px #000000,0 0 2px #000000,0 0 5px #000000;
padding-left:40px;
}

#nav ul {
margin:0;
padding:0;
list-style:none;
}

#nav ul li {
float:left;
}

#nav ul li a {
float: left;
color:#ffffff;
padding: 4px 10px;
text-decoration:none;
border-right: 1px solid rgba(255,255,255,0.3);
-o-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;width
-moz-transition: all 0.1s linear;
-khtml-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
transition: all 0.1s linear;
}

#nav ul li a.last{
float: left;
color:#ffffff;
text-decoration:none;
border-right: none;
}

#nav ul li a:hover,
#nav ul li:hover > a {
color: #308CFD;
text-decoration: none;
}

#nav li ul a:hover, 
#nav ul li li:hover > a{
color: #308CFD;
background: rgba(0,0,0,0.9);
border-radius: 3px;
}

#nav ul li li > a{
text-align:left;
border-top: 1px solid rgba(255,255,255,0.6);
//border: 1px solid rgba(255,255,255,0.6);
border-radius: 3px;
background: rgba(0,0,0,0.8);
}

#nav ul li li li:hover > a{
 background: rgba(255,255,255,0.2);

}

#nav ul li li li > a{
text-align:left;
border-top:1px solid rgba(255,255,255,0.5);
background: rgba(255,255,255,0.4);
}

#nav li ul {
font-size: 14pt;
text-shadow: 0 0 2px #000000,0 0 2px #000000,0 0 5px #000000;



left: -999em;
margin: 35px 0 0;
position: absolute;
width: 220px;
z-index: 9999;
}

#nav li:hover ul {
left: auto;
}

#nav li ul a {
background: none;
border: 0 none;
margin-right: 2px;
width: 200px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
padding-top: 12px;
padding-bottom:12px;
}

#nav li li ul {
margin: 0px 0 0 220px;
visibility:hidden;
}

#nav li li:hover ul {
visibility:visible;
}