body{
margin:0;
padding:0;
line-height: 1.5em;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#555555;
/*background-color:#f6f6f6;*/


}

em{color: red;}

img {border:0px;}

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

a.ads_link:link,a.ads_link:visited{text-decoration:underline;
color:#2d5b76;
}
a.ads_link:hover{ text-decoration:underline;
color:#252628;
}


h1{font-size:16px;
color:#005e8f;}

.formsearch {margin-bottom:4px;}


.title_blue {margin:12px 0px 0px 0px;
padding:0px;
color:#6297bc;
/*color:#85b7ef;*/
font-size:16px;
font: Arial;
}

.title_blue21 {margin:6px 0px;
padding:0px;
color:#6297bc;
/*color:#85b7ef;*/
font-size:14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
#fadeshow3 img{
height:280px;
width:490px;


}


#maincontainer{
width: 980px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding-top:10px;

}

#topsection{
/*background: #EAEAEA;*/
}

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

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
/*aslinya 0 272px 0 180px bearti tambah 6 px*/
margin: 0 266px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth
border:1px dotted;
border-color:#FFFFFF #CCCCCC #FFFFFF #CCCCCC;*/
} 

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -980px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 272px; /*Width of right column*/
margin-left: -272px; /*Set left margin to -(RightColumnWidth)*/
}

#footer{
clear: left;
width: 100%;/*
background:#efefef;*/
color: #FFF;
text-align: center;
padding: 4px 0;
height:1px;
}

#footer a{
color: #000000;
}

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

.more {
float:right;
margin-right:2px;
padding-top:0px;

}


.centernya{
padding:1px 20px;
}
.centernya2{
padding:1px 0px;
}

.back_blue_header{
background:#709fcc url(images/back_header_blue.jpg); 
height:91px; 
margin-bottom:0px; 
border-bottom:1px #e6e6e6 solid;
}
#blog{
color:#e9e9eb;
}

#blog .blogg{ 
padding:1px 0px;
}

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


/*#blog a.blo:link {font-weight:bold;
}*/
#blog a.head:link {font-weight:bold; color:#FFFFFF;
}

#blog .header{
color:#ffffff;
font-weight:bold;
font-size:12px;
font-family:Geneva, Arial, Helvetica, sans-serif;}

/* menu */
.buttonmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 166px;

}
* html .buttonmenu{
width: 166px;

}
.buttonmenu li a{
color:#555555;
display: block;
width: 166px;
padding: 2px 4px 2px 10px;
text-decoration: none;
border-bottom: 1px #DDDDDD solid;
text-decoration:none;
background:url(images/arrow_green.gif) left no-repeat;
}
.findback{
background:url(images/find_back.gif) repeat-x;
}
.callback{
background:url(images/call_back.gif) repeat-x;
}
.buttonmenu li a:visited{
color:#555555;
}

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



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

}

#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;
}

#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 12px 6px 4px;
color:#ffffff;
text-shadow:#000 1px 1px 1px;
}
/* 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*/
}

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

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

#glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -26px; /*Shift background image up to start of 2nd tab image*/
}


/* end menu */

.img_preview_center{
width:490px;
border:1px #666666 solid;
padding:1px; 
background-color:#EEEEEE;
}
.img_preview_center img{
width:490px;
height:auto;
}


.img_preview{
width:265px;
margin-bottom:5px;
border:1px #CCCCCC solid;
}

a:hover .img_preview{
background-color:#DDD;
}

.img_preview_kotak{
margin:0px;
padding:0px;
margin-bottom:5px;
border:1px #CCCCCC solid;

}

a:hover .img_preview_kotak{
background-color:#DDD;
}


.kotak_menu_dalam {
border:1px #cfcfcf solid;
background-color:#FFFFFF;
margin-bottom:5px;
}

.ktok { border:1px #CCCCCC solid;
padding:2px;
margin:2px 0px 2px 4px;
float:left;
}

* html .ktok{
margin:2px 0px 2px 3px;
}
.ktok img {width:80px;
height:80px;
}

.title_box {font-size:12px;
color:#2d5b76;
/*437da5color:#000066;*/
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-shadow:#ffffff 1px 1px 1px;
/*padding-left:2px;*/
}


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

.title_no_box {
padding-bottom:3px;
margin-bottom:1px;
}
.title_box_ads {
padding-bottom:3px;
border-bottom:1px #4472bb solid;
margin-bottom:3px;
margin-top: 20px;
}
.title_box_box {
padding-bottom:3px;
border-bottom:1px #4472bb solid;
margin-bottom:1px;
}
.title_box_same {
padding-bottom:3px;
border-bottom:1px #999999 solid;
margin-bottom:1px;
}
.title_box_find {
padding-bottom:3px;
border-bottom:1px #4472bb solid;
margin-bottom:1px;
}
.title_box_gray {
padding-bottom:3px;
border-bottom:1px #ddd solid;
margin-bottom:3px;
}


