@charset "utf-8";

/*  NAVIGATION 
	-------------------------------------------------------------------------------------------------------- */

#nav_wrap {
	background:url(/images/nav_bg.gif) no-repeat;
	height:50px;

}
#nav {
	width:930px;
	margin-left:auto;
	margin-right:auto;
	height:50px;
	position:relative;
	z-index:400;
}
#nav ul li {
	float:left;

}

#nav li a {
	display:block;
	float:left;
	text-decoration:none;
	color:#FFF;
	font-size:14px;
	line-height:30px;
	height:50px;
	}
	
/* 
Add id and class for each main item in navigation; 
Add id to the main nav ul element
Add class to each link to indicate to user which section they are in  
*/

/*  HOME 
	-------------------------------------------------------------------------------------------------------- */
#nav .home {
	width:91px;
	background:url(/images/nav/home.jpg) no-repeat;
}
#nav .home a{
	width:91px;
	display:block;
}
#nav .home a:hover{
	background:url(/images/nav/home_over.jpg) no-repeat;	
}

#nav .home .active{
	width:91px;
	background:url(/images/nav/home_on.jpg) no-repeat !important;
}

/*  PRODUCTS 
	-------------------------------------------------------------------------------------------------------- */
#nav .our_products {
	width:144px;
	background:url(/images/nav/our_products.jpg) no-repeat;	
}
#nav .our_products a {
	width:144px;
	display:block;	
}
#nav .our_products a:hover{
	background:url(/images/nav/our_products_over.jpg) no-repeat;	
}
#nav .our_products .active{
	width:144px;
	background:url(/images/nav/our_products_on.jpg) no-repeat !important;	
}

/*  LOCATIONS 
	-------------------------------------------------------------------------------------------------------- */
#nav .our_locations {
	width:153px;
	background:url(/images/nav/our_locations.jpg) no-repeat;	
}
#nav .our_locations a{
	width:153px;
	display:block;	
} 
#nav .our_locations a:hover {
	background:url(/images/nav/our_locations_over.jpg) no-repeat;	
}
#nav .our_locations .active {
	width:153px;
	background:url(/images/nav/our_locations_on.jpg) no-repeat !important;	
} 
/*  PROVIDERS 
	-------------------------------------------------------------------------------------------------------- */
#nav .our_providers {
	width:150px;
	background:url(/images/nav/our_providers.jpg) no-repeat;	
}
#nav .our_providers a {
	width:150px;
	display:block;	
}
#nav .our_providers a:hover{
	background:url(/images/nav/our_providers_over.jpg) no-repeat;	
}
#nav .our_providers .active {
	width:150px;
	background:url(/images/nav/our_providers_on.jpg) no-repeat !important;	
}

/*  MEMBER BENEFITS 
	-------------------------------------------------------------------------------------------------------- */
#nav .member_benefits {
	width:188px;
	background:url(/images/nav/member_benefits.jpg) no-repeat;	
}
#nav .member_benefits a{
	width:188px;
	display:block;	
}
#nav .member_benefits a:hover {
	background:url(/images/nav/member_benefits_over.jpg) no-repeat;	
}
#nav .member_benefits .active {
	width:188px;
	background:url(/images/nav/member_benefits_on.jpg) no-repeat !important;	
}

/*  ABOUT US 
	-------------------------------------------------------------------------------------------------------- */
#nav .about_us .active {
	width:110px;
	background:url(/images/nav/about_us_on.jpg) no-repeat !important;	
}
#nav .about_us a {
	width:110px;
	display:block;
}
#nav .about_us a:hover{
	width:110px;
	background:url(/images/nav/about_us_over.jpg) no-repeat;	
}
#nav .about_us {
	width:110px;
	background:url(/images/nav/about_us.jpg) no-repeat;	
}

/*  CHNW 
	-------------------------------------------------------------------------------------------------------- */
#nav .chnw {
	width:89px;
	background:url(/images/nav/chnw.jpg) no-repeat;	
}
#nav .chnw a{
	width:89px;
	display:block;
}
#nav .chnw a:hover{
	background:url(/images/nav/chnw_over.jpg) no-repeat;	
}
#nav .chnw .active {
	width:89px;
	background:url(/images/nav/chnw_on.jpg) no-repeat !important;	
}