/** whitespace reset **/
* {
padding:0;
margin:0;
}
body {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin:20px 0; }
li, dd, blockquote { margin-left: 40px; }
fieldset { padding:10px; }
img{border:0px;}

/** header size consistency **/

h1{font-size:1.6em;}
h2{font-size:1.3em;}
h3{font-size:1.2em;}



body
{
	background:#c5eeff;
	font-family:arial, sans-serif;
	font-size:76.5%;
	text-align:center;
}

.clear
{
	clear:both;
}

#container
{
	width:988px;
	margin:0px auto 0px auto;
	padding:0px 10px 10px 10px;
	text-align:left;
	background:#fff;
}


.logo
{
	background:url('../images/bg_logo.gif') repeat-x;
}

.nav_container
{
	width:988px;
	overflow:hidden;
}

ul.nav
{
	list-style-type:none;
	margin:0px;
	padding:1px 0px 0px 87px;
	background:url('../images/bg_nav.gif');
	height:38px;
	width:1008px;
	white-space:nowrap;
	position:relative;
}

ul.nav li
{
	position:relative;
	float:left;
	height:33px;
	overflow:hidden;
	margin:0px 0px 0px 24px;
	padding:0;
}

ul.nav li.first{margin:0;}

ul.nav li a
{
	display:block;
	text-decoration:none;
	height:96px;
	margin-top:-66px;
	background:url('../images/nav.gif');
}

ul.nav li a:hover, #b_acommodations li#n_acommodations a, #b_amenities li#n_amenities a,#b_rates li#n_rates a, #b_exuma li#n_exuma a, #b_info li#n_info a, #b_contact li#n_contact a, #b_concierge li#n_concierge a
{
	height:64px;
	margin-top:-32px;
}



li#n_acommodations a, li#n_acommodations a:hover
{
	width:1038px;
	margin-left:-900px;
}

li#n_amenities a, li#n_amenities a:hover
{
	width:1130px;
	margin-left:-1038px;
}

li#n_rates a, li#n_rates a:hover
{
	width:1188px;
	margin-left:-1130px;
}

li#n_exuma a, li#n_exuma a:hover
{
	width:1441px;
	margin-left:-1188px;
}

li#n_concierge a, li#n_concierge a:hover
{
	width:1600px;
	margin-left:-1441px;
}

li#n_info a, li#n_info a:hover
{
	width:1717px;
	margin-left:-1600px;
}

li#n_contact a, li#n_contact a:hover
{
	width:1801px;
	margin-left:-1717px;
	
}

.flash_header
{
	width:988px;
	height:352px;
	display:block;
	background:#fff;
	margin-bottom:6px;
}

.header
{
	/*margin-bottom:6px;*/
}

.content
{
	padding-bottom:30px;
}

.content .right
{
	float:right;
}

#b_amenities .content .right
{
	margin-right:190px;
}



.content .left
{
	float:left;
	width:669px;
	height:0px;
	padding-top:216px;
	overflow:hidden;
	background:url('../images/bg_content_left.gif') no-repeat;
	cursor:pointer;
}

.content .left_on
{
	float:left;
	width:669px;
	height:0px;
	padding-top:216px;
	overflow:hidden;
	background:url('../images/bg_content_left_on.gif') no-repeat;
	cursor:pointer;
}

.footer
{
	height:33px;
	background:#30bcd2 url('../images/bg_footer.gif') right no-repeat;
	color:#aaeeff;
	padding:15px 5px 0px 5px;
	font-size:.9em;
}



.footer .tell
{
	float:right;
	padding-top:2px;
}

.footer a
{
	color:#aaeeff;
}



#credit
{
	width:988px;
	margin:0px auto 0px auto;
	padding:5px 10px 10px 10px;
	text-align:right;
	color:#30bcd2;
	font-size:.8em;
}

#credit a
{
	color:#30bcd2;
}

#credit a:hover, .footer a:hover
{
	color:#115577;
}


/*********** secondary pages styles *******/

.page
{

}

.page .left
{
	float:left;
	width:244px;
	margin-right:25px;
}

.page .right
{
	float:left;
	width:718px;
}

.page .right h1
{
	margin:0;
	padding:0;
	height:0px;
	padding-top:35px;
	overflow:hidden;
}


