html, body{ margin:0; padding:0; }
body{ font: .83em Arial, Helvetica, sans-serif; background:url("../images/bg-page.gif") repeat-x; text-align:center; color:#5f5f5f; }
a { color: #29597F; }
#page-container{ width:862px; text-align:left; margin:0 auto; font-size:.8em; padding:12px 0; }
	#header{ width:862px; float:left; background:url("../images/header.gif") no-repeat; height:103px; position:relative; }
	#headertest1{ width:862px; float:left; background:url("../images/headertest1.jpg") no-repeat; height:103px; position:relative; }
	#headertest2{ width:862px; float:left; background:url("../images/headertest2.jpg") no-repeat; height:103px; position:relative; }
	#navigator{ width:862px; float:left; background:url("../images/bg-nav.gif") no-repeat; text-align:center; margin-bottom:12px; }
	#masthead{ width:862px; float:left; margin-bottom:12px; }
		#rates{ width:324px; float:left; }
		body#lower div#rates { width: 270px; overflow: hidden; }
		#mastheadhome{ width:500px; height: 234px; float:right; position: relative; }
			#mastheadhome #slideshow-mainimage { position: absolute; top: 0; left: 0; z-index: 1; }
			#mastheadhome #slideshow-buffer { position: absolute; top: 0; left: 0; z-index: 2; }
	#content{ width:862px; float:left; background:url("../images/box-grey-bottom.gif") no-repeat bottom left; }
		#content-top{ width:842px; float:left; background:url("../images/box-grey-top.gif") no-repeat top left; padding:10px; }
			#left-side{ width:346px; float:left; }
				div.box-small-bottom{ width:346px; float:left; background:url("../images/box-small-bottom.gif") no-repeat bottom center; }
				div.box-small-top{ width:346px; float:left; background:url("../images/box-small-top.gif") no-repeat top center; }
			#right-side{ width:480px; float:right; }
				div.box-large-bottom{ width:480px; float:left; background:url("../images/box-large-bottom.gif") no-repeat bottom center; }
				div.box-large-top{ width:480px; float:left; background:url("../images/box-large-top.gif") no-repeat top center; }
				div#logos{ width:480px; float:left; background:url("../images/box-large-top.gif") no-repeat bottom center; text-align:center; }
				div#sponsors { clear: both; padding: 0 10px 10px 10px; }
				div#sponsors img { display: inline; padding: 0 3px;}
			body#lower #left-side { width: 290px; }
				body#lower div.box-small-bottom { width:290px; float:left; background:url("../images/box-small-bottom-inner.gif") no-repeat bottom center; margin-bottom: 10px; }
				body#lower div.box-small-top { width:290px; float:left; background:url("../images/box-small-top-inner.gif") no-repeat top center; }
			body#lower #right-side { width: 536px; }
				body#lower div.box-large-bottom{ width:536px; float:left; background:url("../images/box-large-bottom-inner.gif") no-repeat bottom center; }
				body#lower div.box-large-top{ width:536px; float:left; background:url("../images/box-large-top-inner.gif") no-repeat top center; }
	#footer{ width:862px; float:left; background:url("../images/bg-footer.gif") no-repeat; height:50px; text-align:center; padding:10px 0; margin:12px 0; }

/* site wide elements */
#header a#logo { position:absolute; display:block; width:164px; height:84px; top:8px; left:25px; }
#headertest1 a#logo, #headertest2 a#logo { position:absolute; display:block; width: 188px; height: 98px; top: 4px; left: 15px; }

#navigator ul{ display:inline; margin:0 auto; padding:0; list-style:none; }
#navigator ul li{ display:inline; margin:0 0 0 12px; padding:0 12px 0 0; }
#navigator ul li a, #navigator ul li a:link, #navigator ul li a:visited{ color:#fff; text-decoration:none; line-height:28px; font-size:1.2em; }
#navigator ul li a#on, #navigator ul li a:active, #navigator ul li a:hover{ color:#BFE1FC; }

ul.date{ margin:0; padding:0; list-style:none; }
ul.date li{ margin:0 0 0 6px; padding:0 6px 0 0; border-right:1px solid #959595; float:left; }
ul.date li.last{ border-right:none; }

#rates table{ margin:0 10px 8px 10px; }
#rates table td{ padding:0 4px 0 0; }
#rates table td input[type=text]{ width:94px; float:left; padding:2px 4px; }
#rates table td .fixedSelect{ width:120px !important; }
#rates table td .fixedInput{ width:112px !important; }

#submenu { margin-top: 15px; }

#search-location { background: url('/images/search-location.gif') no-repeat; width: 149px; height: 19px; text-indent: -9000px; display: block; }
#search-amenity { background: url('/images/search-amenity.gif') no-repeat; width: 149px; height: 19px; text-indent: -9000px; display: block; }

dl.spot{ margin:10px 0 0 10px; padding:0; }
dl.spot:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;}
dl.spot dt{ margin:0 10px 0 0; padding:0; width:95px; text-align:center; float:left; }
dl.spot dt img { padding-bottom: 5px; }
dl.spot dd{ margin:0; padding:0; float:left; width:205px; display:block; font-size:.9em; }
dl.spot dd h1{ margin:0; }
dl.spot dd p{ margin:-5px 0 0 0; }
dl.spot dd p.alignRight{ margin:0; }
dl.spot dd p a{ color: #959595; }

div#logos ul{ display:inline; margin:0; padding:0; list-style:none; }
div#logos ul li{ margin:0; padding:0; float:left; }
div#logos ul li a{ display:block; text-decoration:none; width:120px; height:70px; }
div#logos ul li a#caravelle{ background-image:url("../images/logo-white-caravelle-.gif"); background-position: bottom left; }
div#logos ul li a#beachCove{ background-image:url("../images/logo-white-beach-resort-.gif"); background-position: bottom left; }
div#logos ul li a#seaWatch{ background-image:url("../images/logo-white-sea-watch-.gif"); background-position: bottom left; }
div#logos ul li a#oceanCreek{ background-image:url("../images/logo-white-ocean-creek-.gif"); background-position: bottom left; }
div#logos ul li a.on, div#logos ul li a:hover, div#logos ul li a:active{ background-position:top left !important; }

ul.specials{ margin:0 0 10px 0; padding:0; list-style:none; }
ul.specials li { float:left; width:218px; margin:0 0 12px 0; padding:0 10px 0 0; }
ul.specials li.even { clear: left; float: left; }
ul.specials li h1{ margin:0; color:#40709E; font-size:1em; }
ul.specials li p{ font-size:.9em; padding-right:20px; margin:0; }
ul.specials li p a{ color:#40709E; }

#footer ul.navigation{ margin:0; padding:0; list-style:none; display:inline; }
#footer ul.navigation li{ display:inline; margin:0 0 0 10px; padding:0 10px 0 0; }
#footer ul.navigation li a, #footer ul.navigation li a:link, #footer ul.navigation li a:visited{ color:#909090; text-decoration:none; font-size:1.2em; }
#footer ul.navigation li a:hover, #footer ul.navigation li a:active{ color:#000; }

#footer p{ margin:0; padding:16px; }
#footer p a{ color:#909090; text-decoration:none; }

.inside{ padding:12px; line-height: 1.64; }
.inside strong { color:#29597F; font-size:14px; font-weight:bold; text-decoration:none; margin-bottom: 0px; }

h1.headingImage{ margin:0; padding:10px 0 0 0; }
h1.headingImageMargins{ margin:0; }

h1.pageTitle{ font-size:1em; font-weight:bold; color:#29597F; margin:0 0 12px 0; }
h1.pageTitle a{ color:#8D8C91; text-decoration:none; font-weight:normal; }

/* Accommodations */
#accommodations h3 { color:#29597F; font-size:13px; font-weight:bold; text-decoration:none; margin: 0; }
div#specialCodeBox { margin-bottom: 30px; }
div#specialCodeBox h2 { text-indent: -9000px; background: url('/images/amenities/yourspecials.gif') no-repeat; height: 14px; margin: 0 0 5px 0; border-bottom: 1px solid #5e5e5e; }
div#specialCodeBox p { margin: 0; font-size: 12px; color: #414141; }
div#amenBox input { border: 0; }
div.accommodation-resort { clear: left; line-height: 1.64; margin-bottom: 30px; }
div.accommodation-resort h2 { color:#29597F; font-size:14px; font-weight:bold; text-decoration:none; margin-bottom: 0px; }
div.accommodation-resort b,div.accommodation-resort strong { color:#29597F; font-size:11px; font-weight:bold; text-decoration:none; margin-bottom: 0px; }
div.accommodation-resort h4 { clear: both; border-bottom: 1px solid #5e5e5e; text-align: right; overflow: hidden; padding-top: 11px; margin-bottom: 5px; width: 456px; font-size: 11px; font-weight: normal; }
div.accommodation-resort h4 span { float: left; text-indent: 9000px; overflow: hidden; margin: 0; padding: 0; }
div.accommodation-resort h4.rates-CaravelleResort span { background: url('/images/amenities/caravellerates.gif') no-repeat; height: 11px; width: 173px; }
div.accommodation-resort h4.rates-OceanCreek span { background: url('/images/amenities/oceancreekrates.gif') no-repeat; height: 11px; width: 173px; }
div.accommodation-resort h4.rates-SeaWatchResort span, div.accommodation-resort h4.rates-SeaWatch span { background: url('/images/amenities/seawatchrates.gif') no-repeat; height: 11px; width: 159px; }
div.accommodation-resort h4.rates-BeachCoveResort span { background: url('/images/amenities/beachcoverates.gif') no-repeat; height: 11px; width: 170px; }
div.accommodation-resort a.propertyimagelink { float: left; padding-right: 10px; }
div.accommodation-resort ul.meta { float: left; list-style-type: none; margin: 0; padding: 0 0 0 20px; width:160px; }
h3.header-BeachCoveResort { text-indent: -9000px; background: url('/images/amenities/beachcoveheader.gif') no-repeat; height: 11px; width: 112px; margin: 13px 0 !important; }
h3.header-CaravelleResort { text-indent: -9000px; background: url('/images/amenities/caravelleheader.gif') no-repeat; height: 11px; width: 96px; margin: 13px 0 !important; }
h3.header-SeaWatchResort, h3.header-SeaWatch { text-indent: -9000px; background: url('/images/amenities/seawatchheader.gif') no-repeat; height: 11px; width: 104px; margin: 13px 0 !important; }
h3.header-OceanCreek { text-indent: -9000px; background: url('/images/amenities/oceancreekheader.gif') no-repeat; height: 11px; width: 118px; margin: 13px 0 !important; }
ul.rates-seasons { margin: 0; padding: 0; }
ul.rates-seasons li { display: block; float: left; width: 56px; height: 60px; padding: 0 10px 0 50px; margin: 0; font-size: 11px; line-height: 18px; }
ul.rates-seasons li span { font: 14px/23px Arial, sans-serif; color: #356b97; }
ul.rates-seasons li.spring { background: url('/images/amenities/springicon.jpg') no-repeat; }
ul.rates-seasons li.summer { background: url('/images/amenities/summericon.jpg') no-repeat; }
ul.rates-seasons li.fall { background: url('/images/amenities/fallicon.jpg') no-repeat; }
ul.rates-seasons li.winter { background: url('/images/amenities/wintericon.jpg') no-repeat; padding-right: 0; }
ul.booking { clear: both; margin: 0; height: 27px; padding: 0 0 12px 20px; }
ul#booking-moreinfo { padding-left: 0; }
ul.booking li { display: block; float: left; height: 27px; padding-left: 20px; }
ul.booking li a { display: block; height: 27px; }
ul.booking li.bookit a { background: url('/images/amenities/bookit.jpg') no-repeat; width: 84px; text-indent: -9000px; }
ul.booking li.moreinfo a { background: url('/images/amenities/getmoreinfo.jpg') no-repeat; width: 125px; text-indent: -9000px; }
ul.booking li.visitsite a { background: url('/images/amenities/visitwebsite.jpg') no-repeat; width: 117px; text-indent: -9000px; }
ul.booking li.viewourspecials a { background: url('/images/viewSpecials.jpg') no-repeat; width: 125px; text-indent: -9000px; }
ul.booking li.viewourgolfpackages a { background: url('/images/viewGolfPackages.jpg') no-repeat; width: 162px; text-indent: -9000px; }
div#mapBox { width: 456px; height: 300px; }
div.infoWindow h3 { color:#29597F; font-size:13px; font-weight:bold; margin:0pt; text-decoration:none; }
div.infoWindow img { float: left; padding: 0 10px 5px 0; }
div.infoWindow p { margin: 2px 0; }

/*Specials*/ 
h2#specials-header { background: transparent url('/images/specials/header.gif') no-repeat scroll 0%; border-bottom: 1px solid #5E5E5E; height:14px; margin:0pt 0pt 5px; text-indent:-9000px; }
div.specials-property { clear: left; padding-bottom: 15px; }
div.specials-property h3 { color:#29597F; font-size:14px; font-weight:bold; text-decoration:none; margin-bottom: 0px; }
div.specials-property img { float: left; }
div.specials-property ul { float: left; width: 320px; padding:0 0 0 20px; margin: 0; list-style-type: none; }
div.specials-property b { font-size:12px; font-weight:bold; text-decoration:none; margin-bottom: 0px; }

/*Events*/
div#eventsView h5 { color: #29597F; font-size: 14px; font-weight: bold; text-decoration: none; margin-top:0; }
div#calendarView strong { color: #ffffff !important; font-size: 12px !important; }
div.event { padding-bottom: 15px; }
div.event a { text-decoration: none; text-align: left; }
div.event a:hover { text-decoration: underline; }
div.event a b { color: #29597F; font-size: 12px; font-weight: bold; text-decoration: none; text-align: left; }
div.event a img.alignRight { float: right; padding: 20px 0 10px 10px; }
h1#area-attractions { color: #29597F; font-size: 14px; font-weight: bold; text-decoration: none; margin: 0 0 10px 0; }
div#calendarView { margin-bottom: 10px; }
div#calendarView b { color: #29597F; font-size: 11px; font-weight: bold; text-decoration: none; }
form#eventsSearch input[type=text] { padding:2px 4px; }

/*VIP*/
div#vipContents b { color: #29597F; font-size: 12px; font-weight: bold; text-decoration: none; }

/*Things to Do Page*/
div#todo h4, div#todo-description h4 { color:#29597F; font-size:14px; font-weight:bold; margin:0pt 0pt 10px; text-decoration:none; }
div#todo h4 { background: url('/images/thingstodo.gif') no-repeat; width: 196px; height: 19px; display: block; text-indent: -9000px; }
div#todo ul { margin: 0 0 15px 0; padding: 0; }
div#todo ul ul { margin-bottom: 10px; padding-left: 10px; list-style-type: none; }

/*Reservation System*/
#reservationsystem h2 { color:#29597F; font-size:14px; font-weight:bold; margin:0pt 0pt 0pt 10px; text-decoration:none; }
#dateSection, #occupantsSection, #detailsSection, #hotelSection { margin-top: 10px !important; }
#reservationsystem #searchBox { padding: 0 0 10px 0 !important; }
#reservationsystem #dateSection img { display: inline; }
#reservationsystem #standardView { margin: 0 10px !important; line-height: 1.30; }
#reservationsystem .hotelName { color:#29597F; font-size:13px; font-weight:bold; margin:0pt 0pt 3px 0pt; text-decoration:none; font-family: Arial,Helvetica,sans-serif; }
#reservationsystem .rate { font-size: 14px; color: #29597F; }
#reservationsystem .resultsRow1, #reservationsystem .resultsRow2 .gridBG { background-color: #f2f2f2 !important; }
#reservationsystem .resultsRow2, #reservationsystem .resultsRow1 .gridBG { background-color: #FFFFFF !important; }

/*Contact*/
h3.map { color:#29597F; font-size:13px; font-weight:bold; margin:0pt; text-decoration:none; }
form#contactEndlessFun fieldset { border: 0; margin: 10px 0 0 0; padding: 0; }
form#contactEndlessFun fieldset legend { color:#29597F; font-size:13px; font-weight:bold; margin:0pt; text-decoration:none; }
form#contactEndlessFun fieldset label { display: block; float: left; width: 75px; }
form#contactEndlessFun fieldset input, form#contactEndlessFun fieldset select, form#contactEndlessFun fieldset textarea { padding:2px 4px; margin-bottom: 3px; }
form#contactEndlessFun fieldset textarea { width: 300px; height: 75px; }
form#contactEndlessFun fieldset#submits label { width: 250px; border: 0; }
form#contactEndlessFun fieldset#submits input { float: left; margin-left: 75px; border: 0; }

/*Weather*/
p#weather b { color: #29597F; font-size: 12px; font-weight: bold; text-decoration: none; }

/*
	----------------------------
	Slideshow Styles
	____________________________
*/
#slideshow { position: relative; height: 456px; width: 456px; overflow: hidden; }
/* (uncomment for masking) #slideshow .slideshowoverlay { position: absolute; top: 0; left: 0; z-index: 2; }*/
#slideshow .slideshowmainimage { position: absolute; top: 0; left: 0; z-index: 0; }
#slideshow #slideshowbuffer { position: absolute; top: 0; left: 0; z-index: 1; }
#slideshow .slideshownext { position: absolute; right: 15px; bottom: 15px; z-index: 2; }
#slideshow #slideshowcaption { position: absolute; left: 10px; bottom: 10px; z-index: 2; font-size:12px; color: #07322b; background: #cae6ea; padding: 5px; margin: 0; }
#slideshow .slideshowprevious { position: absolute; left: 15px; bottom: 15px; z-index: 2; }

/* clearing floats */
.clearfix:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.smallFont{ font-size:.9em; }
.smallerFont{ font-size:.8em; }
input, textarea, select{ font-size:1em; border:1px solid #7F9DB5; color:#606060; }
input[type=image]{ border:none; }
textarea{ font-family: Arial, Helvetica, sans-serif; }

.blue{ color:#364A6B !important; }
.chocolate{ color:#a27740 !important; }
.lightBlue{ color:#29597F !important; }

/* others */
.hideLayer{ display: none; }
.showBlock{ display: block; }
.showInline{ display: inline; }
/*.alignRight{ text-align: right; }*/
.alignLeft{ text-align: left; }
.alignCenter{ text-align: center; }
.bold{ font-weight: bold; }
.strike{ text-decoration: line-through; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
img,form{ border: 0; margin: 0; padding: 0; }
img{ display:block; }
.clearify { clear: both; }
.floatRight{ float: right !important; }
.floatLeft{ float: left !important; }
.relativeFloatRight{ position:relative; float: right !important; }
.relativeFloatLeft{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:0; border:0; margin:4px 0; border-bottom:1px solid #efefef; clear:both; }
* html hr{ margin:0; padding:0; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }
.error{ color: red; }