body {
	margin: 0 0 20px 0;
	background: #DDCC6A url(../img/bg.jpg) top left repeat-x;
}

div#shadow {
	
	margin: 0 auto 0 auto;
	width: 748px
}

div#leftShadow {
	
	position: absolute;
	top: 121px;
	background: url(../img/leftshadow.jpg) top left no-repeat;
	width: 4px;
	height: 217px;	
}

div#rightShadow {
	
	position: absolute;
	top: 121px;
	margin: 0 0 0 744px;
	background: url(../img/rightshadow.jpg) top left no-repeat;
	width: 4px;
	height: 217px;
}

div#header {
	
	margin: 0 auto 0 auto;
	background: #DDCC6A url(http://cheeca-lodge-keys.ht411.com/img/logo.jpg) top left no-repeat;
	width: 740px;
	height: 112px;
}

div#contact {
	
	float: right;
	width: 269px;
	height: 60px;
	margin: 26px 35px 0 0;
	background: #FFF url(http://cheeca-lodge-keys.ht411.com/img/contact.jpg) top left no-repeat;	
}

div#mainContainer {
	
	margin: 0 auto 20px auto;
	background: #FFF;
	width: 722px;
	padding: 9px 9px 0 9px;
}

div#navContain {
	
	width: 722px;
	height: 31px;
	margin: 0 auto 0 auto;
	padding: 0;
}

div#navBottom {
	
	width: 722px;
	height: 192px;
	margin: 0 auto 0 auto;
	padding: 0;
}

/* SUB PAGE CSS */

/* Reservations */
	
div#reserveContain {
	
	width: 722px;
	height: 146px;
	background: url(../img/reservebg.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	clear: both;
}	

div#reserveText {
	
	float: left;
	width: 300px;
	margin: 17px 0 0 0;
	padding: 0 0 0 22px;
}

div#reserveText p {
	
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
	color: #FFF;
	line-height: 20px;
}

div#reserveForm {
	
	float: right;
	text-align: right;
	width: 330px;
	margin: 42px 0 0 0;
	padding: 0 46px 0 0;
	line-height: 15px;
}

div#reserveForm select{
	
	 margin: 0 0 5px 0;
}

/* FOOTER */

div#footer {
	
	margin: 9px auto 0 auto;
	background: #FFF url(../img/foot.jpg) top left no-repeat;
	width: 722px;
	height: 123px;
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	color: #6FA9EC;
	clear: both;
}

a {color: #2D83E3; text-decoration: none;}
a:hover {color: #2D83E3; text-decoration: underline;}

div#logoOne {
	
	margin: 0 0 0 17px;
	padding: 8px 0 0 0;;
	width: 123px;
	height: 44px;
}

div#footText {
	
	line-height: 17px;
	margin: 1px 0 0 17px;
}

div#batchLogo {
	
	width: 99px;
	height: 15px;
	float: right;
	margin: 82px 15px 0 0;
}

/* CONTENT */

p {
	
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
	color: #999;
	margin: 3px 0 0 0;
}

div.contentLeft {
	
	width: 375px;
	height: 220px;
	float: left;
	clear: both;
	padding: 8px 0 10px 13px;
	
}

div.contentRight {
	
	width: 375px;
	height: 220px;
	float: right;
	padding: 8px 11px 10px 0;
}

div.picLeft{
	
	width: 296px;
	height: 220px;
	float: left;
	clear: both;
	padding: 0 0 10px 11px;
}

div.picRight{
	
	width: 296px;
	height: 220px;
	float: right;
	padding: 0 9px 10px 0;
}

/* NAVIGATION IMAGE REPLACEMENT */

 div#nav {
	float: right;
	width: 722px;
	margin: 0;
	padding: 0;
	height: 31px;
	text-align: right;
}

div#nav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 31px;
}

div#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

div#nav ul li a {
	display: block;
	text-align: right;
	font-weight: bold;
	height: 31px;
	line-height: 31px;
}

div#nav ul li#navLeftCap { background: #3083AD url("../img/nav/leftcap.jpg") 0 0 no-repeat; width: 20px; height: 31px; }
div#nav ul li#navRightCap { background: #3083AD url("../img/nav/rightcap.jpg") 0 0 no-repeat; width: 20px; height: 31px; }
div#nav ul li#navResort a { background: #3083AD url("../img/nav/resort.jpg") 0 0 no-repeat; width: 94px; height: 31px; }
div#nav ul li#navEntertainment a { background: #3083AD url("../img/nav/entertainment.jpg") 0 0 no-repeat; width: 105px; height: 31px; }
div#nav ul li#navDining a { background: #3083AD url("../img/nav/dining.jpg") 0 0 no-repeat; width: 56px; height: 31px; }
div#nav ul li#navReservations a { background: #3083AD url("../img/nav/reservations.jpg") 0 0 no-repeat; width: 95px; height: 31px; }
div#nav ul li#navAuto a { background: #3083AD url("../img/nav/autorental.jpg") 0 0 no-repeat; width: 87px; height: 31px; }
div#nav ul li#navCruises a { background: #3083AD url("../img/nav/cruises.jpg") 0 0 no-repeat; width: 60px; height: 31px; }
div#nav ul li#navFlights a { background: #3083AD url("../img/nav/flights.jpg") 0 0 no-repeat; width: 56px; height: 31px; }
div#nav ul li#navWeather a { background: #3083AD url("../img/nav/weather.jpg") 0 0 no-repeat; width: 67px; height: 31px; }
div#nav ul li#navContact a { background: #3083AD url("../img/nav/contact.jpg") 0 0 no-repeat; width: 62px; height: 31px; }

div#nav ul li#navResort a:hover,
div#nav ul li#navEntertainment a:hover,
div#nav ul li#navDining a:hover,
div#nav ul li#navReservations a:hover,
div#nav ul li#navAuto a:hover,
div#nav ul li#navCruises a:hover,
div#nav ul li#navFlights a:hover,
div#nav ul li#navWeather a:hover,
div#nav ul li#navContact a:hover 
{
	background-position: 0 -31px;
}

div#nav ul li span 
{
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}