#navigation{
width:900px;
height:30px;
padding:0;
margin:0;
position:relative;
z-index:20;
}

#navigation li{
	display: block;
	float: left;
	height: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform:uppercase;
	color: #fff;
	position: relative;
	background: url('../images/main_nav_spritesheet.jpg');
}

#navigation a{
	display:block;
	height:30px;
	text-decoration:none;
	color:#fff;
	text-indent:-99999px;
}


/*Normal State*/

#navigation li#ourdifference{width:193px; background-position:0 0;}
#navigation li#ourgym{width:156px; background-position:-193px 0;}
#navigation li#joinnow{width:161px; background-position:-349px 0;}
#navigation li#contactus{width:168px;	background-position:-510px 0;}
#navigation li#ourcommunity{width:222px; background-position:-678px 0;}

/*Hover State*/
#navigation li#ourdifference:hover, #navigation li#ourdifference.navhover{background-position:0 -30px;}

#navigation li#ourgym:hover, #navigation li#ourgym.navhover{background-position:-193px -30px;}

#navigation li#joinnow:hover, #navigation li#joinnow.navhover{background-position:-349px -30px;}
#navigation li#contactus:hover, #navigation li#contactus.navhover{background-position:-510px -30px;}
#navigation li#ourcommunity:hover, #navigation li#ourcommunity.navhover{background-position:-678px -30px;}

/*drop down*/
#navigation li ul{padding: 0;}
#navigation li ul li a{
	display:block;
	height:10px;
	text-decoration:none;
	text-transform:uppercase;
	padding:10px 14px;
	color:#666;
	letter-spacing:1px;
	text-indent:0px;
	
}
#navigation li ul{
	position:absolute;
	background:url('../images/black90.png') repeat; 
	padding:0;
	margin-left:30px;	
	white-space:nowrap;
	left:-99999px;
}

#navigation li ul li{
	background-image:none;
	float:none;
	width:auto;
	display:block;
	
}

#navigation ul li a:hover{
	background-color:#333;
	color:#fff;
}

#navigation li:hover ul, #navigation li.navhover ul {
	left: 0;
}