/* Mainnav */
#mainnav {
	height: 35px;
	margin: 0;
	padding: 5px 0 0;
	font-size: .75em;
	list-style: none;
	text-shadow: 0 1px 0 #053d67;
	float: left;
	}
	
/* Non js version */	
	
	#mainnav li {
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	#mainnav a {
		display: block;
		padding: 0 10px;
		color: #badff7;
		text-decoration: none;
		line-height: 35px;
		height: 35px;
		}
		
	#mainnav a:hover {
		text-decoration: underline;
		color: #fff;
		}
		
	#mainnav a:active {
		background-color: transparent;
		}

		
#mainnav ul {
	display: none;
	}
		
/* JS Version */

#mainnav li {
	position: absolute;
	list-style: none;
	background: none;
	padding: 0;
	margin: 0;
	float: none;
	} 
	
#mainnav a {
	position: absolute;
	display: block;
	padding: 0;
	height: 40px;
	text-indent: -9000px;
	background-image: url(mainnav.png);
	}
	
	
#mainnav .seperator-user{
    background: url(mainnav.png) no-repeat -804px 0;
    width: 2px;
    position: absolute;
    left: 804px;
    top: 0;
    height: 40px;
    text-transform: uppercase;
    text-indent: -9000px;
}
	
/* Individual items */

#mainnav #item-0 {	left: 5px; top: 0; }
#mainnav #item-1 {	left: 60px; top: 0; }
#mainnav #item-2 {	left: 175px; top: 0; }
#mainnav #item-3 {	left: 285px; top: 0; }
#mainnav #item-4 {	left: 610px; top: 0; }
#mainnav #item-5 {	left: 655px; top: 0; }
#mainnav #item-6 {	left: 730px; top: 0; }
#mainnav #item-7 {	left: 820px; top: 0; }
#mainnav #item-8 {	left: 875px; top: 0; }
#mainnav #item-9 {	left: 885px; top: 0; }


#mainnav #item-0 a	{	width: 55px; background-position: -5px 0;	}
#mainnav #item-1 a	{	width: 115px; background-position: -60px 0;	}
#mainnav #item-2 a	{	width: 110px; background-position: -175px 0;	}
#mainnav #item-3 a	{	width: 135px; background-position: -285px 0;	}
#mainnav #item-4 a	{	width: 40px; background-position: -610px 0;	}
#mainnav #item-5 a	{	width: 70px; background-position: -655px 0;	}
#mainnav #item-6 a	{	width: 60px; background-position: -730px 0;	}
#mainnav #item-7 a	{	width: 45px; background-position: -820px 0;	}
#mainnav #item-8 a	{	width: 65px; background-position: -875px 0;	}
#mainnav #item-9 a	{	width: 55px; background-position: -819px -80px;	}

#mainnav #item-0 a:hover	{	background-position: -5px -40px;	}
#mainnav #item-1 a:hover	{	background-position: -60px -40px;	}
#mainnav #item-2 a:hover	{	background-position: -175px -40px;	}
#mainnav #item-3 a:hover	{	background-position: -285px -40px;	}
#mainnav #item-4 a:hover	{	background-position: -610px -40px;	}
#mainnav #item-5 a:hover	{	background-position: -655px -40px;	}
#mainnav #item-6 a:hover	{	background-position: -730px -40px;	}
#mainnav #item-7 a:hover	{	background-position: -820px -40px;	}
#mainnav #item-8 a:hover	{	background-position: -875px -40px;	}
#mainnav #item-9 a:hover	{	background-position: -885px -80px;	}

#mainnav #item-0.selected a	{	background-position: -5px -80px;	}
#mainnav #item-1.selected a	{	background-position: -60px -80px;	}
#mainnav #item-2.selected a	{	background-position: -175px -80px;	}
#mainnav #item-3.selected a	{	background-position: -285px -80px;	}
#mainnav #item-4.selected a	{	background-position: -610px -80px;	}
#mainnav #item-5.selected a	{	background-position: -655px -80px;	}
#mainnav #item-6.selected a	{	background-position: -730px -80px;	}
#mainnav #item-7.selected a	{	background-position: -820px -80px;	}
#mainnav #item-8.selected a	{	background-position: -875px -80px;	}