#menu {padding:0; margin:0; list-style:none; width:700px; height:110px; float:right;}

#menu li {position:relative; float:left; margin:0 0 0 -14px;}
#menu li a {display:block; height:110px; width:100px; line-height:20px; padding:0; float:left; color:#fff; text-decoration:none; font-family:"trebuchet MS", sans-serif; font-size:18px; text-align:center; cursor:pointer;}
#menu li a b {display:block; height:0; padding-top:110px; overflow:hidden;}

#menu li#home a {background:url(home1.png);}
#menu li#aboutus a {background:url(aboutus1.png);}
#menu li#history a {background:url(history1.png);}
#menu li#ourchef a {background:url(ourchef1.png);}
#menu li#foodmenu a {background:url(foodmenu1.png);}
#menu li#winemenu a {background:url(winemenu1.png);}
#menu li#findingus a {background:url(findingus1.png);}

#menu li#home a:hover {background:url(home2.png);}
#menu li#aboutus a:hover {background:url(aboutus2.png);}
#menu li#history a:hover {background:url(history2.png);}
#menu li#ourchef a:hover {background:url(ourchef2.png);}
#menu li#foodmenu a:hover {background:url(foodmenu2.png);}
#menu li#winemenu a:hover {background:url(winemenu2.png);}
#menu li#findingus a:hover {background:url(findingus2.png);}

.home #menu li#home a {background:url(home2.png);}
.aboutus #menu li#aboutus a {background:url(aboutus2.png);}
.history #menu li#history a {background:url(history2.png);}
.ourchef #menu li#ourchef a {background:url(ourchef2.png);}
.foodmenu #menu li#foodmenu a {background:url(foodmenu2.png);}
.winemenu #menu li#winemenu a {background:url(winemenu2.png);}
.findingus #menu li#findingus a {background:url(findingus2.png);}

/* this is for IE6 png transparency fix - note the image path is from the .html file not the .css file */
* html #menu li#home a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/home1.png', sizingMethod='scale');}
* html #menu li#aboutus a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/aboutus1.png', sizingMethod='scale');}
* html #menu li#history a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/history1.png', sizingMethod='scale');}
* html #menu li#ourchef a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/ourchef1.png', sizingMethod='scale');}
* html #menu li#foodmenu a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/foodmenu1.png', sizingMethod='scale');}
* html #menu li#winemenu a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/winemenu1.png', sizingMethod='scale');}
* html #menu li#findingus a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/findingus1.png', sizingMethod='scale');}

* html #menu li#home a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/home2.png', sizingMethod='scale');}
* html #menu li#aboutus a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/aboutus2.png', sizingMethod='scale');}
* html #menu li#history a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/history2.png', sizingMethod='scale');}
* html #menu li#ourchef a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/ourchef2.png', sizingMethod='scale');}
* html #menu li#foodmenu a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/foodmenu2.png', sizingMethod='scale');}
* html #menu li#winemenu a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/winemenu2.png', sizingMethod='scale');}
* html #menu li#findingus a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/findingus2.png', sizingMethod='scale');}

* html .home #menu li#home a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/home2.png', sizingMethod='scale');}
* html .aboutus #menu li#aboutus a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/aboutus2.png', sizingMethod='scale');}
* html .history #menu li#history a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/history2.png', sizingMethod='scale');}
* html .ourchef #menu li#ourchef a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/ourchef2.png', sizingMethod='scale');}
* html .foodmenu #menu li#foodmenu a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/foodmenu2.png', sizingMethod='scale');}
* html .winemenu #menu li#winemenu a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/winemenu2.png', sizingMethod='scale');}
* html .findingus #menu li#findingus a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_sixteen/findingus2.png', sizingMethod='scale');}