body{font-family:  Verdana, Helvetica, sans-serif; font-size: 12px;  color: #333; background-color:#A28D6A;}
body { text-align: center;}
body, form {margin: 0; padding: 0;}
input, select, textarea {font-size: 1em;}
img {border: 0;}
.small {font-size: 0.85em;}
dl.col {line-height: 1.5em; }
dl.col dt {float: left; width: 7em; padding-right: 0.5em; text-align: left;}
dl.col dd {margin-left: 0.5em; }
p {margin-top: 0.8em; margin-bottom: 0.8em; line-height: 1.7em;}
ul{ 
 margin: 0.5em 0 0.5em 20px;
 padding: 0;
 line-height: 1.5em;
}
li{
 margin: 0.6em 0 0.6em 0; 
 list-style: square;
}
.center {text-align: center; }
.clr {clear: both; }
h1 {font-family: Verdana, sans-serif; font-weight: bold; text-align: left; font-size: 13px; padding: 7px 0 0px -5px; margin: 0px 0px 0px 0px;  color: #06223E;}
h2 {font-family: Verdana, sans-serif; font-weight: bold; text-align: left; font-size: 12px; padding: 0px 0 0px 0; margin: .8em 0px .8em 0px; color:#06223E; }
h3 {font-size: 13px; color: #fff;}

h1{
  background-repeat: no-repeat;
  background-position: left;
  color: #fff;
}

h2{
  background-repeat: no-repeat;
}
h1 span, h2 span{
  display: none;
}




h1.home{
  height: 54px;
  background-image: url(../images/headings/home.gif);
}

h1.villa-blue{
  height:30px; 
  background-image: url(../images/headings/villa-blue.gif);
}

h1.blue-cowrie{
  height:30px; 
  background-image: url(../images/headings/blue-cowrie.gif);
}

h1.location{
  height:30px; 
  background-image: url(../images/headings/location.gif);
}

h1.gallery{
  height: 54px;
  background-image: url(../images/headings/image-gallery.gif);
}

h1.bookings{
  height: 59px;
  background-image: url(../images/headings/bookings.gif);
  margin-bottom: 10px;
}

h1.contact{
  height: 30px;
  background-image: url(../images/headings/contact.gif);
}

h1.testimonials{
  height: 33px;
  background-image: url(../images/headings/testimonials.gif);  
}

h1.terms{
  width: 340px;
  height: 34px;
  background-image: url(../images/headings/terms.gif);
}

h1.discounts{
  width: 340px;
  height: 60px;
  background-image: url(../images/headings/discounts.gif);
  
}

h1.thanks{
  width: 340px;
  height: 60px;
  background-image: url(../images/headings/thank-you.gif);
  
}

h2.blue-cowrie{
  height:27px; 
  width:164px;
  background-image:url(../images/headings/blue-cowrie.gif);
}

h2.villa-blue{
  height:26px; 
  width:146px;
  background-image:url(../images/headings/villa-blue.gif);
}

h2.comforts{
  background-image: url(../images/headings/comforts.gif);
  width: 151px;
  height: 45px;
}

h2.rates{
  background-image: url(../images/headings/rates.gif);
  width: 82px;
  height: 45px;
}
 
h2.specials{
  background-image: url(../images/headings/current-specials.gif);
  height: 49px;
}
.gallery-home-link h2{
  height: 30px;
  width: 200px;
  margin: 5px 0 0 0;
}

h2.villa-gal-link{
  background-image: url(../images/site/gallery-villa-blue-label.gif);  
}

h2.cowrie-gal-link{
  background-image: url(../images/site/gallery-blue-cowrie-label.gif);  
}

h2.palm-gal-link{
  background-image: url(../images/site/gallery-palm-cove-label.gif);  
}


a.booknow{
  background-image: url(../images/headings/book-now.gif);
  width: 306px;
  height: 45px;
  display: block; 
  background-repeat: no-repeat;
  margin-top: 10px;
  margin-bottom: 10px;
  
  
}

a.booknow span{
  display: none;
}



h3.testimonials{
  text-indent: 20px;
  margin-top: 20px;
}

.txt-right{
  text-align: right;
}
.txt-left{
  text-align: left;
}
.txt-center{
  text-align: center;
}
.border-white{
  border: 2px solid #fff;
}

a{
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  text-decoration: underline;
}

a.booknow{
  padding-left: 20px;
  text-decoration: none;  
}

a:hover{
  color: #297EBE;
}

a.more-info{
  background-image: url(../images/headings/more-info.gif);
  background-repeat: no-repeat;
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 122px;
  height: 40px;
}

a.more-info span{
  display: none;
}

.img-left{
  float: left;
  border: 1px solid #fff;
  margin-right: 7px;
  margin-bottom: 7px;
}

.img-right{
  float: right;
  border: 1px solid #FFFFFF;
  margin-left: 10px;
  margin-bottom: 4px;
  margin-top: 0.8em;
}



.img-center{
  margin: 0 2px 0 2px;
  border: 1px solid #333;
}

.row-full{
  width: 100%;
  float: left;
  margin-bottom: 3px;
  margin-top: 5px;
}


#wrapper{
  
  width: 760px;
  margin: 10px auto 0 auto;  
  
}
#header{
  height: 276px;
  width: 760px; 
  position: relative;
  text-align: left;

  background-repeat: no-repeat;
 
}

.header1{
 background-image: url(../images/site/header-bg.jpg);

}

.header2{
 background-image: url(../images/header-2.jpg);
 

}

.header3{
 background-image: url(../images/header-3.jpg);

}

.header4{
 background-image: url(../images/header-4.jpg);

}

#header-top{
  height: 110px;
  position: relative;
  background-color: #25496C; 
}
#header-right{
  position: absolute;
  top:7px;
  right: 15px;  
  color: #fff;
}
#logo{
  position: absolute;
  top:15px;
  left: 7px;  
}

