ul#nav {
 text-align: center;
 font-family: helvetica;
}

ul#nav, li {
 margin: 0; padding: 0;
 padding-bottom:10px;
 overflow: hidden;
}

ul#nav li {
 float: left;
 list-style: none;
 margin-right: 1em; 
 position: relative; /* IE fix */
}

ul#nav li a {
 color: black;
 text-decoration: none;
 float: left;
 font-size: 30px;
 background: black;
 padding: 10px;
}

ul#nav li a:hover {
 background: #fff;

}

ul#nav li a:hover span {
	 border-bottom:5px solid #94b104;
}

/* if JS */

ul#nav li a span {
	display: block;
	background: white;
	color: black;
	padding: 10px;
	position: relative;
	font-weight: bold;
	 border-bottom:5px solid #fff;
}

ul#nav li a span:first-child {
	background: black;
	color: #94b104;
	/* color: #CC9E61; */
}

ul#nav li a.active span:first-child {
 background:black;
 color:white;
}s