#nav  {
    display: block;
    width: 100%;
    overflow: hidden;
}

#nav ul {
	padding: 0.7em;
	float: right;
	list-style: none;
	border-radius: .5em;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;    
}

#nav ul li {
    float:left;
}

#nav a {
	float:left;
	padding: .8em 1.5em;
	color: #000000;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	letter-spacing: 1px;
	border-width: 1px;
	border-style: solid;
	border-color: #fff #ccc #999 #eee;
	background: #ffffff;
	background: linear-gradient(#f5f5f5, #ffffff);
	font-family: Ubuntu;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
 }
 
#nav ul li:hover a {
	outline: 0;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	background: #fac754;
	background: linear-gradient(#fac754, #f8ac00);
	text-decoration: none;
}
#nav ul li.active a {
	outline: 0;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	background: #fac754;
	background: linear-gradient(#fac754, #f8ac00);
	text-decoration: none;
}

#nav ul li:first-child a {
    border-left: 0;
    border-radius: 4px 0 0 4px;            
}

#nav ul li:last-child a {
    border-right: 0;
    border-radius: 0 4px 4px 0;            
}