ul#nav{
	clear: both;
	list-style: none;
	font-size: 1.3em;
	padding: 10px 0;
}

ul#nav li{
	display: inline;
	margin: 4px;
	position: relative; 	/* for positioning of second level */
}

ul#nav li a{
	color: #fff;
	text-decoration: none;
	border-bottom: 2px solid #f00;
	padding: 0 0 6px 0;
}

ul#nav li.active a{
	color: #009EE0;
	border-bottom: 2px solid #009EE0;
}

ul#nav li a:hover{
	border-bottom: 2px solid #009EE0;
}

ul#nav li:hover a, ul#nav li.over a{
	border-bottom: 2px solid #009EE0;
}

/* second level */

ul#nav li ul{
	display: none;
	position: absolute; /* out of the flow */
	top: 1em;
	left: 0;
	padding: 20px 0 0 0;	
}

ul#nav li:hover ul, ul#nav li.over ul{
	display: block; /* show! */
	width: 400px;
}

ul#nav li ul li{
	display: inline;
	margin: 0;
}

ul#nav li ul li a{
	border: none;
	padding: 4px 8px;
	background: #009EE0;
}

ul#nav li ul li a:hover{
	color: #ccc;
}