@charset "utf-8";
/* CSS Document */

#nav {float:right; height:27px; margin:30px 0 0 0; width:491px;}
#nav ul {display:block; background:url(../images/bg-nav.jpg); margin:0 auto; position:absolute;}
#nav li {display:inline;list-style-type:none;}
#nav li a {height:27px; position:absolute; text-indent:-9999px; outline:none}

li#navHome a, li#navRecipes a, li#navOrder a, li#navTestimonials a, li#navContact a {background:url(../images/bg-nav.jpg); height:27px;}


li#navHome a 			{ background-position:0 0; width:76px; left:0 }
li#navHome a:hover		{ background-position:0 -27px }
body#pageHome li#navHome a 	{ background-position:0 -54px }


li#navRecipes a 			{ background-position:-76px 0; width:88px; left:76px }
li#navRecipes a:hover		{ background-position:-76px -27px }
body#pageRecipes li#navRecipes a 	{ background-position:-76px -54px }

li#navOrder a 			{ background-position:-164px 0; width:115px; left:164px }
li#navOrder a:hover		{ background-position:-164px -27px }
body#pageOrder li#navOrder a 	{ background-position:-164px -54px }

li#navTestimonials a 			{ background-position:-279px 0; width:112px; left:279px }
li#navTestimonials a:hover		{ background-position:-279px -27px }
body#pageTestimonials li#navTestimonials a 	{ background-position:-279px -54px }

li#navContact a 			{ background-position:-391px 0; width:100px; left:391px }
li#navContact a:hover		{ background-position:-391px -27px }
body#pageContact li#navContact a 	{ background-position:-391px -54px }