ul.normal
{
	color:#666;
}

ul.inner
{
	margin:0;
	padding:0;
}
/****** acommodations ********/


.page p
{
	width:457px;
	font-size:1em;
	color:#666;
	line-height:1.4em;
}

p.top
{
	margin-top:10px;
}

.page p a
{
	color:#337799;
}

.page p a:hover
{
	color:#66bb77;
}

.houses
{
	width:244px;
	float:right;
}



#house_image
{
	height:204px;
}

.houses_image /** preload the images **/
{
	background:url('../images/acommodations_plan_1.gif');
}

.houses_image /** preload the images **/
{
	background:url('../images/acommodations_plan_2.gif');
}

.houses_image /** preload the images **/
{
	background:url('../images/acommodations_plan_3.gif');
}

.houses_image /** preload the images **/
{
	background:url('../images/acommodations_plan_4.gif');
}

.houses_nav
{
	color:#888;
	text-align:right;
	font-size:.8em;
	padding-top:3px;
}

.houses_nav a
{
	color:#888;
}

.houses_nav a:hover
{
	color:#66bb77;
}

.house_on
{
	color:#30bcd2;
	text-decoration:none;
	font-weight:bold;
}

#b_acommodations .page .right #home
{
	background:url('../images/hd_acommodations.gif') no-repeat;
}

#b_acommodations .page .right h1#h1_guest
{
	background:url('../images/hd_acommodations_guest.gif') no-repeat;
}

#b_acommodations .page .right h1#h1_lounge
{
	background:url('../images/hd_acommodations_lounge.gif') no-repeat;
}

#b_acommodations .left, #b_acommodations .houses, #b_contact .left, #b_exuma .left
{
	margin-top:6px;
}



ul.a_nav
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	background:url('../images/nav_acommodations.gif');
	width:244px;
	height:128px;
}

ul.a_nav li
{
	display:block;
	width:244px;
	overflow:hidden;
	margin:0;
	padding:0;
}

ul.a_nav li a
{
	display:block;
	text-decoration:none;
	width:244px;
	background:url('../images/nav_acommodations.gif');
}

ul.a_nav li a:hover, .h_overview li#s_overview a, .h_guest li#s_guest a, .h_lounge li#s_lounge a
{
	width:488px;
	margin-left:-244px;
}

li#s_overview a, li#s_overview a:hover
{
	height:166px;
	margin-top:-128px;
}

li#s_guest a, li#s_guest a:hover
{
	height:192px;
	margin-top:-166px;
}

li#s_lounge a, li#s_lounge a:hover
{
	height:223px;
	margin-top:-192px;
}

.concierge
{
	margin:6px 0px 6px 0px;
}

.concierge
{
	width:244px;
	overflow:hidden;
}

.concierge a, .concierge a:hover
{
	display:block;
	height:187px;
	width:1952px;
	margin-left:-1464px;
	overflow:hidden;
}

#c_concierge a, #c_concierge a:hover
{
	background:url('../images/amenities_callout_concierge.gif');
	height:120px;
}

#c_concierge a:hover
{
	width:1708px;
	margin-left:-1220px;
}

#c_overview a, #c_overview a:hover
{
	background:url('../images/acommodations_callout_concierge.gif');
}

#c_guest a, #c_guest a:hover
{
	background:url('../images/guest_concierge_callout.gif');
}

#c_lounge a, #c_lounge a:hover
{
	background:url('../images/lounge_concierge_callout.gif');
}

#c_rates a, #c_rates a:hover
{
	background:url('../images/rates_callout_concierge.gif');
}


#c_info a, #c_info a:hover
{
	background:url('../images/info_callout_concierge.gif');
}

.concierge a:hover
{
	width:976px;
	margin-left:-732px;
}



/********* AMENITIES STYLES ************/

ul.amenities_nav
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	background:url('../images/nav_amenities.gif');
	width:244px;
	height:100px;
}

ul.amenities_nav li
{
	display:block;
	width:244px;
	overflow:hidden;
	margin:0;
	padding:0;
}

ul.amenities_nav li a
{
	display:block;
	text-decoration:none;
	width:244px;
	background:url('../images/nav_amenities.gif');
}

ul.amenities_nav li a:hover, .h_overview li#am_overview a, .h_concierge li#am_concierge a
{
	width:488px;
	margin-left:-244px;
}

