/**************************************************************
 Iamge Menu Css Sheet
 
 Width line needs to be calculated for image spread
 Divide width by images and subtract 2px per image
**************************************************************/

#imageMenu {
	position:fixed;
	width: 600px;
	padding-top: 5px;
	height: 200px;
	z-index:5;
	overflow:hidden;
	background: white;
}

#imageMenu ul {
	list-style: none;
	margin: 0px;
	padding:0;
	display: block;
	height: 180px;
	width: 1000px;
	background:white;
}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
/*	background:#FFFFFF none repeat scroll 0%;*/
	border-right: 0px solid blue;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:120px; /* Width needs to be calculated for spread less 2px per image */
	height: 180px;
}
/****************************** Image Menu Graphics ******************************/
#imageMenu ul li.home a {
	background: url(../../images/imagemenu/home-1.jpg) repeat scroll 0%;
}
#imageMenu ul li.testimonials a {
	background: url(../../images/imagemenu/testimonials-1.jpg) repeat scroll 0%;
}
#imageMenu ul li.images a {
	background: url(../../images/imagemenu/images-1.jpg) repeat scroll 0%;
}
#imageMenu ul li.services a {
	background: url(../../images/imagemenu/services-1.jpg) repeat scroll 0%;
}
#imageMenu ul li.contact a {
	background: url(../../images/imagemenu/contact-1.jpg) repeat scroll 0%;
	width: 140px;
}

.clear {
	clear: both;
}
/****************************** End of CSS *************************************/