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


body{
margin:0;
padding:0;
line-height: 1.5em;
background:#eaf5cd url(images/back.jpg) top center no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#555555;
}
img{border:0;
}
b{font-size: 110%;}
em{color: red;}

h1 {
font-size:16px;
}

a:link,a:visited{text-decoration:none;
color:#a7a944;
}
a:hover{ text-decoration:underline;
}


#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background:#f9fde4;
border:1px #cfd99a solid;
}
#topsection{
height: 104px; /*Height of top section*/
width:960px;
margin:0px auto;
}
#topsection h1{
margin: 0;
padding-top: 15px;
}
#contentwrapper{
float: left;
width: 100%;
}
#contentcolumn{
margin: 0 245px 0 205px; /*Margins for content column. Should be "0
RightColumnWidth 0 LeftColumnWidth*/
}
#leftcolumn{
float: left;
width: 200px; /*Width of left column in pixel*/
margin-left: -960px; /*Set margin to that of -(MainContainerWidth)*/
}
#rightcolumn{
float: left;
width: 240px; /*Width of right column*/
margin-left: -240px; /*Set left margin to -(RightColumnWidth)*/
}

#bottom{
clear: left;
width: 100%;
background:#a8b005 url(images/bottom_back.gif) top repeat-x;
color:#494903;
}

#bottom a:link{
text-decoration:none;
color:#faff8b;
}

#bottom a:hover{
text-decoration:underline;
color:#faff8b;
}
#bottom a:visited{
text-decoration:none;
color:#faff8b;
}

#footer{
clear: left;
width: 100%;
text-align: center;
padding: 4px 0;
background:#838905 url(images/back_footer.gif) top repeat-x;;
color:#fcfe90;
}

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

#glowingtabs{
float:left;
line-height:normal; /*Add border strip to bottom of menu*/
font-size:11px;
margin-left:530px;
position:absolute;
margin-top:40px;

}

#glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
padding-top:4px;
text-transform:uppercase;
font-weight:lighter;
}

#glowingtabs li{
display:inline;
margin:0;
padding:0;
}

#glowingtabs a{
float:left;
background:url(images/glow-left.png) no-repeat left top;
margin:0;
margin-right: 1px; /*spacing between each tab*/
padding:0 0 0 6px;
text-decoration:none;
}

#glowingtabs a span{
float:left;
display:block;
background:url(images/glow-right.png) no-repeat right top;
padding: 6px 10px 6px 4px;
color:#262902;
text-shadow:#dddddd 1px 1px 1px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {float:none;}
/* End IE5-Mac hack */

#glowingtabs a:hover span {
color: black;

text-shadow:#fff 0px 0px 0px;
}

#glowingtabs #current a{ /*Selected Tab style*/
background-position:0 -26px; /*Shift background image up to start of 2nd tab image*/
border-bottom:3px #c8ce02 solid;
}

#glowingtabs #current a span{ /*Selected Tab style*/
background-position:100% -26px; /*Shift background image up to start of 2nd tab image*/
color:#343802;
}

#glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -26px; /*Shift background image up to start of 2nd tab image*/
border-bottom:3px #c8ce02 solid;
}

#glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -26px; /*Shift background image up to start of 2nd tab image*/
}
/* end menu */
/* menu */
.buttonmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 156px;

}
* html .buttonmenu{
width: 156px;

}
.buttonmenu li a{
color:#555555;
display: block;
width: 160px;
padding: 2px 4px 2px 15px;
text-decoration: none;
border-bottom: 1px #e7eccc solid;
text-decoration:none;
background:url(images/menu_arrow.gif) left no-repeat;
}

.buttonmenu li a:visited{
color:#555555;
}

.buttonmenu li a:hover, .buttonmenu li a:active{
color: black;
background-color:#eaf5cd;
border-bottom:1px #e7eccc solid;
text-decoration:none;
}


/* menu */

.under_menu {
background:url(images/under_menu.gif) top center;
height:20px;
}
#under_slide {
background:url(images/under_slide.gif) top center;
height:15px;
}

.title_menu{
font-size:13px;
color:#356f09;
font-weight:bold;
}

.menu_border_bottom{
border-bottom:1px #a8b566 solid; padding:4px 0; margin-bottom:10px;
margin-top:10px;
}

.menu_border_bottom_rapat{
border-bottom:1px #a8b566 solid; padding:4px 0; margin-bottom:0px;
margin-top:10px;
}

#slide_tengah{
background-color:#FFFFFF;
border:1px #cfd99a solid;
border-top:0px;
padding:9px;
}
#fadeshow3 img{
height:280px;
width:490px;
}
#fadeshowads img{
width:220px;
}
#fadeshow1 img{
width:220px;
}
.index-feature {
background:#ffffff url(images/back-feature-index.gif) top center no-repeat;
margin-top:0px;
}
.index-feature-pic {
background-color:#FFFFFF;
margin-left:14px;
margin-top:14px;
width:216px;
}

