#imageMenu {
	position: relative;
	width: 850px;
	height: 275px;
	overflow: hidden;
	margin: 0 auto;
	margin-top:-275px;
	margin-bottom:35px;
	}
#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 275px;
	width: 1698px;
	}
#imageMenu ul li {
	float: left;
	}
#imageMenu ul li a {
	text-indent: -1000px;
	background: #CC0099 none repeat scroll 0%;
	cursor: pointer;
	display: block;
	overflow: hidden;
	width: 283px; /* with 3 images with a width of 850 we get 283 each or 849 */
	height: 275px;
	}
#imageMenu ul li.home1 a {
	background: url(../images/Home_Accommodations.jpg) repeat scroll 0%;
	}
#imageMenu ul li.home2 a {
	background: url(../images/Hilton_San_Diego_Bayfront-California_Vacation.jpg) repeat scroll 0%;
	}
#imageMenu ul li.home3 a {
	background: url(../images/Home_Special-Offers.jpg) repeat scroll 0%;
	width: 564px;
	/*width: 310px;*/ /*not sure what this is for?*/
	/* this width is needed because it is the image that is shown by default
	  the amount to use for the width is relative to the number of images and the size of menu
    The width tag should be moved to the last image in the UL and removed from the others	
	*/
	}
.clear {
	clear: both;
	}