/*     
Name: The Sitio Boracay
Version Date: 17 SEP 2010
Last Update by SDP
*/

.style1 {color: #CCCCCC}
.style2 {color: #FFFFFF}
.style2b {color: #CCCCCC}
.style3 {color: #FFFFFF}

*{
  padding: 0;
  margin: 0;
}

address{
margin-top: 65px;
color: #FFFFFF;
text-align:center;}

.vcard, .fn org, .adr, .street-address, .locality, .region, .ZIP-Code, .Country{
color: #FFFFFF;
text-align:center;}

body{
  background: #6F532E url('../images/bg_main.jpg') repeat-x;
  font-family: arial;
  color: #000;
  font-size: 12px;
}

img{
  border: none;
}

.spacer{
  clear: both;
}

a, a:active, a:visited{
  text-decoration: none;
  color: #2A2B01;
}

a:hover{
   color: #FFFFFF;
 }
 
/*------------------------------------------------------------------- end of global------------------------------------------------------------------ */

/*--------------------------------------------------------------------- layout --------------------------------------------------------------------- */

#wrapper{
  width: 958px;
  height: 557px;
  margin: auto;
}

#navigation{
  height: 59px;
  text-align: center;
}

#navigation a{
  outline: none;
}

#navigation ul{
  display: inline;
}

#navigation li{
  list-style: none;
  display: inline;
}

#separator{
  height: 46px;
}

#subwrapper{
  height: 452px;
}

#subwrapper .rooftop{
  height: 25px;
  background: transparent url('../images/bg_rooftop.jpg') no-repeat;
}

#subwrapper .shadowL{
  height: 410px;
  width: 16px;
  background: transparent url('../images/bg_shadowL.jpg') no-repeat;
  float: left;
}

#contentArea{
  width: 921px;
  //width: 923px;
  height: 410px;
  background-color: white;
  float: left;
}

#CALeftSide{
  width: 354px;
  height: 410px;
  background: transparent url('../images/bg_sideHeader.jpg') no-repeat;
  float: left;
}

#CARightSide{
  width: 566px;
  height: 410px;
  background: transparent url('../images/bg_mainContent.jpg') no-repeat;
  float: left;
}

#CARightSide .reserve{
  margin:75px 0 0 100px;
  width: 350px;
  padding: 10px;
  background: #F3F1E9 url('../images/bg_reserve.jpg') repeat-x;
  border: 1px solid #330000;
}

#CARightSide .reserve select{
  width: 145px;
  margin-top: 3px;
}

#CARightSide .indexflash{
  width: 479px;
  margin: 15px 0 0 45px;
}

#CARightSide .indexInfo{
  line-height: 13px;
  width: 475px;
  margin-left: 55px;
}

#CARightSide .galleryflash{
  width: 479px;
  margin: 35px 0 0 45px;
}

#CARightSide .roomRatesInfo{
  width: 500px;
  margin: 22px 0 0 40px;
}

#CARightSide .roomRatesInfo table, td, th{
  text-align: center;
  padding: 0 8px 0;
  font-family: arial;
}

#CARightSide .roomRatesInfo th{
  padding: 1px 8px 1px;
}

#CARightSide .roomRatesInfo th span{
  color: #282B00;
  font: italic normal normal 9px verdana;
}

#CARightSide .roomRatesInfo ul{
  padding-left: 25px;
}

#CARightSide .roomRatesInfo ul li{
  font: 11px/13px arial;
}

#CARightSide .roomRatesInfo th{
  background-color: #E8E2D0;
}


#CARightSide .roomRatesInfo .list1{
  background-color: #F3F1E9;
}

#CARightSide .facilitiesInfo{
  width: 350px;
  margin: 30px 0 0 120px;
  line-height: 17px;
}

#CARightSide .facilitiesInfo hr, .roomRatesInfo hr, .reserve hr{
  border: 1px solid #323300;
  margin-bottom: 5px;
  //margin-bottom: 0;
}

#CARightSide .roomFlash{
  margin: 15px 0 0 47px;
}

#CARightSide .roomNav{
  margin-left: 85px;
}

#CARightSide .roomNav li{
  display: inline;
  list-style: none;
}

#CARightSide .imageContainer{
  margin: 25px 0 0 85px;
}

#CARightSide .aboutInfo{
  text-indent: 15px;
  width: 500px;
  margin-left: 43px;
  line-height: 13px;
}

#CARightSide .contactInfo{
  float: left;
  width: 300px;
  //width: 280px;
  height: 370px;
  margin: 20px 0 0 25px;
  //margin: 30px 0 0 10px;
  padding: 0 10px;
  border-right: 1px solid #323300;
  text-align: center;
  line-height: 18px;
}

#CARightSide .contactForm{
  float:right;
  margin-right:8px;
  margin-top:20px;
  /*margin: 30px 25px 0 0;*/
}

#CARightSide .contactForm label, .reserve label{
  color: #323300;
  font-size: 13px;
  font-style: italic;
}

#CARightSide .contactForm p{
  margin-bottom: 5px;
}

#CARightSide .contactForm h3{
  margin-bottom: 10px;
}

#subwrapper .shadowR{
  height: 410px;
  width: 17px;
  background: transparent url('../images/bg_shadowR.jpg') no-repeat;
  float: left;
}

#subwrapper .shadowB{
  height: 17px;
  background: transparent url('../images/bg_shadowB.jpg') no-repeat;
  clear: both;
}
/*----------------------------------------------------------------- end of layout --- -------------------------------------------------------------- */