#nav { font-size:1.1em; height:20px; margin-top:-4px; padding:0; width:100%; }
#nav li { float: left; text-align: left; }
#nav span { cursor:pointer; display:block; white-space:nowrap; }
#nav li ul span { white-space: nowrap; }

/* #nav li.active > ul { display:block!important; } */

#nav .level1 a span { display:block; }
/* #nav .level1 a { background-image:none; width:auto; } */
#nav a {
	color: #fff;
	display: block;
	font-size: 1.05em;
	font-weight: bold;
	padding-right: 10px;
	text-decoration: none;
	text-shadow: 0 0 3px #000;
	text-transform: uppercase;
	width: auto; 
}
#nav li.active a,
#nav li a:hover { color: #e30b22; }

#nav ul { /* margin-top:-5px; position:absolute; top:18px; width:100%; */ }

#nav ul li,
#nav ul li.active { font-size:11px; margin:0!important; }
#nav ul li.last { padding-bottom:0; }
#nav li.active ul a { color: #fff!important; margin:0; padding: 0 10px 0 0; }

#nav li ul a { color: #fff!important; }

/* #nav li > ul { display:none; left:0; } */

#nav ul ul { /* top:5px; */ }

#nav li.active ul li.active a,
#nav li ul li a:hover,
#nav ul li a:hover {
	color: #e30b22 !important;
}

#nav li > ul li > ul,
#nav li ul ul {
	display:none; 
}

/* neue */
#nav li.level0 {
	position: relative;
	padding-bottom: 5px;
}
#nav li ul.level0,
#nav li.active ul.level0 {
	display: none;
	position: absolute;
	top: 20px;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-khtml-box-shadow: 0 2px 3px #444;
	box-shadow: 0 2px 3px #444;
	z-index: 1000;
}
#nav li:hover ul.level0,
#nav li.active:hover ul.level0 {
	display: block;
	background: transparent url(../images/dark-overlay.png) repeat 0 0;
}
#nav li.level0 li { z-index: 999; }
#nav li ul.level0 li {
	float: none;
	width: auto;
	height: auto;
}

#nav li ul.level0 li a { padding: 0 5px 2px; text-shadow: none; }
#nav li ul.level0 li a:hover { background-color: rgba(0, 0, 0, 0.3); }