.title_ads {
font-size:10px;
color:#CCCCCC;
}


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

.fea {background-color:#f3f3f3;
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:#FFFFFF;
padding:5px;
width:150px;
height:90px;
}

a:hover .link_fea_img{
background-color:#DDD;
}
.fea_desc_up {
float:left; 
width:280px;
padding-top:10px;
}
.fea_desc {
border-top:1px #ffffff 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:#677a8c;
font-weight:bold;
}

a.fea_title:hover{
color:#a6a8ad;
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:url(images/fea_back.gif) repeat-x; 
padding-left:5px;
}
/*---------------- END FEATURED VILLA ------------------------*/


h4 {font-size:12px;
color:#888888;
padding:0px;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.preview {
/*width:306px;
background-color:#F9F9F9;*/
background:url(images/back_prv.gif) repeat-x;
font-size:11px;
margin-bottom:10px;
padding:10px 10px 10px 10px;
border:1px #DDD solid;
height:100%;
}
.preview_side {
margin:4px 0px 0px 190px;
text-align:justify;
color:#666;
}


.img_preview_cat{
width:170px;
height:100px;
background-color:#FFF;
padding:4px;
border:1px #d2d0d0 solid;
}

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

.previ {
width:400px;
background-color:#EEE;
float:left;
font-size:11px;
}
.previ_center{
width:400px;
background-color:#EEE;
float:left;
margin-left:10px;font-size:11px;

}
.previ_center img{
margin-left:6px;
margin-top:6px;
width:100px;
height:140px;

}
.previ img{
margin-left:6px;
margin-top:6px;
width:100px;
height:140px;

}
.title_preview {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#5E5E5E;
}
.up_left_right {
height:12px;
}

.breadcrumb{
padding-top:10px;
	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:#232323;
	background-color: transparent;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: 2px;
}


.breadcrumb a:active{
	color:#252628;
	text-decoration:underline;
}
.breadcrumb a:hover{
	text-decoration:underline;
	color:#51a451;
}


#gallery_title {
	width:272px;
	margin-bottom:12px;
	border-bottom:1px solid #DBDBC8;
	text-align:center;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	font-size: 12px;
}
#gallery {
	margin-bottom: 7px;
	padding-left:4px;
} 
* html #gallery {
	margin-bottom: 7px;
	padding-left:0px;
} 
#gallery img {
	width:160px;
	height:auto;
}
.pl{
position:absolute; 
margin-top:-78px; 
margin-left:360px;
}
* html .pl{
position:absolute; 
margin-top:-78px; 
margin-left:206px;
}

#gallery_more {

	width:270px;
	text-align:right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DBDBC8;
	float: left;
	font-family: Tahoma;
	font-size: 11px;
	padding-right: 5px;
}
#gallery_more a {
	color: #666666;
	text-decoration: none;
}
#gallery_more a:hover {
	color: #666666;
	text-decoration: underline;
}
.moregallery {
	background-image: url(../images/bt_more_gallery.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 1px;
}


/* thumbnail list */
ul#thumbs, ul#thumbs li{margin:0;padding:0;list-style:none;}
ul#thumbs li{float:left;margin:2px;border:1px solid #CCC;background-color:#f5f5f5;padding:2px;}
ul#thumbs a{display:block;float:left;width:79px;height:79px;line-height:79px;overflow:hidden;position:relative;z-index:1;}
ul#thumbs a img{float:left;position:absolute;top:-20px;left:-40px;}
/* mouse over */
ul#thumbs a:hover{overflow:visible;z-index:1000;border:none;}
ul#thumbs a:hover img{border:1px solid #BDD7D7;	background:#fff;padding:2px;}	
/* // mouse over */
/* clearing floats */
ul#thumbs:after, li#thumbs:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
ul#thumbs, li#thumbs{display:block;}
/*  \*/
ul#thumbs, li#thumbs{min-height:1%;}
* html ul#thumbs, * html li#thumbs{height:1%;}	
/* // clearing floats */

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

.contentlist, .contentlist ul {margin:0 0 10px; padding:0; }
.contentlist li {margin:0;padding:0; font:normal 12px 'Arial';list-style:none}
.contentlist li {
	color:#414141;
	width:auto;
	background-color: transparent;
	background-image: url(images/list_checkbox.png);
	background-repeat: no-repeat;
	background-position: 1px -3px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
}

.contentlist li a img {
	border:none;
}

.check{padding-left:0px;
margin-left:0px;
padding-bottom:10px;
}

.knowbox{margin-bottom:20px;}

.conten_detail{
margin-right:2px;
background:url(images/back_prev_detail.gif) left top no-repeat;
padding-left:10px;
padding-top:10px;

}

.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 #ddd dotted;
padding:6px 0px 6px 4px;
}
.testimonial p{
margin:0px;
}
.testimonial b{
/*color:#333366;*/
color:#636363;

}
.testimonial em{
color:#6a1a3a;
}
.adss{
padding:2px 0px 2px 0px;
}
.adss p{
margin:0px;
}
#mainpic_ads img{ width:100px;
height:auto;
}
#mainpic_ad{ width:100px;
height:auto;
}

