@charset "utf-8";


* { margin: 0; padding:	0;}


#nav {
	margin: 	        0 0 0 0;
	padding: 			9px 0 0 0;
	list-style: 		none;
	float: 				right;
	clear:				both;
	width:				767px;
}

#nav li { 
	float: 				left;
	padding:            0 6px 0 0;
}

#nav li a { 
	text-indent: 		-999999px; 
	overflow: 			hidden; 
	display: 			block; 
	height: 			16px;
}



#nav #home { background: url(img/menu_home.jpg); width: 90px; }
#nav #home:hover, #nav #home.active:hover { background: url(img/menu_home.jpg) -90px 0; }
#nav #home.active { background: url(img/menu_home.jpg) -180px 0; }

#nav #barbecue { background: url(img/menu_barbecue.jpg); width: 110px; }
#nav #barbecue:hover, #nav #barbecue.active:hover { background: url(img/menu_barbecue.jpg) -110px 0; }
#nav #barbecue.active { background: url(img/menu_barbecue.jpg) -220px 0; }

#nav #gourmet { background: url(img/menu_gourmet.jpg); width: 108px; }
#nav #gourmet:hover, #nav #gourmet.active:hover { background: url(img/menu_gourmet.jpg) -108px 0; }
#nav #gourmet.active { background: url(img/menu_gourmet.jpg) -216px 0; }

#nav #wok { background: url(img/menu_wok.jpg); width: 81px; }
#nav #wok:hover, #nav #wok.active:hover { background: url(img/menu_wok.jpg) -81px 0; }
#nav #wok.active { background: url(img/menu_wok.jpg) -162px 0; }

#nav #buffet { background: url(img/menu_buffet.jpg); width: 89px; }
#nav #buffet:hover, #nav #buffet.active:hover { background: url(img/menu_buffet.jpg) -89px 0; }
#nav #buffet.active { background: url(img/menu_buffet.jpg) -178px 0; }

#nav #faq { background: url(img/menu_faq.jpg); width: 96px; }
#nav #faq:hover, #nav #faq.active:hover { background: url(img/menu_faq.jpg) -97px 0; }
#nav #faq.active { background: url(img/menu_faq.jpg) -194px 0; }

#nav #contact { background: url(img/menu_contact.jpg); width: 101px; }
#nav #contact:hover, #nav #contact.active:hover { background: url(img/menu_contact.jpg) -101px 0; }
#nav #contact.active { background: url(img/menu_contact.jpg) -202px 0; }