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


nav {
    display:block;
    margin:0 auto 20px;
    border:1px solid #222;
    position:relative;
    background-color:#6a6a6a;
    font:16px "Lucida Grande", sans-serif;
    z-index: 1;
}

nav ul {
    padding:0;
    margin:0;
}

nav li { position:relative;
 float:left;
 list-style-type:none;
 width: 120px;
 text-align: left;
}

nav ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

nav li a {
    display:block;
    padding:4px 20px;
    border-left:1px solid #999;
    border-right:1px solid #222;
    color:#eee;
    text-decoration:none;
}

nav li a:focus {
    outline:none;
    text-decoration:underline;
}

nav li:first-child a {
    border-left:none;
}

nav li.last a { border-right:none;
 }
nav a span { display:block;
 float:right;
 margin-left:5px;
 }
nav ul ul { display:none;
 width:100%;
 position:absolute;
 left:0;
 background:#6a6a6a;
 }
nav ul ul li { float:none;
 }
nav ul ul a { padding:5px 10px;
 border-left:none;
 border-right:none;
 font-size:13px;
 }
nav ul ul a:hover { background-color:#555;
 }

.borderradius nav {
    /*
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    */
 }
.cssgradients nav, #sideLabel, #mainLabel {
    background-image:-moz-linear-gradient(0% 22px 90deg, #222, #999);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#999), to(#222));
 }
.boxshadow.rgba nav, #sideLabel, #mainLabel { -moz-box-shadow:2px 2px 2px rgba(0,0,0,.75);
 -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.75);
 box-shadow:2px 2px 2px rgba(0,0,0,.75);
 }
.cssgradients nav li:hover { background-image:-moz-linear-gradient(0% 100px 90deg, #999, #222);
 background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#555));
 }
.borderradius nav ul ul {
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
 }
.boxshadow.rgba nav ul ul { background-color:rgba(0,0,0,0.8);
 -moz-box-shadow:2px 2px 2px rgba(0,0,0,.8);
 -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.8);
 box-shadow:2px 2px 2px rgba(0,0,0,.8);
 }
.rgba nav ul ul li { border-left:1px solid rgba(0,0,0,0.1);
 border-right:1px solid rgba(0,0,0,0.1);
 }
.rgba nav ul ul a:hover { background-color:rgba(85,85,85,.9);
 }
.borderradius.rgba nav ul ul li.last { border-left:1px solid rgba(0,0,0,0.1);
 border-bottom:1px solid rgba(0,0,0,0.1);
 -moz-border-radius-bottomleft:4px;
 -moz-border-radius-bottomright:4px;
 -webkit-border-bottom-left-radius:4px;
 -webkit-border-bottom-right-radius:4px;
 border-bottom-left-radius:4px;
 border-bottom-right-radius:4px;
 }