/* CSS Document */

#menu {
	display:block;
	height:70px;
	width: 333px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu li {
	float:left;
	display:block;
	width:71px;
}
#menu li.list1 {
	border: 0;
	background-color: transparent;
	background-image: url(images/home_butn.gif);
	width: 71px;
}
#menu li.list2 {
	border: 0;
	background-color: transparent;
	background-image: url(images/recipes_butn.gif);
	width:86px;
}
#menu li.list3 {
	border: 0;
	background-color: transparent;
	background-image: url(images/utens_butn.gif);
	width: 86px;
}
#menu li.list4 {
	border: 0;
	background-color: transparent;
	background-image: url(images/chefs_butn.gif);
	width:90px;
}
#menu a {
	display:block;
	width:auto;
	padding-top:70px; /*padding equals image height*/
	height:0;
	color:#000;
	text-decoration:none;
	overflow:hidden; /* 'hidden overflow' and padding settings hide link text */
} 
* html #menu a:link, * html #menu a:visited {height:70px; he\ight:0;}

#menu a#item1 {
	background-color:transparent;
	background-image: url(images/home_butn-over.gif);
	background-repeat: no-repeat;
	background-position: -71px -70px;
} /*inverted image measurements*/
#menu a#item2 {
	background-color: transparent;
	background-image: url(images/recipes_butn-over.gif);
	background-repeat: no-repeat;
	background-position: -86px -70px;
} 
#menu a#item3 {
	background-color: transparent;
	background-image: url(images/utens_butn-over.gif);
	background-repeat: no-repeat;
	background-position: -86px -70px;
} 
#menu a#item4 {
	background-color: transparent;
	background-image: url(images/chefs_butn-over.gif);
	background-repeat: no-repeat;
	background-position: -90px -70px;
} 

#menu a#item1:hover {background-position:top right; z-index:50;}
#menu a#item2:hover {background-position:top right; z-index:50;}
#menu a#item3:hover {background-position:top right; z-index:50;}
#menu a#item4:hover {background-position:top right; z-index:50;}
* html #menu a:hover {height:70px; he\ight:0;}