.index-feature-pic img {
background-color:#e3ecb6;
padding:6px;
width:216px;
height:120px;
}


.index-feature-word {
padding-top:10px;
padding-left:14px;
padding-right:10px;
}
.blogg{
margin:4px 0;
background:url(images/kotak_blog.gif) left 3px no-repeat;
padding-left:14px;
}

.bottom_head{
border-bottom:1px #7c8206 solid;
padding-bottom:6px;
color:#525802;
font-size:13px;
font-weight:bold;
}

.bottom_head_luar{
border-bottom:1px #e8ef53 solid;
}

/*---------------- END FEATURED VILLA ------------------------*/

.fea {background-color:#ffffff;
height:100%;
float:left;
width:100%;
margin-bottom:4px;
}
.fea b{color:#888888}
.fea_image {
padding:10px;
width:170px;
float:left;
}

.fea_image img{
background-color:#e3ecb6;
padding:5px;
width:160px;
height:90px;
}

a:hover .link_fea_img{
background-color:#a8b566;
}
.fea_desc_up {
float:left; 
width:310px;
padding-top:10px;
}
.fea_desc {
border-top:1px #dbdeb3 solid;
padding-top:4px;
margin-top:2px;
padding-bottom:10px;
}

a.fea_title:link, a.fea_title:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#a7a944;
font-weight:bold;
}

a.fea_title:hover{
color:#828431;
text-decoration:underline;
}


.img_f{
margin:0px;
padding:3px;
border:1px #CCCCCC solid;
background-color:#DDD;
}

a:hover .img_f{
background-color:#666666;
}

.fea_fea {
width:96%; 
background-color:#fff; 
padding-left:5px;
padding-top:4px;
}
/*---------------- END FEATURED VILLA ------------------------*/

.ktka {
	position: relative;
	float:left; 
	width:auto; 
	padding:4px 10px 0px 0px; 
} 
.ktka img {
	width:auto;
	height:84px;
}


.thu, .thu li{margin:0;padding:0;list-style:none;}
.thu li{float:left;margin:0px;border:1px solid #CCC;background-color:#fff;padding:2px;}
.thu a{display:block;float:left;width:84px;height:84px;line-height:84px;overflow:hidden;position:relative;z-index:1;}
.thu a img{float:left;position:absolute;top:0px;left:-20px;}

/*.thu a:hover{overflow:visible;z-index:1000;border:none;}
.thu a:hover img{border:1px solid #BDD7D7;	background:#fff;padding:2px;}	
*/
.thu li:hover{float:left;margin:0px;border:1px solid #CCC;background-color:#e8edf5;padding:2px;}

.testimonial{
border-top:1px #dbdeb3 dotted;
padding:6px 0px 6px 4px;
}
.testimonial p{
margin:0px;
}
.testimonial b{
/*color:#333366;*/
color:#636363;

}
.testimonial em{
color:#6a1a3a;
}


.breadcrumb{
padding-top:0px;
	font-size: 11px;
	margin-bottom: 4px;
	padding-left:0px;
	color:#555555;
}
.breadcrumb a:link, .breadcrumb a:visited{
	text-decoration:underline;
	padding-right: 10px; /*adjust bullet image padding*/
	color:#356f09;
	background-color: transparent;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: 2px;
}


.breadcrumb a:active{
	color:#597b0f;
	text-decoration:underline;
}
.breadcrumb a:hover{
	text-decoration:underline;
	color:#597b0f;
}
.preview {
background:#ffffff;
margin-bottom:6px;
padding:10px 10px 10px 10px;
height:100%;
border:1px #e3eabe solid;
}
.preview_side {
margin:4px 0px 0px 190px;
text-align:justify;
color:#666;
}
.img_preview_cat{
width:170px;
height:100px;
background-color:#e3ecb6;
padding:4px;
border:1px #dbdeb3 solid;
}

 a:hover .img_preview_cat{
background-color:#a8b566;
}

.title_preview{
font-size:14px;
}

.preview-under{
background:url(images/category-under.gif) top center no-repeat;
}

.tabbertabnye{
background-color:#FFFFFF;
}


#contact-form {padding:0;}
#contact-form h1{padding:17px 0 3px;margin:0;}
.cssform label{float: left;width: 150px;}
.cssform input[type="text"]{ width: 180px;border:1px solid #cecece}
.cssform input{border:1px solid #cecece}
.cssform textarea{width: 250px;height: 150px;border:1px solid #cecece}

.pl{
position:absolute; 
margin-top:-78px; 
margin-left:214px;
}
* html .pl{
position:absolute; 
margin-top:-78px; 
margin-left:106px;
}

table.tengah {color:#000000;background-color:#fff;padding:0px; margin-bottom:15px;border-top: 1px solid #cccccc;border-left: 1px solid #cccccc;border-bottom: 0px solid gray;border-right: 0px solid #cccccc; font-size:11px;}
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; font-size:11px;}


.box-left-out {margin-top:6px;
}
.left_detail_same{
border-bottom:1px #cfd99a solid;
margin-top:10px;

}