#nav {
	width: 151px;
	height: 31px;

}

#nav div a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-indent: -200em;
	text-decoration: none;
}

div.about-us {
	float: left;
	width: 151px;
	height: 31px;
	margin: 0;
	background: url(../images/nav-images/about-us.jpg) 0 -31px no-repeat;
}

div.about-us a {
	background: url(../images/nav-images/about-us.jpg) top left no-repeat;
}


div.products {
	float: left;
	width: 151px;
	height: 31px;
	margin: 0;
	background: url(../images/nav-images/products.jpg) 0 -31px no-repeat;
}

div.products a {
	background: url(../images/nav-images/products.jpg) top left no-repeat;
}

div.recipes {
	float: left;
	width: 151px;
	height: 31px;
	margin: 0;
	background: url(../images/nav-images/recipes.jpg) 0 -31px no-repeat;
}

div.recipes a {
	background: url(../images/nav-images/recipes.jpg) top left no-repeat;
}

div.where-to-find-us {
	float: left;
	width: 151px;
	height: 31px;
	margin: 0;
	background: url(../images/nav-images/where-to-find-us.jpg) 0 -31px no-repeat;
}

div.where-to-find-us a {
	background: url(../images/nav-images/where-to-find-us.jpg) top left no-repeat;
}

div.about-us span, div.products span, div.recipes span, div.where-to-find-us span {
	display: block;
	margin: 0;
	padding: 0
}

div.about-us a:hover, body.about-us div.about-us a, 

div.products a:hover, body.products div.products a, 

div.recipes a:hover, body.recipes div.recipes a, 

div.where-to-find-us  a:hover, body.where-to-find-us div.where-to-find-us a 

{
	background-image: none
}