@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; background-color:#fbf2de; font:normal 11px 'Verdana', Arial, Helvetica, sans-serif; color:#818181}
a {text-decoration:none}
a:hover {text-decoration:none}
p {line-height:12pt}
h1 {margin:5px 0 3px; padding:0; color:#a7cf38; font:bold 19px Arial, Helvetica, sans-serif}
h2 {color:#a7cf38; font:normal 16px Arial, Helvetica, sans-serif}
h3 {color:#fcb414; font:normal 14px Arial, Helvetica, sans-serif}
form {margin:0; padding:0}
#wrap {width:900px; position:relative; margin:0 auto; margin-top:10px; margin-bottom:10px}
/*------------------- TOP CONTENT ------------------------------------------*/
#villa-top {width:884px; padding:15px 10px 8px ; background-color:#fff}
.imgfloat {float:left; border:none; position:relative}
#villa-heading {width:758px; position:relative; float:right; margin-left:9px; padding-bottom:33px; background:url(images/villa_line.gif) no-repeat bottom left;}
#villa-heading h1 { text-transform:uppercase; margin-top:27px !important; margin-top:28px}
.villa-head-desc { color:#fcb414; font-size:12px}
#wrap-menu {width:884px; clear:both;}
#wrap-menu ul {float:right; margin:0; padding:0}
#wrap-menu li{float:left;width:auto;margin:0;padding:0;list-style-type:none; text-transform:uppercase}
#wrap-menu li a{display:block;margin:0 0 0 1px;padding:0 20px 3px 20px;font:normal 12px/20px tahoma;color:#fff; background-color:#fcb414; border-bottom:8px solid #fff;text-decoration:none;}
#wrap-menu li a:hover, #wrap-menu li a:active{text-decoration:none;color:#fff; background-color:#43b5e9; border-bottom-color:#43b5e9;}

#wrap-content {width:884px; margin-top:25px}

#villa-left {width:160px; position:relative; float:left; padding:0 0 0 5px}
.nav-left ul {margin:0 0 25px 10px; padding:0}
.nav-left li {margin:0;padding:0; border-bottom: 1px solid #fff;list-style:none; text-transform:uppercase}
.nav-left a, .nav-left a:visited {display:block;color:#a7cf38;padding:5px 5px 5px 20px;background: transparent url(images/panah.gif) 5px 50% no-repeat; width:120px;}
.nav-left a:hover {color:#FF3333;background: #EBEBEB url(images/panah.gif) 5px 50% no-repeat;}

.area-promote {width:160px; height:80px;  margin:8px 0 8px}
.area-promote a {display:block; width:150px; height:70px; padding:5px; color:#fff}
.area-promote span {font-size:14px; font-weight:bold}
.samui-promote {background:url(images/sam.gif) no-repeat top left; text-align:right}
.phuket-promote {background: url(images/phket.gif) no-repeat top left; text-align:left}
.lombok-promote {background:  url(images/lmbk.gif) no-repeat top left; text-align:right}


#villa-center {width:500px; position:relative; float:left; padding:5px 10px 0 15px;}
#villa-center a {color:#a7cf38}
#villa-center a:hover {color:#FF3333}
#villa-center p {margin: 5px 0 5px; padding:0}
#villa-center h2,#villa-content h2, #villa-mid h2, .sub-bottom h2 {margin:8px 0 2px; padding:0; text-transform: uppercase}
#villa-center ol li {margin:5px 0 8px}
#villa-center h3, #villa-content h3, #villa-mid h3 {margin:0 0 8px; padding:0} 
#villa-promote-front {width:500px; height:261px; text-align:center; background:url(images/bali-villas-w500.jpg) no-repeat top left}
#villa-promote-front a {display:block;width:500px; height:11px; padding:246px 0 4px; color:#fff}
#breadcrumbs {width:auto; margin-bottom:8px; color:#FF3333}
#breadcrumbs a {color:#a7cf38}
#breadcrumbs a:hover {color:#FF3333}
#villa-page-banner {width:500px;}
#villa-page-banner img {width:490px; height:auto; padding:5px; background-color:#F5F5F5; border:1px solid #EBEBEB}
.villa-featured {width:200px; float:left; margin:5px 15px 5px !important; margin:5px 10px 5px !important; padding:5px; background-color:#F0F6E9; border:1px solid #E9E9E9}
.villa-featured img {width:190px; height:auto; padding:5px; border:1px solid #D5E6BF; background-color:#ffffff}
.villa-featured span {color:#8DB32B; font-size:12px}
.villa-featured a {color:#a7cf38}
.villa-featured a:hover {color:#FF3333}


#villa-right {width:190px; position:relative; float:right; padding-top:8px}
#villa-right fieldset{margin:0 0 8px 0;padding:8px;border: 1px solid #EBEBEB}
#villa-right legend{ color:#33ccff;background:#fff;border: 1px solid #EBEBEB;margin:0 0 0 3px;padding: 2px 6px;}
#villa-right p {margin:3px 0 3px; padding:0}
#villa-right label{margin:0; padding:3px 0 3px}
#villa-right dl {margin: 8px 0 8px 10px}
#villa-right dt {margin:8px 0 8px}
.blue-border {border: 1px solid #EBEBEB; padding:3px; font-size:11px}
.right-box {width:auto; margin:10px 0 10px;border: 1px solid #EBEBEB; padding:8px; text-align:center}

#villa-content {width:884px; clear:both; position:relative;}
.villa-list {width:414px; height:160px; float:left; position:relative; margin:5px 10px 7px 0 !important; margin:4px 6px 5px 0; padding:8px; border:1px solid #E9E9E9; background-color:#F0F6E9; overflow:hidden}
.villa-list2 {margin:5px 0 7px 10px !important; margin:4px 0 5px 10px;}
.villa-img {width:112px; float: left;}
.villa-img img {width:100px; height:auto;padding:5px; border:1px solid #D5E6BF; background-color:#ffffff}
.villa-desc {width:287px; float:right; padding-left:5px;}
.villa-desc span {color:#43B5E9;}
.villa-desc p {margin:5px 0 0 0; padding:0}
.villa-desc a {color:#a7cf38;}
.villa-desc a:hover {color:#FF3333;}
/*------------------- MIDLE CONTENT ------------------------------------------*/
#villa-mid {width:884px; padding:10px; background-color:#e0f3a9}
#villa-mid a {color:#a7cf38;}
#villa-mid a:hover {color:#FF3333;}
.read-more { background: transparent url(images/arrow-green.gif) 0px 50% no-repeat; padding-left:12px; font-size:13px}

/*------------------- BOTTOM CONTENT ------------------------------------------*/
#villa-bottom {width:884px; padding:10px; background-color:#b5e18d; font-size:10px}
.sub-bottom {width:280px; float:left; margin:0 5px 5px 8px !important; margin:0 5px 5px 5px; color:#666666}
.sub-bottom h2 {color:#336600}
.sub-bottom p {margin: 5px 0 5px; padding:0}
#villa-bottom a {color:#336600; text-decoration:underline}
#villa-bottom a:hover {color:#FF3333;}
/*----------------------- FOOTER -----------------------------------------------*/
#footer {width:884px; padding:10px;  font-size:10px; text-align:center}
#footer a {color:#7DA60B; text-transform:uppercase}
#footer a:hover {color:#FF3333;}


.clear {clear:left}
.both {clear:both}