/* Mainnav */
#mainnav {
	position: absolute;
	height: 30px;
	bottom: 4px;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 13px;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #fff;
	}
	
/* Non js version */	
	
	#mainnav li {
		float: left;
		margin: 0 0 0 5px;
		padding: 0;
		list-style: none;
		background: none;
		}
		
	#mainnav a {
		display: block;
		padding: 0 10px;
		color: #575a5d;
		text-decoration: none;
		line-height: 30px;
		height: 30px;
		}
		
	#mainnav a:hover {
		text-decoration: underline;
		color: #d3222a;
		}
		
	#mainnav a:active {
		background-color: transparent;
		}
		
	#mainnav a strong {
		}
		
#mainnav ul {
	display: none;
	}
	
#mainnav li.selected a {
		color: #d3222a;
		background: #fff;
		
		-moz-border-radius: 3px;
		-moz-box-shadow: 0 1px 0 rgba(0,0,0,.15);
	}
	
.msie #mainnav li.selected a {	border-bottom: 1px solid #ccc;	}


/* JS Version */
#mainnav.active {
	left: 162px;
	right: auto;
	}

#mainnav.active li {
	position: absolute;
	list-style: none;
	background: none;
	padding: 0;
	margin: 0;
	float: none;	
	} 
	
#mainnav.active li.selected a {
	background: none;
	}
	
#mainnav.active a {
	position: absolute;
	display: block;
	padding: 0;
	height: 35px;
	text-indent: -9000px;
	background-image: url(mainnav.gif?20100303) !important;
	}
	
.msie #mainnav.active li.selected a {	border: none; }
#mainnav.active li.selected a {	-moz-box-shadow: none; }
	
	
/* Individual items */

#mainnav.active #item-0 {	left: 40px; top: 0; }
#mainnav.active #item-1 {	left: 105px; top: 0; }
#mainnav.active #item-2 {	left: 210px; top: 0; }
#mainnav.active #item-3 {	left: 315px; top: 0; }
#mainnav.active #item-4 {	left: 525px; top: 0; }
#mainnav.active #item-5 {	left: 625px; top: 0; }
#mainnav.active #item-6 {	left: 685px; top: 0; }

#mainnav.active #item-0 a	{	width: 65px; background-position: -40px 0;	}
#mainnav.active #item-1 a	{	width: 105px; background-position: -105px 0;	}
#mainnav.active #item-2 a	{	width: 105px; background-position: -210px 0;	}
#mainnav.active #item-3 a	{	width: 210px; background-position: -315px 0;	}
#mainnav.active #item-4 a	{	width: 100px; background-position: -525px 0;	}
#mainnav.active #item-5 a	{	width: 60px; background-position: -625px 0;	}
#mainnav.active #item-6 a	{	width: 105px; background-position: -685px 0;	}

#mainnav.active #item-0 a:hover	{	 background-position: -40px -35px;	}
#mainnav.active #item-1 a:hover	{	 background-position: -105px -35px;	}
#mainnav.active #item-2 a:hover	{	 background-position: -210px -35px;	}
#mainnav.active #item-3 a:hover	{	 background-position: -315px -35px;	}
#mainnav.active #item-4 a:hover	{	 background-position: -525px -35px;	}
#mainnav.active #item-5 a:hover	{	 background-position: -625px -35px;	}
#mainnav.active #item-6 a:hover	{	 background-position: -685px -35px;	}

#mainnav.active #item-0 a:active	{	 background-position: -40px -35px;	}
#mainnav.active #item-1 a:active	{	 background-position: -105px -35px;	}
#mainnav.active #item-2 a:active	{	 background-position: -210px -35px;	}
#mainnav.active #item-3 a:active	{	 background-position: -315px -35px;	}
#mainnav.active #item-4 a:active	{	 background-position: -525px -35px;	}
#mainnav.active #item-5 a:active	{	 background-position: -625px -35px;	}
#mainnav.active #item-6 a:active	{	 background-position: -685px -35px;	}

#mainnav.active #item-0.selected a	{	 background-position: -40px -70px;	}
#mainnav.active #item-1.selected a	{	 background-position: -105px -70px;	}
#mainnav.active #item-2.selected a	{	 background-position: -210px -70px;	}
#mainnav.active #item-3.selected a	{	 background-position: -315px -70px;	}
#mainnav.active #item-4.selected a	{	 background-position: -525px -70px;	}
#mainnav.active #item-5.selected a	{	 background-position: -625px -70px;	}
#mainnav.active #item-6.selected a	{	 background-position: -685px -70px;	}