/* JS disabled styles */  
.no-js nav li:hover ul { display:block; }  
  
/* base nav styles */  
nav { display:block; width:99%; height: 38px; margin:0px auto 20px; border:1px solid #222; position:relative; background-color:#0099ff; 
	font:16px Tahoma, Sans-serif; z-index: 1000; }  
nav ul { padding:0; margin:0; }  
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:block; padding:10px 20px; border-left:1px solid #999; border-right:1px solid #222; color:#000; 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:rightright; 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:12px; }  
nav ul ul a:hover { background-color:#555; }  

/* CSS3 */  
nav { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }  
nav { background-image:-moz-linear-gradient(0% 22px 90deg, #0099ff, #3366cc); 
	background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#3366cc), to(#0099ff)); }
nav { background-color:-moz-linear-gradient(0% 22px 90deg, #0099ff, #3366cc); 
	background-color:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#3366cc), to(#0099ff)); }
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); }  
nav li:hover { background-image:-moz-linear-gradient(0% 100px 90deg, #3366cc, #0099ff); 
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0099ff), to(#3366cc)); }  
nav ul ul { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; 
	-webkit-border-bottom-rightright-radius:4px; border-bottom-left-radius:4px; border-bottom-rightright-radius:4px; }  
nav ul ul { background-color:rgba(40,150,210,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); }  
nav ul ul li { border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); }  
nav ul ul a:hover { background-color:rgba(0,125,255,.9); }  
nav ul ul li.last { border-left:1px solid rgba(0,0,0,0.9); 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-rightright-radius:4px; 
	border-bottom-left-radius:4px; border-bottom-rightright-radius:4px; }  
ul a span { -moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg); height: 0px;}