/****************************************************************************

Author: Dan
Development by: iias
Last updated: July 16, 08

*****************************************************************************/


/* BASE STYLING ********************************************************************/
* {
margin:0;
padding:0;
}
h2{
font-size:1.6em;
}
h3 {
font-size:1.2em;
color:#685033;
}
h4{
font-size:1.3em;	
}
ol,ul {
list-style:none;  
}
a{
text-decoration:none;
border-bottom:none;
color:#1181af;
outline:none;
}
a:hover{
text-decoration:none;
border-bottom:none;
color:#1181af;
background:#fbf8f3;
}
img {
border-style:none;
}
/* BASE STRUCTURE ********************************************************************/
body {
background:#d0bea9 url(../images/body.gif) repeat-x;
font:62.5% Verdana, Arial, Helvetica, sans-serif;
color:#333;
text-align:center;
}
#wrap{
width:880px;
background:#222;
text-align:left;
background:url(../images/wrap.jpg) repeat-y;
margin:0 auto;
position:relative;
}
/* HEADER *********************************************************************/
#header{
width:880px;
height:384px;
position:relative;
}
#header h1{
position:absolute;
}
#header h1 a{
width:275px;
height:83px;
position:absolute;
left:26px;
top:20px;
text-indent:-9999px;
background:url(../images/logo.gif);
}
#header h1 a:hover{
background-position:bottom;
}
#header h2{
width:211px;
height:54px;
background:url(../images/slogan.gif) no-repeat;
text-indent:-9999px;
position:absolute;
right:292px;
top:50px;
}
#mainNav{
width:176px;
position:absolute;
top:214px;
left:3px;
}
#mainNav a{
display:block;
text-indent:-9999px;
}
#mainNav li#photoGallery a{
width:134px;
height:26px;
background:url(../images/nav/photo-gallery.gif) top;
}#mainNav li#photoGallery a:hover, #photoGalleryPg #mainNav li#photoGallery a{
background-position:bottom;
}
#mainNav li#localActivities a{
width:147px;
height:19px;
background:url(../images/nav/local-activities.gif) top;
}#mainNav li#localActivities a:hover, #localActivitiesPg #mainNav li#localActivities a{
background-position:bottom;
}
#mainNav li#rentalRates a{
width:118px;
height:22px;
background:url(../images/nav/rental-rates.gif) top;
}#mainNav li#rentalRates a:hover, #rentalRatesPg #mainNav li#rentalRates a{
background-position:bottom;
}
#mainNav li#reservationRequest a{
width:174px;
height:22px;
background:url(../images/nav/reservation-request.gif) top;
}#mainNav li#reservationRequest a:hover, #reservationRequestPg #mainNav li#reservationRequest a{
background-position:bottom;
}
#mainNav li#contactUs a{
width:114px;
height:20px;
background:url(../images/nav/contact-us.gif) top;
}#mainNav li#contactUs a:hover, #contactUsPg #mainNav li#contactUs a{
background-position:bottom;
}
#mainNav li#home a{
width:74px;
height:21px;
margin-left:1px;
background:url(../images/nav/home.gif) top;
}#mainNav li#home a:hover, #homePg #mainNav li#home a{
background-position:bottom;
}