li#am_overview a, li#am_overview a:hover
{
	height:140px;
	margin-top:-100px;	
}

li#am_concierge a, li#am_concierge a:hover
{
	height:172px;
	margin-top:-140px;	
}

#b_amenities .page .right h1#amenities_overview
{
	background:url('../images/hd_amenities_overview.gif') no-repeat;
}

#b_concierge .page .right h1#amenities_concierge
{
	background:url('../images/hd_concierge.gif') no-repeat;
}

.page b
{
	color:#66bb77;
}

#b_amenities .page .right ul.am
{
	list-style-type:none;
	margin:-20px 0px 0px 0px;
	padding:0;
	width:530px;
}

#b_amenities .page .right ul.am li
{
	float:left;
	width:30%;
	margin:0px 10px 0px 0px;
	padding:0;
	color:#666;
}

#b_amenities ul.normal
{
	margin:-20px 0px 0px 0px;
	padding:0;
	width:530px;
}

#b_amenities .page .right ul.normal li
{
	margin:0px 0px 0px 15px;
	padding:0;
	color:#666;
}

#b_amenities .page .right ul.inner
{
	margin:0;
	padding:0;
	list-style-type:square;
}

.page .right a
{
	color:#337799;
}

.page .right a:hover
{
	color:#66bb77;
}

.padme
{
	padding-bottom:40px;
}

#pop_amenities, #tell_a_friend, #popup_holder
{
	border:5px solid #66bb77;
	background:#fff;
	display:none;
	position:absolute;
	z-index:1000;
	width:344px;
	background:#fff url('../images/pop_amenities.gif') bottom right no-repeat;
	text-align:left;
}



.pop_content
{
	padding:10px;
	color:#666;
}

.close
{
	padding:2px;
	background:#66bb77;
	/*margin-bottom:10px;*/
	height:25px;
}

.close div
{
	float:right;
}

/********* RATES STYLES **********/

.email
{
	width:244px;
	height:0px;
	padding-top:128px;
	overflow:hidden;
	background:url('../images/left_rates_off.gif') no-repeat;
	cursor:pointer;
}

.email_on
{
	width:244px;
	height:0px;
	padding-top:128px;
	overflow:hidden;
	background:url('../images/left_rates_on.gif') no-repeat;
	cursor:pointer;
}

#b_rates .page .right h1
{
	background:url('../images/hd_rates.gif') no-repeat;
}

/********* EXUMA STYLES ******/

ul.exuma_nav
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	background:url('../images/nav_exuma.gif');
	width:244px;
	height:100px;
}

ul.exuma_nav li
{
	display:block;
	width:244px;
	overflow:hidden;
	margin:0;
	padding:0;
}

ul.exuma_nav li a
{
	display:block;
	text-decoration:none;
	width:244px;
	background:url('../images/nav_exuma.gif');
}

ul.exuma_nav li a:hover, .h_overview li#ex_overview a, .h_todo li#ex_todo a
{
	width:488px;
	margin-left:-244px;
}

li#ex_overview a, li#ex_overview a:hover
{
	height:140px;
	margin-top:-100px;	
}

li#ex_todo a, li#ex_todo a:hover
{
	height:172px;
	margin-top:-140px;	
}

#b_exuma .page .right h1#overview
{
	background:url('../images/hd_exuma_overview.gif') no-repeat;
}

#b_exuma .page .right h1#todo
{
	background:url('../images/hd_exuma_todo.gif') no-repeat;
}

/****** INFO *********/
#b_info .page .right h1#info
{
	background:url('../images/hd_info.gif') no-repeat;
}

#b_contact .page .right h1#contact
{
	background:url('../images/hd_contact.gif') no-repeat;
}

/***** tell a friend ******/

#tell_a_friend .pop_content
{
	padding-top:0px;
}

#tell_a_friend label
{
	display:block;
	margin:0;
	padding:0;
}

#tell_a_friend p input, #tell_a_friend p textarea
{
	width:100%;
}

.error
{
	color:maroon;
	font-weight:bold;
}

#popup_holder
{
	height:380px;	
	width:780px;
}

#popup_holder .pop_content
{
	height:330px;
	overflow:auto;
	text-align:left;
}