/* HORIZONTAL ROLLOVER NAVIGATION */

#nav{
	width:770px;
	height:21px;
	margin:0 0 10px 20px;
	background:url('../img/bg_nav.jpg');
}

#nav ul#horizontal_nav {
	margin: 0 0 0 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
	font-size: 0px;
	line-height: 0px;
	width: 770px;
}
#nav ul#horizontal_nav li {
	margin-left: 3px;
	padding: 0px;
    line-height: 0px;
	height:21px;
	list-style: none;
	float:left;
}

#nav ul#horizontal_nav li.home{
	margin-left:0px;
}

#nav ul#horizontal_nav li span {
  text-indent: -9999px;
  display: none;
}
#nav ul#horizontal_nav li a {
	display: block;
	width: 100%;
	height: 100%;
	border: 0px;
}


/* ----------- DEFAULT STATE ----------- */


#nav ul#horizontal_nav li.home, #nav ul#horizontal_nav li.home_on {
	width:85px;
	background: url("../img/nav/home.jpg") no-repeat 0px 0px;
}
#nav ul#horizontal_nav li.about, #nav ul#horizontal_nav li.about_on {
	width:191px;
	background: url("../img/nav/about.jpg") no-repeat 0px 0px;
}
#nav ul#horizontal_nav li.faq, #nav ul#horizontal_nav li.faq_on {
	width:72px;
	background: url("../img/nav/faq.jpg") no-repeat 0px 0px;
}
#nav ul#horizontal_nav li.contact, #nav ul#horizontal_nav li.contact_on {
	width:119px;
	background: url("../img/nav/contact.jpg") no-repeat 0px 0px;
}

#nav ul#horizontal_nav li.privacy, #nav ul#horizontal_nav li.privacy_on {
	width:165px;
	background: url("../img/nav/privacy.jpg") no-repeat 0px 0px;
}

#nav ul#horizontal_nav li.support, #nav ul#horizontal_nav li.support_on {
	width:123px;
	background: url("../img/nav/support.jpg") no-repeat 0px 0px;
}


/* ----------- ROLLOVER STATE ----------- */

#nav ul#horizontal_nav li.home a:hover, .home #nav ul#horizontal_nav li.home{
	background: url("../img/nav/home.jpg") no-repeat 0px 100%;
}
#nav ul#horizontal_nav li.about a:hover, .about #nav ul#horizontal_nav li.about{
	background: url("../img/nav/about.jpg") no-repeat 0px 100%;
}
#nav ul#horizontal_nav li.faq a:hover, .faq #nav ul#horizontal_nav li.faq{
	background: url("../img/nav/faq.jpg") no-repeat 0px 100%;
}
#nav ul#horizontal_nav li.privacy a:hover, .privacy #nav ul#horizontal_nav li.privacy{
	background: url("../img/nav/privacy.jpg") no-repeat 0px 100%;
}
#nav ul#horizontal_nav li.support a:hover, .support #nav ul#horizontal_nav li.support{
	background: url("../img/nav/support.jpg") no-repeat 0px 100%;
}

#nav ul#horizontal_nav li.contact a:hover, .contact #nav ul#horizontal_nav li.contact {
	background: url("../img/nav/contact.jpg") no-repeat 0px 100%;
}