.tabbertabnye img{
width:470px;
}

.back_und {background:url(images/back_und.gif) repeat-x;}


.adsthu, .adsthu li{margin:0;padding:0;list-style:none;}
.adsthu li{float:left;margin:0px;border:1px solid #CCC;background-color:#f3f3f3;padding:0px;}
.adsthu a{display:block;float:left;width:130px;height:100px;line-height:100px;overflow:hidden;position:relative;z-index:1;}
.adsthu a img{float:left;position:absolute;top:0px; left:-25px; height:100px; width:auto}

/*
.adsthu a:hover{overflow:visible;z-index:1000;border:none;}
.adsthu a:hover img{border:1px solid #BDD7D7;	background:#fff;padding:2px;}	
*/

 a.newss:link,a.newss:visited{
text-decoration:underline;

}


/* ACORDIOOOOOOOOOOOOONNNN */

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: 993366;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color:#333333;
}
.closedlanguage a{ /*class added to contents of 2nd demo when they are closed*/
color:#333333;
background-color:#FFF;
}
.closedlanguage a:hover{ /*class added to contents of 2nd demo when they are closed*/
color:#993366;
background-color:#CCCCCC;
}

.butt{
list-style-type: none;
margin: 0;
padding: 0;
width: 98%;
}

.butt li a{
color: #5A5A5A;
display: block;
width: 100%;
padding: 1px 0px 0px 4px;
text-decoration:none;
font-size:11px;
}


.butt li a:visited{
color: #5A5A5A;
}

.butt li a:hover, .butt li a:active{
color: #ffffff;
}


.butt #current a{ /*currently selected tab*/
border-bottom: 1px solid #FFF;

}

.butt #sub a{ /*currently selected tab*/
color:#68A2A6;

}

/* ---------------------------- [  END MENU KIRI HOVER  ] ---------------------------- */
  
.butt2{
list-style-type: none;
margin: 0;
padding: 0;
width:auto;


}
* html .butt2{


}/* 
.butt2 li a,.butt2 li a:visited{
color:#993366;
display: block;
width: 174px;
padding-left: 16px;
text-decoration: none;
border-bottom: 1px #E5E5E5 solid;
text-decoration:none;
font-size:11px;
padding-bottom:2px;
padding-top:2px;
}



.butt2 li a:hover, .butt2 li a:active{
color: black;
background-color:#F8F8F8;
border-bottom:1px #E5E5E5 solid;
text-decoration:none;
}

end ACOORRRDDDDDDDDDDDIOONNN menu */
#submit{
background:#fff url(images/submit-back.jpg) no-repeat center;
clear:left;
width:88px;
height:24px;
color:#ffffff;
border:0px #FFFFFF solid;
margin-top:1px;
padding-bottom:4px;
letter-spacing:0.5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-shadow:#000000 1px 1px 1px;
}
* html #submit{
padding-bottom:0px;
}
#submit_clear{
background:#fff url(images/submit-back.jpg) no-repeat center;
clear:left;
width:88px;
height:24px;
color:#ffffff;
border:0px #FFFFFF solid;
margin-top:1px;
padding-bottom:4px;
letter-spacing:0.5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-shadow:#000000 1px 1px 1px;
}
* html #submit_clear{
padding-bottom:0px;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 2px solid #ff2b04;
padding: 2px;
background:#ff8436 url(images/back-tool.gif) top repeat-x;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
color:#FFFFFF;
font-weight:bold;
text-align:center;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

 img, div, input { behavior: url("iepngfix.htc") }
 
 
 #news-bottom {
 padding:10px 0px 0px 4px;
 }
 
 .news-list {
 border-bottom:1px #dddddd dashed; 
 padding:4px 0px;
 }
 .news-list p{
 margin:0px;
 padding:0px;

 }
 .fieldshi{
 margin:0;
 padding:0;
 border:0 none;
 }
 
 .ktok span.img-det {
	position:absolute;
	color:white;
	font-size: 9px;
	font-weight:bold;
	line-height: 1;
	text-shadow: 1px 1px 1px #555;
	border: none;
	text-decoration: none;
	margin:7px 2px; 
 }
 .ktok:hover a span.img-det {
	border: none;
	text-decoration: none; 
 }