@charset "UTF-8";
/* CSS Document */
/*
	----------------------------
	RESET
	____________________________
*/
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset,dd,dt,dl { margin:0; padding:0; border:0; }
p,h1,h2,h3,h4,h5,h6,ul,dl { margin:15px 0; }
ul,ol,dl { padding-left: 20px; }
input,select,label { vertical-align: middle; }
/*
	----------------------------
	HTML SELECTORS
	____________________________
*/

/*html { background-color: #034263; }*/
body { background: #1f5672 url(/media/layout/bodyBG.gif) repeat-x; font:12px/18px Tahoma, Helvetica, Arial, sans-serif; color:#333; }
a { color: #fff; text-decoration: none; }
a:hover { color: #ffe690; }
input { padding: 3px; font-weight: bold; }
input.submitButton { border: 0; background: transparent url(/media/layout/buttonBG.png) no-repeat; width: 119px; height: 23px; font-weight: bold; font-size: 11px; margin: 4px 0; }
dt { margin: 10px 0 3px; font-size: 14px; color: #ffe690; }
dd { margin: 0 0 0 20px; }
/*
	____________________________
	TYPOGRAPHY
	____________________________
*/

h1,h2,h3,h4,h5,h6 { font-family: "Myriad Pro", "Calibri", Helvetica, Arial, sans-serif; font-weight: normal; }
h1 { font-size:24px; }
h2#headline { font-size: 13px; color: #6B6C5E; }
h2 { font-size: 20px; color: #fff; margin: 8px 0 12px; }
h3 { font-size: 12px; color: #99cfe5; text-transform: uppercase; line-height: 16px; margin: 0; }
h4 { font-size: 18px; }
h5, h6 { font-size: 14px;  }
#headerCall h2 {margin: 0 0 0px; font-size:12px; letter-spacing:-1px;}

/*
	----------------------------
	LAYOUT
	____________________________
*/
#wrapper { width:960px; margin: 0 auto; }
#header {  }
	#headerMain { height: 195px; border-bottom: 3px solid #fff; position: relative; background: url(/media/layout/starfish.jpg) no-repeat right bottom;}
		#headerLogo { position: absolute; top: 8px; left: 0; }
		#headerIntro { width: 400px; position: absolute; top: 92px; left: 16px; }
		#headerCall { position: absolute; text-align: right; right: 0; top: 8px; }
			#headerCall h3 { font-size: 16px; color: #000; text-transform: none; margin-bottom: 3px; }
			#headerCall h2 a { font-size: 14px; color: #034263; margin-top: 0px; }
	#headerNav { background: url(/media/layout/menuBG.gif) repeat-x #143E5D; height: 39px; }
		#headerNav ul { list-style: none; margin: 0; padding: 0; }
		#headerNav ul li { float: left; height: 35px; background: url(/media/layout/navDivider.png) no-repeat; padding-top: 10px; padding-left: 12px; margin-right: 12px; font-size: 12px; font-weight: bold; }
		#headerNav ul li.first { background: none; }
		
#main { margin: 28px 0; color: #fff; }
	#mainContent { float: left; width: 656px; }
	body#home #mainContent { float: none; width: auto; }
		
	#mainSidebar { float: right; width: 270px; margin-left: 20px; }
		#condoSearch { background: url(/media/layout/condoSearchBG.png) repeat-x transparent; width: 266px; height: 348px; padding: 1px 10px 10px; }
	
#footerWrapper { width: 100%; background-color: #034263; }

#emailSignupBar { text-align: center; color:#fff; background: url(/media/layout/menuBG.gif) repeat-x #143E5D; height: 34px; padding-top: 5px; border-bottom: 3px solid #fff; }
	#emailSignupBar label { font-size: 14px; font-style: italic; }
	#emailSignupBar label, #emailSignupBar input { margin-right: 10px; }
	
#footer { width: 960px; margin: 28px auto; color: #fff; }
#footer a { text-decoration: underline; }
	#superFooter {  }
		#footerMap { float: left; width: 320px; margin-right: 20px; }
		#footerMap p { margin-top: 2px; }
		#footerCondotelligence { float: left; width: 290px; margin: 0 20px; }
		#footerProfiles { float: left; width: 270px; margin-left: 20px; }
			#footerProfiles ul { list-style: none; padding-left: 10px; }
	#subFooter { clear: both; border-top: 1px solid #355C74; margin-top: 16px; padding-top: 10px; }
		#footerFinePrint { color: #99cfe5; float: left; padding-bottom: 20px; }
		#footerFinePrint a { color: #99cfe5; }
			#footerFinePrint strong { font-weight: normal; color: #fff; }
			#footerFinePrint ul { list-style: none; padding: 0; }
			#footerFinePrint ul li { float: left; padding-right: 8px; }
			#footerFinePrint ul li a { font-size: 11px; }
			
			h4.button a {color:#fff;}
			
			
			#ratesSM {color:#fff; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; width:138px; height:139px; margin:0 0 15px 35px; padding-right:12px; float:right; background-image:url(/media/layout/rate_box_sm.gif); background-repeat:no-repeat;}
#ratesSM .cellone {width:120px; padding:5px 2px 2px 15px; font-size:13px; line-height:16px; padding-bottom:10px;}
#ratesSM .celltwo {width:100px; padding:2px; text-align:center; padding-bottom:10px; font-size:11px;}
#ratesSM .dates {color:#ffe215; font-size:14px; padding-top:10px;}

#ratesSM .cellone img {margin-top:3px;}

#ratesSM .sign {color:#ffe215; font-size:12px; position:relative; top:-5px;}
#ratesSM .dollar {color:#ffe215; font-size:18px;}
#ratesSM .cents {color:#ffe215; font-size:10px; position:relative; top:-5px;}

body.email-full-width #ratesSM { background-image:url(/media/layout/rate_box_sm.gif); height: 139px; }

#contentfull h1 {text-align:center;letter-spacing:0px;}
#contentfull h1 .black {color:#000;}
#contentfull h3 {color:#0171bd; font-size:12px;letter-spacing:0px;}


/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/

/* HOME */

#mainContentImage { background: url(/media/layout/mainImageFrame.gif) no-repeat #fff; width: 653px; height: 329px; float: left; padding: 3px 0 0 3px; }
#home-search { float: right; width: 270px; margin-left: 20px; }
#mainFeature { float: left; width: 653px; }
	#mainFeature h4.button { float: left; margin-right: 12px; }
	#mainFeatureMedia { float: right; margin: 0 0 12px 12px; max-width: 256px; }
	#mainFeatureMedia img { max-width: 250px; border: 2px solid #034263; }
	#topDeals { float: right; width: 260px; }
		#topDeals p { line-height: 18px; color:#d1edf8; }
		#topDeals p span { font-weight: bold; display: block; color: #fff; }

/* Properties and Specials Page */
#properties { list-style: none; padding-left: 0; }
	.property { padding-top: 10px; border-top: 1px solid #28799d; margin-top: 15px; }
		.rates-book { float:right; width: 250px; text-align: right; }
		.rates-book b { color:#ffe690; font-size: 14px; }
		.rates-book a { display: block; margin-top: 5px; float: right; }
		.property h4 { margin:0 0 3px; }
		.property h4 a {  }
		.property h4 span { padding-left: 15px; font-size: 14px; }
		.property p { margin-top: 3px; color: #d1edf8; }
		.property-detail a { color:#ffe690; font-weight: bold; }
			.property-detail a span { color:#fff; }
		a.property-image { display: inline; }
		a.property-image img { float: left; margin: 0 20px 20px 0; border: 2px solid #d1edf8; }
		
		.currentSpecials { float:right; width:180px; padding:10px; border-left:1px solid #28799d; margin-left:10px; }
		.currentSpecials ul { list-style: none; padding-left: 0; }
		.currentSpecials a { color: #ffe690; display: block; background: url(/media/layout/dot.gif) no-repeat 5px 7px; padding-left: 15px; }
		.currentSpecials a:hover { color: #fff; }
/*

/* Map */
	#map{ width: 470px; height: 400px; border:1px solid #fff; float:left; }
	#locations { padding:0 0 0 10px; width: 170px; float:left; }
	#locations #mapHotelList { border-top:1px solid #39acdc; }
	#locations #mapHotelList a { display:block; line-height:11px; height:11px; padding:6px 0 6px 3px; border-bottom:1px solid #39acdc; }
	#map * { color: #000000; } /* this is to fix the map buttons text color, 'cause google is a monkey */
	.infoWindow { width: 300px; color: #333; }
	.infoWindow a.bookLink { padding: 1px 3px; font-weight:bold; background-color: #39acdc; }

/*--- Resorts Detail pages ---*/
body.hotel-details #content { float:none;  padding:0 0 10px 0; }
body.hotel-details #mini-weather { margin-bottom: 10px; padding-right: 10px; }
#resort-details { float:left; width:908px; padding:0 0 10px 10px; text-align: left; }
#resort-details #address h1, #resort-details #address h3{margin: 0px;}

#resort-details #reviews, #resort-details #currentspecials, #resort-details #amenities, #resort-details #rooms, #resort-details #directions { display: none; }
#resort-details #currentspecials { padding: 0 40px; }
#currentspecials a { display:block; margin-bottom:5px; }
#resort-details #media-wrapper { float: right; width: 400px; }
	#resort-details #media-tabs, #resort-details #content-tabs { margin: 0; padding: 0; list-style: none; }
	#resort-details #media-tabs li, #resort-details #content-tabs li { margin: 0 5px; float: left; }
	#resort-details #media-tabs li a, #resort-details #content-tabs li a { text-decoration:none; font-size: 14px; line-height:14px; padding: 5px 15px; display: block; border: 1px solid #bbd8ec; border-width: 1px 1px 0; }
	#resort-details #media-tabs li a.active, #resort-details #content-tabs li a.active { color:#fff; background: url(/media/layout/tab-active-bg.jpg) repeat-x; border: 1px solid #0674be; border-width: 1px 1px 0; }
	#resort-details #media-wrapper #media { border: 1px solid #0674be; clear: both; }
		#resort-details #gallery-wrapper { width: 400px; height: 300px; overflow: hidden; position: relative; }
			#resort-details #gallery-wrapper #prev2, #resort-details #gallery-wrapper #next2 {  position: absolute;  z-index: 99; text-align: center; text-decoration: none; display: block; width: 50px; color: #fff; background: url(/media/layout/tab-active-bg.jpg) repeat-x; border: 1px solid #0674be; }
			#resort-details #gallery-wrapper #prev2 { bottom: 10px; left: 10px; }
			#resort-details #gallery-wrapper #next2 { bottom: 10px; right: 10px; }
		#resort-details #media-wrapper #media #gallery { margin: 0; padding: 0; list-style: none; }
		#resort-details #media-wrapper #media #gallery li { width: 400px; height: 300px; overflow: hidden; }
		
	#featuredSpecial { background: transparent; padding: 15px 20px; margin: 10px 0; width: 250px;  border: 1px solid #cee1f0; }
		#featuredSpecial h3 { color: #ff4959; font-weight: 14px; margin-top: 0; }
		#featuredSpecial a { display: block; font-weight: bold; font-size: 14px; text-decoration: none; margin: 10px 0; }
	
	#resort-details #content-tabs { margin: 20px 0 10px; float: left; width: 100%; border-bottom: 1px solid #cee1f0; }
	
	#searchBox label { width: auto; text-align: left; }
	
	#resort-packages a { display: block; padding: 5px 0; margin: 0; }
	
	#policy { border-top: 1px solid #cee1f0; margin: 10px; padding: 10px; font-size: 11px; color: #777; }
	#policy h3 { margin: 0 0 5px; font-size: 14px; }
	
	#condo-search-box ul { margin: 0; padding: 0; list-style: none; }
	#condo-search-box ul li { padding: 5px 0; clear: both; }
	#condo-search-box label { display: block; margin: 0; padding-top: 2px; }
	#condo-search-box #arrivalDate, #condo-search-box #departureDate { width: 100px; }
	
	#reviews form { margin: 10px 0; border-top: 1px solid #cee1f0; padding-top: 10px; }
	#reviews form label { display: block; float: left; width: 100px; }
	#reviews form input[type=submit] { border: 0; }

/* Guestdesk Multi-Property Search */
body#mps #mainContent { float: none; width: auto; }

/* contact Form */
#vacationPlanner label { display: block; }

/*
	----------------------------
	UTILITY CLASSES
	____________________________
*/
.button, .rates-book a { text-transform:uppercase; color: #000; background: url(/media/layout/buttonBG.png) no-repeat; width: 119px; height: 23px; text-align: center; padding-top: 7px; font-weight: bold; font-size: 11px; line-height: 11px; }
.button a { text-decoration: none !important; color:#000 !important; display: block; width: auto; }
div.clear { overflow:hidden; height:1px; clear:both; }
li.clear { clear: both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: red; }