/* Mainnav */
#mainnav {
	position: absolute;
	height: 50px;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	font-size: .8125em;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0,0,0,.8);
	}
	
/* Non js version */	
	
	#mainnav li {
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	#mainnav a {
		display: block;
		padding: 0 20px;
		color: #c7c8c7;
		text-decoration: none;
		line-height: 50px;
		}
		
	#mainnav a:hover {
		text-decoration: underline;
		color: #fff;
		}
		
	#mainnav a:active {
		background-color: transparent;
		}
		
	#mainnav a strong {
		font-weight: normal;
		}
		
#mainnav ul {
	display: none;
	}
		
/* JS Version */

#mainnav.active li {
	position: absolute;
	list-style: none;
	background: none;
	padding: 0;
	margin: 0;
	float: none;
	} 
	
#mainnav.active a {
	position: absolute;
	display: block;
	padding: 0;
	height: 50px;
	text-indent: -9000px;
	background-image: url(mainnav.png?20101910);
	}
	
	
/* Individual items */

#mainnav.active #item-0 {	left: 0; top: 0; }
#mainnav.active #item-1 {	left: 80px; top: 0; }
#mainnav.active #item-2 {	left: 183px; top: 0; }
#mainnav.active #item-3 {	left: 398px; top: 0; }
#mainnav.active #item-4 {	left: 590px; top: 0; }
#mainnav.active #item-5 {	left: 738px; top: 0; }
#mainnav.active #item-6 {	left: 855px; top: 0; }



#mainnav.active #item-0 a	{	width: 80px; background-position: 0 0;	}
#mainnav.active #item-1 a	{	width: 103px; background-position: -80px 0;	}
#mainnav.active #item-2 a	{	width: 216px; background-position: -183px 0;	}
#mainnav.active #item-3 a	{	width: 193px; background-position: -398px 0;	}
#mainnav.active #item-4 a	{	width: 148px; background-position: -590px 0;	}
#mainnav.active #item-5 a	{	width: 117px; background-position: -738px 0;	}
#mainnav.active #item-6 a	{	width: 95px; background-position: -855px 0;	}

#mainnav.active #item-0 a:hover	{	width: 80px; background-position: 0 -50px;	}
#mainnav.active #item-1 a:hover	{	width: 103px; background-position: -80px -50px;	}
#mainnav.active #item-2 a:hover	{	width: 216px; background-position: -183px -50px;	}
#mainnav.active #item-3 a:hover	{	width: 193px; background-position: -398px -50px;	}
#mainnav.active #item-4 a:hover	{	width: 148px; background-position: -590px -50px;	}
#mainnav.active #item-5 a:hover	{	width: 117px; background-position: -738px -50px;	}
#mainnav.active #item-6 a:hover	{	width: 95px; background-position: -855px -50px;	}

#mainnav.active #item-0.selected a	{	width: 80px; background-position: 0 -100px;	}
#mainnav.active #item-1.selected a	{	width: 103px; background-position: -80px -100px;	}
#mainnav.active #item-2.selected a	{	width: 216px; background-position: -183px -100px;	}
#mainnav.active #item-3.selected a	{	width: 193px; background-position: -398px -100px;	}
#mainnav.active #item-4.selected a	{	width: 148px; background-position: -590px -100px;	}
#mainnav.active #item-5.selected a	{	width: 117px; background-position: -738px -100px;	}
#mainnav.active #item-6.selected a	{	width: 95px; background-position: -855px -100px;	}