/* CSS Document */

/*#menu {
	display:block;
	height:25px;
	width: 740px;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: visible;
	z-index: 60;
}*/
#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu li {
	float:left;
	display:block;
	width:auto;
}
#menu a {
	display:block;
	width:auto;
	padding-top:0px; /*padding equals image height*/
	height:25px;
	color:#FF0000;
	text-decoration:none;
	overflow:visible; /* 'hidden overflow' and padding settings hide link text */
} 

/*-----------------------------------Menu Item 1-----------------------------------*/
#menu li.list1 {
	border: 0;
	background-color: transparent;
	background-image: url(images/health_benefits.jpg);
	background-repeat: no-repeat;
	width: 167px;
}
#menu a#item1 {
	background-color:transparent;
	background-image: url(images/health_benefits-over.jpg);
	background-repeat: no-repeat;
	background-position: -167px -25px; /*inverted image measurements allow for swap effect*/
}
#menu a#item1:hover {background-position:top right; z-index:50;}
/*-----------------------------------Menu Item 2-----------------------------------*/
#menu li.list2 {
	border: 0;
	background-color: transparent;
	background-image: url(images/taste.jpg);
	background-repeat: no-repeat;
	width:88px;
}
#menu a#item2 {
	background-color: transparent;
	background-image: url(images/taste-over.jpg);
	background-repeat: no-repeat;
	background-position: -88px -25px;
}
#menu a#item2:hover {background-position:top right; z-index:50;}
/*-----------------------------------Menu Item 3-----------------------------------*/
#menu li.list3 {
	border: 0;
	background-color: transparent;
	background-image: url(images/about_water.jpg);
	background-repeat: no-repeat;
	width: 148px;
}
#menu a#item3 {
	background-color: transparent;
	background-image: url(images/about_water-over.jpg);
	background-repeat: no-repeat;
	background-position: -148px -25px;
}
#menu a#item3:hover {background-position:top right; z-index:50;}
/*-----------------------------------Menu Item 4-----------------------------------*/
#menu li.list4 {
	border: 0;
	background-color: transparent;
	background-image: url(images/about_apex.jpg);
	background-repeat: no-repeat;
	width:144px;
}
#menu a#item4 {
	background-color: transparent;
	background-image: url(images/about_apex-over.jpg);
	background-repeat: no-repeat;
	background-position: -144px -25px;
}
#menu a#item4:hover {background-position:top right; z-index:50;}
/*-----------------------------------Menu Item 5-----------------------------------*/
#menu li.list5 {
	border: 0;
	background-color: transparent;
	background-image: url(images/products_services.jpg);
	background-repeat: no-repeat;
	width: 193px;
}
#menu a#item5 {
	background-color:transparent;
	background-image: url(images/products_services-over.jpg);
	background-repeat: no-repeat;
	background-position: -193px -25px;
}
#menu a#item5:hover {background-position:top right; z-index:50;}
/*-----------------------------------End Menu Items---------------------------------*/
/*
#menu ul li {
	position: relative;
	top: 0;
	left: 0px;
	width:150px;
	height: 20px;
	text-align: left;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #FF99CC;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FF99CC;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FF99CC;
	background-image: url(images/menu_backg.png);
	text-indent: 2px;
}
#menu ul li a{ 
	color:#FFFFFF;
	padding-bottom: 0px;
	padding-top: 0px;
	overflow: hidden;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#menu ul li a:hover{
	color: #000000;
}
#menu ul ul {
	position: absolute;
	z-index: 70;
}
#menu ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul {
	display: none;
}
#menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul {
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	z-index: 70;
}*/