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

/* base nav styles */
nav {z-index: 1; display:block; margin:0 auto 20px auto; border:1px solid #222; position:relative; background-color:#6a6a6a; font:16px Tahoma, Verdana, Sans-serif; clear: both;}
nav ul { padding:0; margin:0; position: relative}
nav li { position:relative; float:left; list-style-type:none; }
nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
nav li a { display: inline-block; padding:10px 13px; 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; max-width:170px; min-width: 100%; position:absolute; left:0; top: 39px; background:#6a6a6a;}
nav ul ul li { float:none; width: 100%;}
nav ul ul a { padding:5px 5px; border-left:none; border-right:none; font-size:14px; display: block }
nav ul ul a:hover { background-color:#555; }



/* 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)); }
.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-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; }
.csstransforms ul a span { -moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg); }*/
/*nav{
    /*background: #0A28F5;
    background-image:-moz-linear-gradient(0% 22px 90deg, #0A28F5, #78AFF5); 
    background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#78AFF5), to(#0A28F5));
    background-image:-ms-linear-gradient(top, #78AFF5 0%, #0A28F5 100%); 
    background-image: -o-linear-gradient(top, #78AFF5 0%, #0A28F5 100%);
    -background: linear-gradient(#78AFF5, #0A28F5);
    -pie-background: linear-gradient(#78AFF5, #0A28F5);
    behavior: url(ie9-gradient-fix.htc);
    
}*/
nav{
    -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; behavior: url(PIE2.htc);
    -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px;
    background: #0A28F5; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0A28F5), to(#78AFF5));
    background: -webkit-linear-gradient(#0A28F5, #78AFF5); background: -moz-linear-gradient(#0A28F5, #78AFF5);
    background: -ms-linear-gradient(#0A28F5, #78AFF5); background: -o-linear-gradient(#0A28F5, #78AFF5);
    background: linear-gradient(#78AFF5, #0A28F5); -pie-background: linear-gradient(#78AFF5, #0A28F5);
}

nav ul ul{
    -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; behavior: url(PIE2.htc);
     -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; 
     border-bottom-left-radius:4px; border-bottom-right-radius:4px;
     background:/*rgba(0,0,0,0.8)*/#6a6a6a; -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.8); 
     -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.8); box-shadow:2px 2px 2px rgba(0,0,0,0.8);
}

.borderradius nav { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.cssgradients nav { 
    background-image:-moz-linear-gradient(0% 22px 90deg, #0A28F5, #78AFF5); background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#78AFF5), to(#0A28F5));
    background-image:-ms-linear-gradient(top, #78AFF5 0%, #0A28F5 100%); background-image: -o-linear-gradient(top, #78AFF5 0%, #0A28F5 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0A28F5', endColorstr='#78AFF5');For IE7-8-9*/ 
    background-image: linear-gradient(#78AFF5, #0A28F5);
    -pie-background: linear-gradient(#78AFF5, #0A28F5);
    
    
    }
.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-image:-moz-linear-gradient(0% 100px 90deg, #999, #222); 
                             background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#555));
                            background-image:-ms-linear-gradient(top, #999 0%, #222 100%);
                            background-image: linear-gradient(#999, #222);text-indent: 0;
                            -pie-background: linear-gradient(#999, #222);
}
.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,0.8); 
                 -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.8); box-shadow:2px 2px 2px rgba(0,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; }
/*.csstransforms */ul a span { -moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg); -ms-transform: rotate(-180deg);
                            -o-transform: rotate(-180deg);}

 /*fallbacks 
.no-cssgradients nav, .no-js nav { padding-bottom:4px; border:none; background:url(../fallback/navBG.gif) repeat-x 0 0; }
.no-borderradius nav ul, .no-js nav ul { background:url(../fallback/navRight.gif) no-repeat 100% 0; }
.no-borderradius nav ul ul, .no-js nav ul ul { background:none; }
.no-borderradius nav li, .no-js nav li { height:44px; }
.no-cssgradients nav li:hover, .no-js nav li:hover { background:url(../fallback/navOverBG.gif) repeat-x 0 0; }
.no-borderradius nav li li, .no-js nav li li { height:auto; width:98%; left:-2px; }
.no-borderradius nav li:first-child, .no-js nav li:first-child { background:url(../fallback/navLeft.gif) no-repeat 0 0; }
.no-borderradius nav li:first-child:hover, .no-js nav li:first-child:hover { background:url(../fallback/navOverLeft.gif) no-repeat 0 0; }
.no-borderradius nav li li:first-child, .no-js nav li li:first-child { background:none; }
.no-rgba nav ul ul, .no-js nav ul ul { left:1px; padding-left:2px; background:url(../fallback/subnavBG.png) no-repeat 100% 100%; }
.no-rgba nav ul ul a, .no-js nav ul ul a { left:3px; }
.no-rgba nav ul ul a:hover { background:url(../fallback/subOverBG.png) repeat 0 0; }
.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; }
.no-borderradius ul ul li.last { margin-bottom:10px; }
.no-cssgradients.boxshadow nav { box-shadow:none; }*/