#nav { 
	width: 888px; 
	height: 222px; 
	position: relative;
	margin: 0; padding: 0; }

#menu {
    width: 888px;
	height: 222px;
    background: url(../images/nav.jpg);
    margin: 0px; padding: 0;
    position: relative; }
	
	#menu li { margin: 0; padding: 0; list-style: none; display: block; position: absolute; }	
	#menu a { display: block; }
	
	#reservation	{ left: 640px; top: 0px; width: 175px; height: 63px; }
	#history		{ left: 479px; top: 143px; width: 105px; height: 65px; }
	#rooms			{ left: 578px; top: 143px; width: 104px; height: 65px; }	
	#amenities		{ left: 673px; top: 143px; width: 104px; height: 65px; }
	#contact	 	{ left: 760px; top: 143px; width: 107px; height: 65px; }
	
	#reservation a	{ height: 63px; }
	#history a		{ height: 65px; }
	#rooms a		{ height: 65px; }
	#amenities a	{ height: 65px; }
	#contact a	 	{ height: 65px; }
	  
	#reservation a:hover 	{ background: url(../images/nav.jpg) -161px -228px no-repeat; }
	#history a:hover 		{ background: url(../images/nav.jpg) -338px -228px no-repeat; }	
	#rooms a:hover 			{ background: url(../images/nav.jpg) -446px -228px no-repeat; }	
	#amenities a:hover 		{ background: url(../images/nav.jpg) -552px -228px no-repeat; }
	#contact a:hover 		{ background: url(../images/nav.jpg) -660px -228px no-repeat; }
	
	
/*-- THE ROOMS --*/

.cell { 
	background: #CFDCB0;
	color: #67898A;
	padding: 10px; 
	border-left: solid 3px #fff; }
		
#list-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none; }
	
#list-menu li {
	margin: 2px 0 0; }
	
#list-menu a {
	display: block;
	width: 150px;
	padding: 2px 2px 2px 10px;
	border: 1px solid #67898A;
	background: #86b1b7;
	text-decoration: none; }
	
#list-menu a:link, #list-menu a:active, #list-menu a:visited {
	color: #fff; }

#list-menu a:hover {
	border: 1px solid #000000;
	background: #476869;
	color: #ffffff; }