#topaddress{
  position: absolute;
  top:90px;
  right: 20px; 

}
#nav{
  
  height: 40px;

  position: absolute;
  top: 235px;
  left: 10px;
  
  width: 740px;
  color: #fff;
  font-size:11px;
 
 
}

#nav ul{  
  margin: 0;
  padding: 0; 
}

#nav ul li{  
  display: inline;
  list-style: none;
  line-height: 38px;
  
}

#nav ul li a{  

 color: #fff;

  display: block;
  padding: 0 10px;
 float: left;
 margin-right: 1px;
 text-align: center;
 text-decoration: none;



}


#nav ul li a.last{  

 
 background-image: none;



}


#nav a.active{
  background-image: url(../images/site/arrow.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}
#nav img{
  float: left;
  padding-top: 10px;
}

#headerbg{
  position: absolute;
  top: 145px;
  left: 0;
}

#header-flash{
position: absolute;
  top: 146px;
  left: 0;

}

#swirl{
  position: absolute;
  top: 5px;
  left: 360px;
  
}


.home-specials{
  width: 225px;
  float: right;
  margin-left: 5px;
}

#header-specials{
  position: absolute;
  top:8px;
  right: 10px;
}

#main{
  
  background-color: #25496C;
    width: 760px;
    background-image: url(../images/site/footer-bg.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 250px;
    color: #fff;
}
#main-btm{
  background-image: url(../images/site/content-btm.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
}
#content{
  width: 740x;
  margin: 0 auto;
  text-align: left;
  padding: 10px 0 0 0;  
}

#content-in{
  width: 730px;
  margin: 0 auto;
  padding-top: 5px;
}

#content-full{
  width: 752px;
  margin: 0 auto;
  text-align: left;
  padding: 0px 0 0px 0px; 
  background-repeat: repeat-y;  
}
.content-full-inner{
  width: 735px;
  margin: 0 auto;
  text-align: left;
  padding: 0px 0 0 0;  
}


.col-text-left{
  float: left;
  width: 500px;
}

.col-text-right{
  float: right;
  width: 500px;
}

.col-right-images{
  width: 225px;
  float: right;
}

.col-left-images{
  width: 225px;
  float: left;
  padding-top: 20px;
}







.divider{
  margin: 10px 0;
}

/*home page*/
.villa-blue-text{
position: relative;
float:right;
width: 498px;
padding-bottom: 40px;
}


.blue-cowrie-text{
position: relative;
float:left;
width: 498px;
padding-bottom: 40px;
}







.gallery_holder{
  margin-top: 15px;
 
}

.image_border{
border:1px solid #ffffff;
}

.galleryimgwrapp{

 float: left;
  margin: 4px 2px;
  text-align: center;
  width: 178px;
  
}

.gallery_holder img{
  border: 1px solid #fff;
  
 
}



.gallery-home-wrapper{
  position: relative;
  height: 240px;
  margin: 20px 0 0 0;
}

.gallery-home-link{
  width: 202px;
  height: 200px;
  position: absolute;
  left: 20px;
  top: 20px;
}

#villa-link{
left: 30px;
}

#cowrie-link{
  left: 265px;
}

#palm-link{
  left: 500px;
}


.gallery-home-link img{
  border: 1px solid #fff;
  display: block;
}




#bottompict{
  height: 185px;
  background-color: #233656;
  background-image: url(../images/site/bar-bottom.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
  position: relative;
  }




#footer{
  background-color: #A28D6A;
  position: relative;
  color: #fff;
  float: left;
  width: 100%;
  
  
}





dl.address

{

	margin: 0px 0 0 5px ;

	padding : 5px 0 0 0 ;

	line-height : 20px;

	text-align : left;

	

}





dl.address dt {

  float:left;
  width:7em;
  font-weight:bold;
  text-align : left;

  margin-right : 5px;

  

}







dl.address dd {

 

  text-align : left;

  margin-left : 15px;

}

 
 
 


#signature{

color: #ccc;
width: 740px;
font-size: 10px;
text-align: left;
padding-left: 15px;
margin-bottom: 10px;
padding-top: 10px;

background-color: #A28D6A;
}

#signature a{

color: #fff;
font-weight: normal;
text-decoration: none;
color: #ccc;
}



div.quote{
width: 730px;

float: left;
background-image: url(../images/site/left-quote.gif);
background-repeat: no-repeat;
background-position: left top;
margin-bottom: 15px;
margin-top: 15px;
}

div.quote-text{
width: 705px;
float: right;

}

div.quote-top{
background-image: url(../images/site/right-quote.gif);
background-repeat: no-repeat;
background-position: right bottom;
padding-bottom: 5px;
}

div.quote-signature{
 
}

div.quote-signature em{
 font-weight: bold;
}







table.rates{
  background-color: #fff;
  margin-bottom: 10px;

}

table.rates td{
  background-color: #205581;
}

table.rates th{
  background-color: #25496C;
}


#login br{
 margin-bottom: 5px;
}

#login label{
  width: 80px;  
  display: block;
  float: left;
 
}











