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



body {
background-color:#0A0B23; /*
background-image:url(images/back.gif);
background-repeat:repeat-x; */
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#515151;
padding-top:10px;
padding-bottom:10px;
}
p {line-height:12pt}
* html p {line-height:10pt}
h1 {margin:5px 0 3px; padding:0; color:#a7cf38; font:bold 19px Arial, Helvetica, sans-serif}
h2 {color:#00316D; font:normal 16px Arial, Helvetica, sans-serif;margin:8px 0 2px; padding:0; font-weight:bold;}
h3 {color:#5894D3; font:normal 14px Arial, Helvetica, sans-serif;margin:4px 0 2px; padding:0; }

form p {margin:3px 0 3px; padding:0}

a:link {color:#1074C2;
text-decoration:none;
}
a:hover {color:#1074C2;
text-decoration:underline;
}
a:visited {color:#1074C2;
text-decoration:none;
}

a.view:link {color:#1074C2;
text-decoration:none;
font-weight:bold;
}
a.view:hover {color:#1074C2;
text-decoration:underline;
font-weight:bold;
}
a.view:visited {color:#1074C2;
font-weight:bold;
}


a.next:link {color:#1074C2;
text-decoration:none;
font-weight:bold;
font-size:12px;
}
a.next:hover {color:#1074C2;
text-decoration:underline;
font-weight:bold;
font-size:12px;
}
a.next:visited {color:#1074C2;
font-weight:bold;
font-size:12px;
}


.imgfloat {float:left; border:none; position:relative}
#villa-heading {width:758px; position:relative; float:right; margin-left:9px; padding-bottom:33px;}
#villa-heading h1 { text-transform:uppercase; margin-top:27px !important; margin-top:28px; }
.villa-head-desc { color:#fcb414; font-size:12px}

.villa-featured {width:220px; float:left; margin:5px 10px 5px 0px !important; margin:5px 10px 5px 0px !important; padding:5px; background-color:#F4F5F7; border:1px solid #E9E9E9}
.villa-featured img {width:208px; height:auto; padding:5px; border:1px solid #D5E6BF; background-color:#ffffff}
.villa-featured span {color:#0099FF; font-size:12px}


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

#maincontainer{
width: 996px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #EAEAEA;
height: 164px;
background-image:url(images/back_top.gif);
background-repeat:repeat-x;
}


#toplogo{
width:250px;
float:left;
}

* html #toplogo{
width:240px;
float:left;
}

#topheading{
margin-top:50px;
width:600px;
float:left;
text-align:center;
}

.desc_heading {
font-size:14px;
}

#topheading h1 { font-family:Georgia, "Times New Roman", Times, serif;
color:#E7E6BE;
text-transform:uppercase; margin-top:27px;
font-size:20px;}


#topdescrip{
width:600px;
text-align:center;
color:#FFFFFF;
float:left;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#topfont {

position:relative;
background-image:url(images/thailand-villas.jpg);
background-repeat:no-repeat;
height:165px;
float:left;
width:745px;

}

#topfont h1{
color:#000;
font-size:12px;
font-weight:normal;
margin-top:0px;
padding-top:0px;
text-align:right;
} 


#contentwrapper{
float: left;
width: 100%;
background-color:#EAECEF;


}

#kanancolumn{
margin-left: 250px; /*Set left margin to LeftColumnWidth*/
background-image:url(images/back_right.gif);
background-position:center 243px; 
background-repeat:repeat-x;
margin-top:-3px;
}

* html #kanancolumn{
background-position:center 245px; 
}

* html #kanancolumn{
margin-top:-3px;
}

#isicolumn{
float: left;
width: 250px; /*Width of left column*/
margin-left: -996px; /*Set left margin to -(MainContainerWidth)*/
background-image:url(images/back_left.gif);
background-repeat:repeat-x;

}
* html #isicolumn{
margin-top:-3px;

}
#newsfeed h2 { 

font-size:12px;		
		}
		
#dalamkanan{
float:right;
width:220px;
}


#dalamkiri{
float:left;
width:486px;
}


#footer{
clear: left;
width: 100%;
background-image:url(images/back_bawah.gif);
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{ color:#FFFFFF; }
#footer a:hover{ color:#FFFFFF; text-decoration:underline; }


#footer a:visited{ color:#FFFFFF; }


.innertube{
margin: 14px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.box {
border:1px #CCCCCC solid;
margin-bottom:12px;
}
.box_tittle {
padding:2px;
background-image:url(images/box_back.gif);
font-weight:bold;
text-transform:uppercase;
padding:6px;
color:#02234C;
}
.box_content {
padding:5px;
}
.box_more {
margin-top:3px;
padding-top:3px;
border-top:1px #CCCCCC dotted;
}

.main_box_left {
float:left;
width:236px;
}
.main_box_right {
float:left;
width:236px;
margin-left:10px;
}

.box_menu_left {
margin-top:2px;
padding-top:3px;
margin-bottom:10px;
border-top:1px #CCCCCC dotted;

}
* html .box_menu_left {

margin-top:3px;
padding-top:3px;
margin-bottom:-5px;
}


.sub_title {
font-weight:bold;
text-transform:uppercase;
color:#02234C;
font-size:12px;
}

b {
color:#02234C;
}

* html #logo {
margin-bottom:1px;
}

/*  -------------- menu --------------- */
.indentmenu{
margin-top:1px;
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/

}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
background: #EAECEF url(imagges/indentbg.gif) center center repeat-x;
font-size:11px;
}