/* CONTENT ********************************************************************/
#content{
font-size:1.2em;
position:relative;
}
#mainContent{
width:500px;
float:left;
display:inline;
margin:20px 0 0 34px;
padding-bottom:30px;
min-height:180px;
height:auto !important;
height:180px;
position:relative;
}
#mainContent h2 + p{
font:120% Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#486A83;
}
#mainContent h3{
padding-top:12px;
}
#mainContent p{
line-height:18px;
margin:12px 0;
}
#mainContent .contentList{
margin:10px 0 0 8px;
}
#mainContent #homeList{
width:390px;
float:left;
}
#mainContent #visaMc{
position:absolute;
top:30px;
left:34.5em;
}
#mainContent .contentList li{
padding:4px 0 4px 18px;
background:url(../images/home-bullet.gif) no-repeat 0 8px;
}
#mainContent .contentListLeft{
width:200px;
float:left;
}
#mainContent .contentListRight{
width:220px;
float:left;
}
#mainContent #topRate{
margin-top:22px;
}
#mainContent p.rates{
margin-top:10px;
padding:4px 0;
border-bottom:1px dotted #685033;
width:29.2em;
}
#mainContent .rates span{
background:#f6eee3;
padding:4px 0;
}
p.rates .date{
display:block;
width:11.4em;
float:left;
}
img.contentPolaroid{
margin-top:20px;
}
img.indexPolaroid{
position:absolute;
right:-310px;
top:260px;
}
#mainContent p.disclaimers{
font-size:80%;
color:#6d6d6d;
margin-top:-4px;
line-height:14px;
}
#mainContent #reservationBtn{
margin-top:20px;
display:block;
width:221px;
height:55px;
float:left;
}
#galleryContent{
width:692px;
height:444px;
background:url(../images/flash-bg.gif);
position:absolute;
top:138px;
right:0;
}
#galleryContent object{
position:absolute;
top:3px;
right:10px;
}
#mainContent h2{
text-indent:-9999px;
width:200px;
height:24px;
}
#photoGalleryPg #mainContent h2{
background:url(../images/headings/photo-gallery.gif) no-repeat top left;
}
#localActivitiesPg #mainContent h2{
background:url(../images/headings/local-activities.gif) no-repeat top left;
}
#rentalRatesPg #mainContent h2{
background:url(../images/headings/rental-rates.gif) no-repeat top left;
}
#reservationRequestPg #mainContent h2{
background:url(../images/headings/reservation-request.gif) no-repeat top left;
}
#contactUsPg #mainContent h2{
background:url(../images/headings/contact-us.gif) no-repeat top left;
}
#homePg #mainContent h2{
background:url(../images/headings/home.gif) no-repeat top left;
}
#privacyPolicyPg #mainContent h2{
background:url(../images/headings/privacy-policy.gif) no-repeat top left;
}
#subContent{
width:300px;
float:right;
display:inline;
margin:0 14px 20px 0;
min-height:240px;
height:auto !important;
height:240px;
position:relative;
}
#homePg #subContent img{
position:absolute;
right:10px;
top:0;
}
#localActivitiesPg #subContent img{
position:absolute;
right:-38px;
top:10px;
}
#rentalRatesPg #subContent img, #privacyPolicyPg #subContent img{
position:absolute;
right:38px;
top:10px;
}
#reservationRequestPg #subContent img{
position:absolute;
right:30px;
top:10px;
}
#contactUsPg #subContent, #reservationRequestPg #subContent, #rentalRatesPg #subContent, #privacyPolicyPg #subContent{
position:absolute;
top:0;
right:0;
}
#contactUsPg #subContent img{
position:absolute;
right:10px;
top:10px;
}
#mainContent img#beachChair{
position:absolute;
left:450px;
bottom:30px;
}
/* Contact & Reservation Forms *********************************************************************/
#form{
width:572px;
height:356px;
background:url(../images/postcard.jpg) no-repeat left top;
position:relative;
}
#contactForm{
width:286px;
position:absolute;
top:28px;
left:30px;
font-size:12px;
}
#contactForm label{
display:block;
width:4.2em;
height:20px;
line-height:20px;
float:left;
color:#584531;
}
/*Reservations*/
#reservationForm #contactForm label{
width:4.6em;
}
#reservationForm #contactForm{
width:296px;
}
#reservationForm{
width:572px;
height:402px;
background:url(../images/card.jpg) no-repeat left top;
position:relative;
}
#mainContent #contactForm input#Arrive_Year_ID, #mainContent #contactForm input#Depart_Year_ID{
padding:4px;
height:14px;
width:72px;
}
#mainContent #contactForm select#Arrive_Day_ID, #mainContent #contactForm select#Depart_Day_ID{
padding:2px 0 2px 0;
width:48px;
height:22px;
border:1px solid #DCD1C9;
}
#mainContent #contactForm select#Arrive_Month_ID, #mainContent #contactForm select#Depart_Month_ID{
padding:2px 0 2px 0;
width:64px;
height:22px;
border:1px solid #DCD1C9;
}
#mainContent #contactForm label#commentsQuestions{
width:auto;
}
#reservationForm #contactForm textarea{
width:276px;
height:80px;
}
#mainContent #reservationForm #contactForm input#strCAPTCHA{
width:184px;
margin-right:7px;
}
#Arrive_ID_Link img{
position:relative;
top:1px;
}
#Depart_ID_Link img{
position:relative;
top:1px;
}
#reservationForm #contactForm p#invalidVerify{
width:276px;
}
/* // Reservations*/

#mainContent #contactForm p{
margin:4px 0;
padding:0;
}
#mainContent #contactForm input{
width:216px;
border:1px solid #dcd1c9;
height:20px;
padding:3px 2px 0 2px;
}
#contactForm p#messageP {
margin:10px 0;
}
#contactForm textarea{
border:1px solid #dcd1c9;
width:272px;
height:100px;
margin:4px 0 4px 0;
}
#contactForm img#captchaImg{
float:left;
position:relative;
top:1px;
}
#mainContent #contactForm input#strCAPTCHA{
float:left;
display:inline;
margin:0 0 0 7px;
width:180px;
padding:1px 0;
}
#mainContent #contactForm #pleaseVerify{
display:block;
margin-bottom:10px;
}
#contactForm p#invalidVerify{
display:block;
width:272px;
border:1px solid #FF333B;
background:#fbf0f1 url(../images/alert.png) no-repeat 238px 5px;
position:absolute;
left:0;
bottom:26px;
}
#contactForm p#invalidVerify span{
display:block;
padding:4px;
color:#FF3300;
font-weight:bold;
}
#bigAlert{
position:absolute;
left:340px;
bottom:70px;
}
#reservationRequestPg #bigAlert{
position:absolute;
left:320px;
bottom:84px;
}
#mainContent #contactForm input#submitBtn{
position:absolute;
left:300px;
bottom:-6px;
width:165px;
height:33px;
cursor:pointer;
border:none;
}
/*p#success{
display:block;
height:36px;
line-height:36px;
width:262px;
border:1px solid #6fbb0d;
background:#fef5d4 url(../images/check.png) no-repeat 238px 5px;
margin:10px 0 0 0;
padding-left:10px;
}*/
/* FOOTER *********************************************************************/
#footer{
background:#D0BEA9 url(../images/footer.gif) no-repeat;
width:880px;
height:163px;
clear:both;
position:relative;
font-size:1.1em;
color:#796753;
}
#footer p a{
text-decoration:none;
color:#796753;
border-bottom:1px dotted #796753;
line-height:18px;
}
#footer a:hover{
border:none;
background:#e2d4c4;
}
#footer p#info{
width:200px;
height:100px;
position:absolute;
top:20px;
right:130px;
background:url(../images/info2.gif) no-repeat;
text-indent:-9999px;
}
#footer p#copyright{
position:absolute;
bottom:10px;
left:4px;
}
#footer p#iiasLink{
position:absolute;
bottom:10px;
right:4px;
}
#footer p#iiasLink{
position:absolute;
bottom:10px;
right:4px;
}