/* Top navigation */
div#mainNav {
	width: 500px;
	height: 47px;
	float:left;
	padding:0px 0px 0px 20px;
}


div#mainNav ul {
	padding: 0px;
	margin: 0px;
	list-style-type:none;
}

div#mainNav ul li { 
	display: block;
	float: left;
	height: 47px;
	position:relative;
	margin: 0px;
	padding: 0px;
	
}

div#mainNav ul li span {
	top: 0px;
	left: 0px;
	height: 47px;
	background-repeat: no-repeat;
	position: absolute;
	z-index:1;
}

div#mainNav ul li a {
	height: 47px;
	display: block;
	cursor:pointer;
	color: #FFF;
	text-decoration: none;
	border: 0px;
	text-align: center;
}


/* Off states */
ul li#nav-home, ul li#nav-home span, ul li#nav-home a {width: 51px;}
ul li#nav-home span { background-image: url(images/b_home.gif);}

ul li#nav-story, ul li#nav-story span, ul li#nav-story a {width: 77px;}
ul li#nav-story span { background:url(images/b_our_story.gif);}

ul li#nav-shop, ul li#nav-shop span, ul li#nav-shop a {width: 45px;}
ul li#nav-shop span { background-image: url(images/b_shop.gif);}

ul li#nav-where, ul li#nav-where span, ul li#nav-where a {width: 101px;}
ul li#nav-where span { background-image: url(images/b_where_to_get.gif);}

ul li#nav-recipes, ul li#nav-recipes span, ul li#nav-recipes a {width: 63px;}
ul li#nav-recipes span { background-image: url(images/b_recipes.gif);}

ul li#nav-testimonials, ul li#nav-testimonials span, ul li#nav-testimonials a {width: 85px;}
ul li#nav-testimonials span { background-image: url(images/b_testimonials.gif);}

ul li#nav-contact, ul li#nav-contact span, ul li#nav-contact a {width: 74px;}
ul li#nav-contact span { background-image: url(images/b_contact.gif);}