#topnav { 
z-index:900;
margin:0px auto; 
text-align:left;
}
#topnav ul { position:relative; left:20px; font-size: 12px; margin:0px; padding:0px; list-style: none; }
#topnav ul li { display: block; position: relative; float: left; }
#topnav li ul { display: none; }
#topnav ul li a 
{ 
	display: block; text-decoration: none; 
	color:#FFF;
	padding:10px 15px 10px 15px; margin-left: 1px; 
	white-space: nowrap; 
}

#topnav ul li a:hover 
{ 
	color: #2d3336; background:#FFF; 
	  -webkit-box-shadow: 0 15px 10px #777;
	  -moz-box-shadow: 0 15px 10px #777;
	  box-shadow: 0 15px 10px #777;
	  -webkit-transform: rotate(-3deg);
	  -moz-transform: rotate(-3deg);
	  -o-transform: rotate(-3deg);
	  -ms-transform: rotate(-3deg);
	  transform: rotate(-3deg);	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;	position:relative;	
}
#topnav li:hover ul { display: block; position: absolute;  z-index:900; margin-left:-20px; }
#topnav li:hover li 
{ 
	float: none; font-size: 12px; 
	border-left:0px; border-right:0px; 
	width:200px; 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	box-shadow: 0 1px 3px rgba(0,0,0,.3);	
}
#topnav li:hover a 
{ 
	color: #2d3336; background:#FFF;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#topnav li:hover li a:hover { background: #e9e9e9; }