/* links */

#topnav {
	width: 610px;
	height: 40px;
	padding: 20px 0 0 25px;
	background: #222;
	position: relative;
	left: 295px;
	top: 10px;
	z-index: 3;
}

/* IE 7 Hack */
html>/**/body #topnav {
	height: 57px;
	padding: 3px 0 0 25px;
}

#topnav a {
	display: block;
	margin: 0;
	padding: 0;
	height: 40px;
	text-indent: -9999px;
	float: left;
}

#nav_shop, #nav_shop a {
	width: 121px;
	background: url(../_images/nav-top.png) no-repeat 0 0;
}

#nav_vote, #nav_vote a {
	width: 120px;
	background: url(../_images/nav-top.png) no-repeat -121px 0;
}

#nav_faqs, #nav_faqs a {
	width: 120px;
	background: url(../_images/nav-top.png) no-repeat -241px 0;
}

#nav_about, #nav_about a {
	width: 120px;
	background: url(../_images/nav-top.png) no-repeat -361px 0;
}

#nav_contact, #nav_contact a {
	width: 120px;
	background: url(../_images/nav-top.png) no-repeat -481px 0;
}


/* hover state */

a:hover#nav_shop {
	background-position: 0 -45px;
}

a:hover#nav_vote {
	background-position: -121px -45px;
}

a:hover#nav_faqs {
	background-position: -241px -45px;
}

a:hover#nav_about {
	background-position: -361px -45px;
}

a:hover#nav_contact {
	background-position: -481px -45px;
}


/* here states */

body.shop #topnav #nav_shop, body.shop #topnav #nav_shop a, body.shop #topnav #nav_shop a:hover {
	background-position: 0 -45px;
}

body.cart #topnav #nav_shop, body.cart #topnav #nav_shop a, body.cart #topnav #nav_shop a:hover {
	background-position: 0 -45px;
}


body.vote #topnav #nav_vote, body.vote #topnav #nav_vote a, body.vote #topnav #nav_vote a:hover {
	background-position: -121px -45px;
}

body.faqs #topnav #nav_faqs, body.faqs #topnav #nav_faqs a, body.faqs #topnav #nav_faqs a:hover {
	background-position: -241px -45px;
}

body.about #topnav #nav_about, body.about #topnav #nav_about a, body.about #topnav #nav_about a:hover {
	background-position: -361px -45px;
}

body.contact #topnav #nav_contact, body.contact #topnav #nav_contact a, body.contact #topnav #nav_contact a:hover {
	background-position: -481px -45px;
}