/* JS disabled styles */
.no-js nav li:hover ul { display:block; }

/* base nav styles */
nav { display:block; margin:0 auto; border:0px solid #222; position:relative;  font-weight: bold; position:relative; font-size:0.688em; }
nav ul { padding:0; margin:0; }
nav li { position:relative; float:left; list-style-type:none; width: 220px; margin-right:20px; }
nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
nav li a {display:block; padding:3px 0 0 2px; color:#000; text-decoration:none; border-top: 1px solid #aaa;  }
nav li a:hover, nav li a:visited {color:#000; cursor:default; text-decoration: none;}
nav li:hover a{background-color:rgba(255,255,255,0.0);}
nav li a:focus { outline:none; text-decoration:underline; }
nav li:first-child a { border-left:none; }
nav li.last {margin-right:0px; width:160px;}
nav li.last a { border-right:none; margin-right:0px; padding-right:0px;}
nav a span { display:block; float:right; margin-left:5px; }
nav ul ul { display:none; width:100%; position:absolute; left:0;}
nav ul ul li {float:none;}
nav ul ul a { padding:5px 0 0 2px; border-left:none; border-right:none; color:#999; border-top: 0px solid #aaa; font-weight: normal;}
nav ul ul a:hover { color:#ff3531; cursor:pointer}

/* CSS3 */

.boxshadow.rgba nav ul ul { background-color:rgba(255,255,255,0.0); -moz-box-shadow:2px 2px 2px rgba(0,0,0,.0); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.0); box-shadow:2px 2px 2px rgba(0,0,0,.0);}
.rgba nav ul ul a:hover { background-color:none; }