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

/* base nav styles */
nav {
    display:block;
    margin:0 auto 20px;
    /* border:1px solid #222; */
    position:absolute;
    top: 194px;
    /* background-color:#6a6a6a; */
    background-color: transparent;
    background: transparent;
    color: transparent;
    font:23px Tahoma, Sans-serif;
    z-index: -10;
}
nav ul {
    padding:0;
    margin:0;
    z-index: 20;
    background-color: transparent;
    background: transparent;
    color: transparent;
}
nav li {
    position:relative;
    float:left;
    list-style-type:none;
    background-color: transparent;
    background: transparent;
    z-index: 20;
}
nav ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    z-index: 20;
}

nav li a {
    display:block;
    padding:10px 20px;
    /* border-left:1px solid #999; */
    /* border-right:1px solid #222; */
    color:#ffffff;
    background-color: transparent;
    background: transparent;
    text-decoration:none;
    z-index: 20;
}
nav li a:focus { outline:none; text-decoration:underline; z-index: 10;}
nav li:first-child a { border-left:none; z-index: 10;}
nav li.last a { border-right:none; z-index: 10;}
nav a span { display:block; float:right; margin-left:5px; z-index: 10;}
nav ul ul {
    display:none;
    width:100%;
    position:absolute;
    left:0;
    background: #6a6a6a;
    z-index: 20;}
nav ul ul li {
    background-color: #37A7B5;
    float:none;
    z-index: 20;
    text-align: center;
    font: 18px; font-family: Arial, Helvetica, Sans-Serif;
    color: #ffffff;
    height: 40px;
    opacity: 0.75;
}
nav ul ul a {
    padding:10px 10px;
    border-left:none;
    border-right:none;
    font-size:18px;
    z-index: 20;
    height: 20px;
}
nav ul ul a:hover {
    /* background-color:#555; */
    background-color: #37A7B5;
    z-index: 20;}

/* CSS3 */
/* .borderradius nav { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } */
.cssgradients nav {
    /* background-image:-moz-linear-gradient(0% 22px 90deg, #222, #999); */
    /* background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#999), to(#222)); */
    z-index: 20;
}
/* .boxshadow.rgba nav { -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-color: #37A7B5; background-image:-moz-linear-gradient(0% 100px 90deg, #999, #222); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#555)); z-index: 20;}
.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; z-index: 20;}
.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); z-index: 20;}
.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); z-index: 20;}
.rgba nav ul ul a:hover { background-color:rgba(85,85,85,.9); z-index: 20;}
.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; z-index: 20;}
.csstransforms ul a span { -moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg); z-index: 20;}

/* fallbacks */
/*
.no-cssgradients nav, .no-js nav { padding-bottom:4px; border:none; background:url(../fallback/navBG.gif) repeat-x 0 0; z-index: 10;}
.no-borderradius nav ul, .no-js nav ul { background:url(../fallback/navRight.gif) no-repeat 100% 0; z-index: 10;}
.no-borderradius nav ul ul, .no-js nav ul ul { background:none; z-index: 10;}
.no-borderradius nav li, .no-js nav li { height:44px; z-index: 10;}
.no-cssgradients nav li:hover, .no-js nav li:hover { background:url(../fallback/navOverBG.gif) repeat-x 0 0; z-index: 10;}
.no-borderradius nav li li, .no-js nav li li { height:auto; width:98%; left:-2px; z-index: 10;}
.no-borderradius nav li:first-child, .no-js nav li:first-child { background:url(../fallback/navLeft.gif) no-repeat 0 0; z-index: 10;}
.no-borderradius nav li:first-child:hover, .no-js nav li:first-child:hover { background:url(../fallback/navOverLeft.gif) no-repeat 0 0; z-index: 10;}
.no-borderradius nav li li:first-child, .no-js nav li li:first-child { background:none; z-index: 10;}
.no-rgba nav ul ul, .no-js nav ul ul { left:1px; padding-left:2px; background:url(../fallback/subnavBG.png) no-repeat 100% 100%; z-index: 10;}
.no-rgba nav ul ul a, .no-js nav ul ul a { left:3px; z-index: 10;}
.no-rgba nav ul ul a:hover { background:url(../fallback/subOverBG.png) repeat 0 0; z-index: 10;}
.no-csstransforms ul a span { height:7px; width:12px; margin-top:8px; text-indent:-5000px; overflow:hidden; background:url(../fallback/indicator.png) no-repeat 0 0; z-index: 10;}
.no-borderradius ul ul li.last { margin-bottom:10px; z-index: 10;}
.no-cssgradients.boxshadow nav { box-shadow:none; z-index: 10;}
*/