.indentmenu li{
display: inline;
}

.indentmenu li a{
float: right;
color: #48596B; /*text color*/
padding: 6px 41px 10px;
text-decoration: none;
/*border-right: 1px solid #564c66; dark purple divider between menu items*/
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(images/kanan_line.gif) top left no-repeat;
}


* html .indentmenu li a{
padding: 9px 41px;
}

.indentmenu li a:visited{
color: #48596B;
}
.indentmenu b{
font-size:12px;
color:#48596B;
}
.indentmenu li a:hover{
color: #48596B !important; /*text color of selected and active item*/
padding-top: 8px; /*shift text down 1px for selected and active item*/
padding-bottom: 6px; /*shift text down 1px for selected and active item*/
background: #E0E2E4 url(imjages/indentbg2.gif) center center repeat-x;
text-decoration:none;
}

* html .indentmenu li a:hover{
padding-top: 10px;
padding-bottom: 8px;
}

.indentmenu #home a{ /*currently selected tab*/
border-color: #D25A0B; /*Brown color theme*/ 
background:url(images/df.gif) top left no-repeat;
}

.indentmenu #home a:hover{ /*currently selected tab*/
background: #E0E2E4 ;
}


.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}

img {border:none;}

.img_border {
border:1px #CCCCCC solid;
padding:1px;
margin-right:10px;
margin-bottom:5px;
margin-top:2px;
}

.img_map {
border:1px #CCCCCC solid;
padding:1px;
margin-right:10px;
margin-top:6px;
}

.img_main {width:475px; height:auto; padding:5px; border:1px solid #D5E6BF; background-color:#ffffff;}

.img_gallery {
border:1px #CCCCCC solid;
padding:5px;
margin:1px;
margin-bottom:4px;
background-color:#ffffff;
}

/*detail villa */

table.tengah {color:#000000;background-color:#fff;padding:0px; margin-bottom:8px;border-top: 1px solid #cccccc;border-left: 1px solid #cccccc;border-bottom: 0px solid gray;border-right: 0px solid #cccccc;}
table.tengah th, table.tengah td {padding:4px;border-top: 0px solid #cccccc;border-left: 0px solid #cccccc;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;}
#villa-center ul { margin:0; padding:5px 0 10px 0; list-style-type:none }
#villa-center li {margin:0;padding:5px 5px 5px 19px;background:transparent; border-bottom:1px solid #CCCCCC; }
#villa-center li a {color:#0099FF; text-decoration:blink}
#villa-center li a:hover {color:#003366; text-decoration:none}
#villa-center li img {border:none}
h2.title-villas {color:#FF8F00}
span.biru {color:#2175BC; font-size:12px;}




.under {
padding-top:5px;
 }

.font12 {
font-size:12px;
}

/* css */
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 1px 0 4px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


/*  form styling ----------------------------------------*/
form{
padding:0px;
margin-top:10px;
margin-left:5px;
margin-right:10px;
}
input, textarea, select { background: #FFF url(images/text.gif) repeat-x bottom; border: 1px solid #CCC;font-family:Arial, Helvetica, sans-serif; font-size: 1em;}
textarea{
background:#FFF url(images/textarea.gif) repeat-x bottom;
}
input:focus, textarea:focus, select:focus{
border:1px solid #FFF;
}

#submit{
background:#fff url(images/button.gif) no-repeat bottom;
clear:left;
width:71px;
height:21px;
color:#000066;
font-weight:bold;
border:0px #FFFFFF solid;
margin-top:1px;
padding-bottom:4px;
letter-spacing:1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
* html #submit{
padding-bottom:0px;
}

#submit_form{
background:#fff url(images/button_sub.gif) no-repeat bottom;
clear:left;
width:83px;
height:21px;
color:#000066;
font-weight:bold;
border:0px #EAECEF solid;
margin-top:10px;
padding-bottom:4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
* html #submit_form{
padding-bottom:0px;
}

#submit_clear{
background:#fff url(images/button_clear.gif) no-repeat bottom;
clear:left;
width:100px;
height:21px;
color:#000066;
font-weight:bold;
border:0px #EAECEF solid;
margin-top:10px;
padding-bottom:4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
* html #submit_clear{
padding-bottom:0px;
}


.drop {
width:120px;

}

.uppercase {
text-transform:uppercase;
width:105px;
margin-left:20px;
margin-top:5px;
}


.bdr_out {
	border-width:thin;
	border-style:solid;
	padding:1px;
	border-color:#F0F6E9;
}

.kotk_villa {padding:2px;
border:1px #DDD solid;
margin-bottom:5px;
background-color:#F4F5F7;
}