#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	overflow:hidden;
}



#nav li { /* all list items */
	float: left;
	background: url("images/interface.png");
	height: 30px;
	}
#nav li.home {width: 45px; background-position: 0px -30px;}
#nav li.products {width: 80px; background-position: -45px -30px;}
#nav li.byog {width: 53px; background-position: -125px -30px;}
#nav li.athletes {width: 70px; background-position: -180px -30px;}
#nav li.retailers {width: 80px; background-position: -250px -30px;}
#nav li.shop {width: 55px; background-position: -330px -30px;}
#nav li.contest {width: 65px; background-position: -385px -30px;}
#nav li.faq {width: 50px; background-position: -450px -30px;}
#nav li.downloads {width: 85px; background-position: -500px -30px;}
#nav li.contact {width: 68px; background-position: -585px -30px;}
#nav li.catalog {width: 62px; background-position: -660px -30px;}
#nav li.chat {width: 55px; background-position: -723px -30px;}

#nav li.home:hover {width: 45px; background-position: 0px 0px;}
#nav li.products:hover {width: 80px; background-position: -45px 0px;}
#nav li.byog:hover {width: 53px; background-position: -125px 0px;}
#nav li.athletes:hover {width: 70px; background-position: -180px 0px;}
#nav li.retailers:hover {width: 80px; background-position: -250px 0px;}
#nav li.shop:hover {width: 55px; background-position: -330px 0px;}
#nav li.contest:hover {width: 65px; background-position: -385px 0px;}
#nav li.faq:hover {width: 50px; background-position: -450px 0px;}
#nav li.downloads:hover {width: 85px; background-position: -500px 0px;}
#nav li.contact:hover {width: 68px; background-position: -585px 0px;}
#nav li.catalog:hover {width: 62px; background-position: -660px 0px;}
#nav li.chat:hover {width: 55px; background-position: -723px 0px;}

#nav li.on.home {width: 45px; background-position: 0px 0px;}
#nav li.on.products {width: 80px; background-position: -45px 0px;}
#nav li.on.byog {width: 53px; background-position: -125px 0px;}
#nav li.on.athletes {width: 70px; background-position: -180px 0px;}
#nav li.on.retailers {width: 80px; background-position: -250px 0px;}
#nav li.on.shop {width: 55px; background-position: -330px 0px;}
#nav li.on.contest {width: 65px; background-position: -385px 0px;}
#nav li.on.faq {width: 50px; background-position: -450px 0px;}
#nav li.on.downloads {width: 85px; background-position: -500px 0px;}
#nav li.on.contact {width: 68px; background-position: -585px 0px;}
#nav li.on.catalog {width: 62px; background-position: -660px 0px;}
#nav li.on.chat {width: 55px; background-position: -723px 0px;}

#nav a {display:block; height: 30px;}
#nav a:link, #nav a:visited {display: block;}
#nav a:link span, #nav a:visited span, #nav a span  {display: none;}




/* second-level lists */
		#nav li ul { 
			position: absolute;
			background: none;
			width: 70px;
			left: -999em;
			border-left: 0px solid #fff;
			border-right: 0px solid #fff;
			margin: 0 0 0 8px;
		}
		
		#nav li ul li {
				background: none;
				float:none;
				padding: 3px 3px 4px 3px;
				margin: 0;
				height: auto;
				border-bottom: 2px solid #2d2d2f;
				background: #000;
				line-height: 13px;
				}
			
		#nav li ul a:link, #nav li ul a:visited {color: #fff; font-size: 13px; letter-spacing: 0em;
		font-family: arial narrow, Arial,Helvetica,sans-serif; height: auto;
		display:block; padding: 0; margin: 0;
		}
		#nav li ul a:hover, #nav li ul a.on {color: #21a457;}
		#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
		}