#nav ul {
	list-style-type: none;
	margin-top: 2em;
	font-size: 1.3em;
}

#nav ul li {
	float: right;
	margin: 1em;
	text-align: center;
}


/* OLD NAVIGATION */
#nav ul li a {
	color: #000;
	text-decoration: none;
}

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

#nav ul li.on a {
	color: #8da5b8;
}

/* TO DEPLOY AFTER FIXING */
/* NORMAL 
#nav ul li a {
	color: #000;
	text-decoration: none;
	padding: 4px 5px 4px 0;
}

#nav ul li a span {
	padding: 4px 0 4px 5px;
}

/* HOVER 
#nav ul li a:hover {
	background: url("../images/nav-right.gif") 100% 100% no-repeat #d7d7e1;
	color: #000;
}
#nav ul li a:hover span {
	background: url("../images/nav-left.gif") 0 100% no-repeat;
}

/* ACTIVE 
#nav ul li.on a {
	background: url("../images/nav-right.gif") 100% 0% no-repeat #414141;
	color: #b6d5ed;
}
#nav ul li.on a span {
	background: url("../images/nav-left.gif") 0 0 no-repeat;
}

*/