/*

	-- -- -- -- -- -- --
	css sprites2
	nav style, with style for scripted elements

	http://www.alistapart.com/articles/sprites2
	-- -- -- -- -- -- --
	
*/


.nav { /* Whole nav img = 401px 195px*/
	width: 667px; /* Size of nav - one row */
	height: 51px; /* Size of nav - one row */
	background: url(../images/nav.png) no-repeat;
	position: absolute; /* For SC, need to make relative wrapping with absolute div around it */
	top: 0px; /*position */
	left: 0px;
	
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 51px; /* height of one row */
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	border: none;
}
	.nav .home a:link, .nav .home a:visited {
		left: 0px; /*where it shows*/
		width: 99px; /*23px to the right with width of 76px*/
	}
	.nav .home a:hover, .nav .home a:focus {
		background: url(../images/nav.png) no-repeat 0px -51px;
	}
	.nav .home a:active {
		background: url(../images/nav.png) no-repeat 0px -51px;
	}
	.current-home .home a:link, .current-home .home a:visited {
		background: url(../images/nav.png) no-repeat 0px -51px;
		cursor: default;
	}
	.nav-home, .nav-home-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 99px;
		height: 51px;
		background: url(../images/nav.png) no-repeat 0px -51px;
	}
	.nav-home-click {
		background: url(../images/nav.png) no-repeat 0px -51px;
	}



	.nav .products a:link, .nav .products a:visited {
		left: 99px;
		width: 117px;
	}
	.nav .products a:hover, .nav .products a:focus {
		background: url(../images/nav.png) no-repeat -99px -51px;
	}
	.nav .products a:active {
		background: url(../images/nav.png) no-repeat -99px -51px;
	}
	.current-products .products a:link, .current-products .products a:visited {
		background: url(../images/nav.png) no-repeat -99px -51px;
		cursor: default;
	}
	.nav-products, .nav-products-click {
		position: absolute;
		top: 0;
		left: 99px;
		width: 117px;
		height: 51px;
		background: url(../images/nav.png) no-repeat -99px -51px;
	}
	.nav-products-click {
		background: url(../images/nav.png) no-repeat -99px -51px;
	}
	
	
	
	
	.nav .about a:link, .nav .about a:visited {
		left: 216px;
		width: 95px;
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(../images/nav.png) no-repeat -216px -51px;
	}
	.nav .about a:active {
		background: url(../images/nav.png) no-repeat -216px -51px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		background: url(../images/nav.png) no-repeat -216px -51px;
		cursor: default;
	}
	.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 216px;
		width: 95px;
		height: 51px;
		background: url(../images/nav.png) no-repeat -216px -51px;
	}
	.nav-about-click {
		background: url(../images/nav.png) no-repeat -216px -51px;
	}



	.nav .foodsafety a:link, .nav .foodsafety a:visited {
		left: 311px;
		width: 139px;
	}
	.nav .foodsafety a:hover, .nav .foodsafety a:focus {
		background: url(../images/nav.png) no-repeat -311px -51px;
	}
	.nav .foodsafety a:active {
		background: url(../images/nav.png) no-repeat -311px -51px;
	}
	.current-foodsafety .foodsafety a:link, .current-foodsafety .foodsafety a:visited {
		background: url(../images/nav.png) no-repeat -311px -51px;
		cursor: default;
	}
	.nav-foodsafety, .nav-foodsafety-click {
		position: absolute;
		top: 0;
		left: 311px;
		width: 139px;
		height: 51px;
		background: url(../images/nav.png) no-repeat -311px -51px;
	}
	.nav-foodsafety-click {
		background: url(../images/nav.png) no-repeat -311px -51px;
	}
	
	
	
	.nav .recipes a:link, .nav .recipes a:visited {
		left: 450px;
		width: 110px;
	}
	.nav .recipes a:hover, .nav .recipes a:focus {
		background: url(../images/nav.png) no-repeat -450px -51px;
	}
	.nav .recipes a:active {
		background: url(../images/nav.png) no-repeat -450px -51px;
	}
	.current-recipes .recipes a:link, .current-recipes .recipes a:visited {
		background: url(../images/nav.png) no-repeat -450px -51px;
		cursor: default;
	}
	.nav-recipes, .nav-recipes-click {
		position: absolute;
		top: 0;
		left: 450px;
		width: 110px;
		height: 51px;
		background: url(../images/nav.png) no-repeat -450px -51px;
	}
	.nav-recipes-click {
		background: url(../images/nav.png) no-repeat -450px -51px;
	}


	
	.nav .contact a:link, .nav .contact a:visited {
		left: 560px;
		width: 102px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(../images/nav.png) no-repeat -560px -51px;
	}
	.nav .contact a:active {
		background: url(../images/nav.png) no-repeat -560px -51px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(../images/nav.png) no-repeat -560px -51px;
		cursor: default;
	}
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 560px;
		width: 102px;
		height: 51px;
		background: url(../images/nav.png) no-repeat -560px -51px;
	}
	.nav-contact-click {
		background: url(../images/nav.png) no-repeat -560px -51px;
	}