@charset "utf-8";
/* CSS Document */
body { background-color:#eee; font-family:  Arial, Helvetica, sans-serif; font-size:11px; margin:0px; padding:0px; height:1200px; color: #433F32 }
table{ font-size:10px;}
h1{ font-size:22px; color:#fff;  border-bottom:dotted #bbb 1px; padding-bottom:15px; margin:0px; font-family:  Arial, Helvetica, sans-serif; font-weight:300;     }
h2{ font-size:18px; color:#fff;  border-bottom:dotted #bbb 1px; padding-bottom:30px; margin:0px; font-family:  Arial, Helvetica, sans-serif; font-weight:300;  }
h3{ font-size:18px; color:#fff;  border-bottom:dotted #bbb 1px; padding-bottom:20px; margin:0px; font-family:  Arial, Helvetica, sans-serif; font-weight:300;}
h4{ font-size:12px; color:#D9D7CC; font-weight:300; margin:5px 0px 5px 0px; border-bottom:dotted #D9D7CC 1px; padding:2px 0px 0px 4px;  height:18px; display:block; background-image:url(images/h4_grad.jpg)}
h6{ font-size:16px; color:#BEBAA7 ; font-weight:600; margin:5px 0px 5px 0px; border-bottom:dotted #D9D7CC 1px; padding:2px 0px 0px 0px;  height:18px; display:block; background-image:url(images/h4_grad.jpg)}
h5{ font-size:11px; color:#006; font-weight:bold; margin:0px;  border-bottom:dotted #eee 1px; padding-bottom:5px;}
#outermain{ margin:auto; width:950px; background-color:#fff; background-color:#fff; background-color:#BEBAA7;}
#main{  width:950px; margin:0px 0px 0px 0px;    }
#topbar{ float:left;width:950px; height:100px; padding-top:0px; background-color:#000; }
#logo{ float:left; width:400px; }
#topbar2{ float:right; width:176px;font-size:12px; color:#111; padding:0px 0px 0 0;   }
a {color:#433F32; text-decoration:none;}
a:hover { color:#666; ; text-decoration:underline;}
a:selected {color:#666;}
ul {margin:0px; padding:0px 0px 0px 12px; }
li { list-style: outside square; padding-bottom:8px; }
#team{padding-top:0px; padding-left:40px}

#nav { float:left; width:930px; height:22px; color:#111; border-bottom-color:#ccc; padding-left:20px; padding-top:20px; background-color:#000; }
#nav ul {   font-size:11px; margin:0px; padding:0px }
#nav ul li { float:left; text-decoration: none; list-style:none;}
#nav ul  li a {  color: #fff;    display:block; border-right:dotted #FFF 1px;  background-color:#000000; padding:4px 10px 4px 10px;  text-decoration: none;   }
#nav ul li a:hover {background-color:#BEBAA7;   }
#nav ul li a.selected { color:#FFF; background-color:#BEBAA7;   }

#subnav { float:left; width:154px; height:600px; font-size:12px; color:#111; padding:20px 5px 0px 20px;    }
#subnav ul {  margin:0px; padding:0px;  }
#subnav ul li {   list-style:none;display:block; border-bottom:solid #DDDBD0 1px; padding:2px 0px 2px 0px}
#subnav ul  li a {  color: #433F32; text-decoration: none; padding:2px 8px 2px 0px;   }
#subnav ul li a:hover { color:#fff  }
#subnav ul li a.selected { color:#fff;  }

#subnav ul  ul {  margin:0px 0px 0px 0px; padding:10px 0px 10px 5px; font-size:11px; background-image:url(images/sub_navgrad.jpg); }
#subnav ul  ul li { list-style:none; display:block; border-bottom:solid #DDDBD0 1px;  }
#subnav ul ul li a {  color: #444; text-decoration: none; padding:2px 8px 2px 0px; }
#subnav ul  ul li a:hover { color:#2478D5 }
#subnav ul  ul li a.selected { color:#2478D5; }

#right_content{float:left; width:765px  }
#right_content_single{float:left; width:915px  }
#maincontent{ float:right; width:760px;  border-bottom: dotted 1px;  }
#maincontent2{ float:right; width:760px; background-color:#000  }
#maincontent h1{ font-size:22px; color:#BEBAA7;  border-bottom:dotted #bbb 1px; padding-bottom:15px; margin:0px; font-family:  Arial, Helvetica, sans-serif; font-weight:300;     }
#indexbanner{ float:left; width:950px; height:390px;}
#bottomcontentb{float:left; padding:0px 0px 0 0px; background-color:#B1AC96; width:950px    }
#bottomcontent{float:left; padding:0px 0px 0 0px; background-color:#BEBAA7; width:950px    }
#bottomcontent1{float:left; width:450px; margin-right:0px; border-right:#DDDBD0 1px solid;   padding:20px 20px 0 20px; color: #433F32 }
#bottomsitewide{float:left; width:475px; min-height:420px; margin-right:0px; border-right:#DDDBD0 1px solid; background-color:#FFF;   padding:20px 20px 0 20px; color: #433F32 }
#bottomsitewide2{float:left; width:720px; min-height:420px; margin-right:0px; border-right:#DDDBD0 1px solid; background-color:#FFF;   padding:20px 20px 0 20px; color: #433F32 }
#bottomcontent2{float:left; width:200px; margin-right:0px;  padding:20px 5px 0 10px; color: #433F32;  font-weight:500; }
#bottomcontent4{float:left; width:504px; margin-right:0px; border-right:#DDDBD0 1px solid; background-color:#FFF;   padding:20px 100px 0 100px; color: #433F32 }
#bottomcontent5{float:left; width:584px; margin-right:0px; border-right:#DDDBD0 1px solid; background-color:#FFF;   padding:20px 20px 0 100px; color: #433F32 }
#bottomcontent6{float:left; width:910px; margin-right:0px; border-right:#DDDBD0 1px solid; background-color:#FFF;   padding:20px 20px 0 20px; color: #433F32 }
 #bottomcontent4 h1{ font-size:22px; color:#BEBAA7;  border-bottom:dotted #bbb 1px; padding-bottom:15px; margin-bottom:20px; font-family:  Arial, Helvetica, sans-serif; font-weight:300;}
 #bottomcontent5 h1{ font-size:22px; color:#BEBAA7;  border-bottom:dotted #bbb 1px; padding-bottom:15px; margin-bottom:20px; font-family:  Arial, Helvetica, sans-serif; font-weight:300;}
 #bottomcontent6 h1{ font-size:22px; color:#BEBAA7;  border-bottom:dotted #bbb 1px; padding-bottom:15px; margin-bottom:20px; font-family:  Arial, Helvetica, sans-serif; font-weight:300;}
#bottomcontent2 td { height:20px; vertical-align:middle; padding-top:5px;   }
.bdbottom { height:20px; vertical-align:middle; border-bottom:#FFF; border-bottom:dotted 1px; }
.form{ background-color:#E6E3DB;}
#bottomcontent2 input{ background-color:#CDC9BA; padding:1px; margin-bottom:5px; }
#bottomcontent3{float:right; width:222px;  margin-right:0px; padding:0px 10px 0 10px; background-color:#B1AC96; color: #433F32 }
.bottomrandom  {float:left; width:224px; padding:0px 0px 0 0px; background-color:#B1AC96; height:180px; margin:0px}
.bottomrandom p { padding-left:5px;}
.bottomrandom img { border:0px}
.bottomrandom a {float:left; background-color:#B1AC96;  }
.bottomrandom a:hover{float:left; background-color:#A59E85; text-decoration:none; color:#DDDBD0}

#pagetext{ float:left; width:400px; }


.bottomrandom h4{ font-size:12px; color:#fff; font-weight:bold;  border-bottom:dotted #eee 1px;   height:18px; display:block;}
#bottomcontent3_single{float:left; width:480px; }
#bottomcont{ float:left; }

#footer{float:left; width:910px; color: #433F32;   vertical-align:middle; border-top:#fff 1px dotted; padding:15px 20px 15px 20px; font-size:10px; background-color:#BEBAA7; }
#footerlft{float:left; width:500px }
#footerrgt{ float:right; }
.caseindex{ float:left; background-image:url(images/gradient.gif); background-color:#d5d5d5; background-repeat:repeat-x; height:95px; width:402px; padding:5px 0px 0px 5px; margin-bottom:10px  }
.caseindeximg{ float:left; width:166px; height:88px;}
.caseindextxt{ float:left; width:225px; height:88px; padding:0px 0px 0px 5px;}
.caseindextxt{ float:left; width:225px; height:88px; padding:0px 0px 0px 5px;}
.grid{float:left; width:100px; height:400px;}
.clear {clear:both;}


.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
display: none;
}

#gallery {position:relative; height:390px }
#gallery a {float:left;position:absolute;}
#gallery a img { border:none;}
#gallery a.show { z-index:500}
#gallery .caption {z-index:600; background-color:#000; color:#C5C2B1; height:30px; width:100%; position:absolute;bottom:0;}
#gallery .caption .content { margin:5px 0px 5px 20px;}
#gallery .caption .content h3 { margin:0;padding:0; color:#C5C2B1;}


#gallery2 {position:relative; height:300px }
#gallery2 a {float:left;position:absolute;}
#gallery2 a img { border:none;}
#gallery2 a.show { z-index:500}
#gallery2 .caption {z-index:600; background-color:#000; color:#C5C2B1; height:30px; width:100%; position:absolute;bottom:0;}
#gallery2 .caption .content { margin:5px 0px 5px 20px;}
#gallery2 .caption .content h3 { margin:0;padding:0; color:#C5C2B1;}


#villas{float:left; background-color:#000; width:760px; }
#villainfo{float:left; background-color:#000; color:#ddd; width:180px; height:280px; padding: 20px 10px 0 10px}
#villainfo td {height:22px;}
#villainfo input{ background-color:#CDC9BA; padding:1px; margin-bottom:5px; }
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:60px;height:50px;overflow:hidden;margin:0px 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;display:block;width:auto;height:auto; margin-bottom:5px;}
* html .galleria li div span{width:400px} /* MSIE bug */
	/* BEGIN DEMO STYLE */
	*{margin:0;padding:0}
	

.demo{float:left}
.gallery_demo{width:702px;margin:0px; }
.gallery_demo li{width:50px;height:40px;border:3px double #111; float:left;  margin: 10px 0 0px 0px;background:#000;}
.gallery_demo li div{}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
#main_image{ float:left; margin:0 0px 0px 0;height:300px;width:560px;background:black;}
#main_image img{margin-bottom:0px;}
.info{text-align:left;width:700px;margin:0px auto;border-top:1px dotted #221;padding-top:0px;}
.info p{margin-top:1.6em;}
#thumbhold{ float:left;  overflow: none; padding-left:0px;}
#btm1{ float:left; width:520px; padding-right:10px  }
#btm1 input{ background-color:#CDC9BA; padding:1px; margin-bottom:5px; }
#btm2{ float:left; width:500px;  }
#btm2 td{  height:20px; padding-left:5px; vertical-align:middle; border-right:thin solid #eee; border-bottom: thin solid #eee; }
#btm2 .blk{ background-color:#000; color:#FFF }
#btm2 .brown{ background-color:#CDC9BA; color:#444 }
#btm2 .brown2{ background-color:#E5E3DB; color:#444 }

#btm2b { float:right; width: 250px;}
#btm2b td{  height:20px; padding-left:5px; vertical-align:middle; border-right:thin solid #eee; border-bottom: thin solid #eee; }
#btm2b .blk{ background-color:#000; color:#FFF }
#btm2b .brown{ background-color:#CDC9BA; color:#444 }
#btm2b .brown2{ background-color:#E5E3DB; color:#444 }

.contact{float:left;width:180px;}
.contact2{float:left;width:400px;}
.rental{float:right;width:280px;}
.rental2{float:left;width:330px;}

#bottomcontent6 td{ height:22px; font-size:11px; text-align:center; vertical-align:middle; border-left:#FFF thin solid; border-bottom:#FFF thin solid; }
#bottomcontent6 .brown3{ background-color:#CDC9BA; color:#444 }
#bottomcontent6 .brown4{ background-color:#E5E3DB; color:#444 }
#bottomcontent6 .black{ background-color:#000000; color:#fff; height:25; font-weight:bold  }
#bottomcontent6 .brown5{background-color:#B1AC96; color:#333; }
#bottomcontent6 .grey5{background-color:#cccccc; color:#333; }

.right_cont_villas{float:left;width:170px; ; padding:10px 0 20px 0px;  }
.right_cont_villas02{float:left;width:170px; ; padding:20px 0 20px 15px;  }