@charset "UTF-8";
/* 

By : Eddy Yansen
Simple and Clean CSS
www.citywebindo.com

*/


* {
	margin: 0;
	padding: 0;
	}

html, body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	font: normal 11px Tahoma;
	font-family:Tahoma;
	color:#333333;
	caption-side: #000;
	text-align: center;
	}

a:link, a:visited, a:active {
	color:#969696;
	text-decoration: none;
	outline:none;
	
	}

a:hover {
	color:#05448c;
	outline:none;
	}
img { border:0}	
img, div { behavior: url(iepngfix.htc) }
img, div, a, input { behavior: url(iepngfix.htc) }

#bannerkanan {
	padding: 0;
	width:120px;
	height:600px;
	background: url(images/home-mdl-banner-bhs.jpg) top left no-repeat;
	position:relative;
	left:1005px;
	top:-835px;	
	margin-top:80px;
	float:left;
	margin-bottom:-1000px;
	
	}
	
	#bannerbawah {
	padding: 0;
	width:998px;
	height:90px;
	background: url(images/home-mdl-banner-hor.jpg) top left no-repeat;
	position:relative;
	left:0px;
	top:-80px;	
	margin-top:85px;
	float:left;
	margin-bottom:-1000px;
	
	}


#container {
	margin: 0 auto;
	padding: 0;
	margin-bottom:0;
	margin-top:0;
	width: 1000px;
	text-align: left;
	}
	
#badanatas {
    width:1000px;
	background: url(images/header_top.jpg) top left no-repeat;
	height:80px;
	text-align:right;
	}

#badanbanner {
    width:1000px;
	height:335px;
	background-color:#FFFFFF;
	}
	
#badanutama {
    width:1000px;
	height:286px;	
	_width:1012px;
	}
	
#badanbawah {
    width:1000px;
	background: url(images/footer_logo.jpg) top right no-repeat;
	height:39px;
	float:left;
	margin-top:95px;
	}

#badanbawah2 {
    width:1000px;
	background: url(images/footer_logo.jpg) top right no-repeat;
	height:39px;
	}
	
#badanbawahbooking {
    width:1000px;
	height:39px;
	}

#badanutamakiri {
    width:290px;
	background: url(images/background_box2.jpg) top left no-repeat;
	height:286px;
	float:left;
	margin-top:5px;
	}
	
#badanutamakiri2 {
    width:290px;
	background: url(images/background_box2.jpg) top left no-repeat;
	height:286px;
	float:left;
	margin-top:5px;	
	}
	
#badanbesarkiri {
    width:300px;
	float:left;
	_width:1000px;
	}

#badanbesarkanan {
    width:670px;
	float:left;
	margin-left:300px;
	_margin-left:0px;
	text-align:justify;
	padding:10px;
	}
	
#bannerdalam {
    width:670px;
	height:150px;
	background-color:#003399;
	margin-top:10px;
	margin-bottom:10px;
	}

#contentmenu {
    width:670px;
	height:10px;
	}

#contentmenu a:link, #contentmenu a:active, #contentmenu a:visited {
color:#999999;
	}

#contentmenu a:hover {
color:#336d9e;
	}


#contentmenu ul li {
font-size:12px;
color:#999999;
float:left;
margin-right:30px;
list-style:none;
font-weight:bold;
	}

#contentmenu2 ul li {
font-size:12px;
color:#999999;
float:left;
margin-right:30px;
list-style:none;
font-weight:bold;
	}

#judulbox {
padding:10px;
width:270px;
font:Tahoma;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
margin-left:10px;
_width:220px;
}

#formbox {
padding:10px;
color:#FFFFFF;
width:270px;
text-align:justify;
margin-top:10px;
margin-left:10px;
}

#badanutamakanan {
    width:686px;
	height:286px;
	float:left;
	margin-left:24px;
	}

#badanbawahmenu {
    width:400px;
	height:39px;
	text-align:left;
	margin-left:310px;
	margin-top:5px;
	}

#badanbawahmenu ul li {
	margin-left:5px;
	float:left;
	list-style:none;
	padding-right:10px;
	}

#badanatasbahasa {
    width:400px;
	height:10px;
	margin-left:580px;
	margin-top:0px;
	font-size:12px;
	color:#CCCCCC;
	margin-right:10px;
	}

#badanatasmenu {
    width:445px;
	margin-left:550px;
	height:20px;
	margin-top:45px;
	_margin-top:20px;
	_margin-left:550px;
	_width:430px;
	}

#badanatasmenu ul li {
float:left;
margin-left:12px;
list-style:none;
font:Tahoma;
font-size:12px;
font-weight:bold;
padding-right:14px;
	}
	
#badanbannerbooking {
    width:289px;
	height:324px;
	float:left;
	margin-top:5px;
	position:absolute;
	z-index:100;
	*margin-left:-990px;
	}
	
#badanbannerbooking2 {
    width:270px;
	position:absolute;
	_position:relative;
	float:left;
	margin-top:5px;
	z-index:100;
	*margin-left:-990px;
	_margin-left:0px;
	}

	
/*  UNTUK CSS SLIDER BANNER */

.sliderwrapper{
position: absolute; 
overflow: hidden; 
border: 0px solid navy;
border-bottom-width: 0px;
width: 1000px; 
height: 300px;
z-index: 0;
margin-top:3px;
float:left;
*margin-left:-990px;

}

.sliderwrapper .contentdiv{
visibility: hidden; 
position: absolute; 
left: 0;  
top: 0;  
border:0px solid #ccc;
background: white;
background-color: #f3f0e9;
width: 100%; 
height: auto;
-moz-opacity: 1;
opacity: 2;
}

.sliderwrapper .contentdiv .title{
	margin-top:-89px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	background-color: #000000;
	opacity: 0.6; filter: alpha(opacity=60);
position: absolute; 
	
}


.pagination{
width:1000px; 
text-align: right;
padding: 4px 0px 4px 5px;
margin-top:305px;
margin-bottom:5px;
-x-system-font:none;
font-family:Tahoma;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
line-height:normal;
border:0px solid #FF0000;
z-index:100;
float:left;
margin-left:-5px;
*margin-left:-16px;

}

.pagination a{
font-family: Tahoma;
background: #CCCCCC none repeat scroll 0 0;
border:0px solid #CCCCCC;
color:black;
padding:3px 5px 2px 5px;
text-decoration:none;
font-size: 1.05em;
}

.pagination a:hover {
background: #d1eefe none repeat scroll 0 0;
}

.pagination a.selected{
background: #05448c none repeat scroll 0 0; color:#FFFFFF;;
}

/* END OF SLIDER CSS */

/* Tab CSS Bawah  */

#wrapper{
width: 686px;
margin: 0 auto;
}

.box{
background:#FFFFFF;
height:130px;
}

.boxholder{
clear: both;
padding: 1px;
background:#CCCCCC;
}

.tab{
float: left;
height: 38px;
width: 224px;
margin: 0 4px 0 0;
text-align: center;
background: #8DC70A url(images/greentab.jpg) no-repeat;
}
.tabtxt{
margin: 0;
color:#333333;
font-size: 12px;
font-weight: bold;
padding: 14px 14px;
text-align:left;
}


/* End of Tab CSS  */

/* Slider Paling Bawah*/

#sliderwrapper2{
overflow: hidden;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
width: 684px; 
height: 94px;
background-color:#f6f6f6;
}

#sliderbawah {
    width:684px;
	height:12px;
	background: url(images/footer_lengkung.jpg) top center no-repeat;
	}

div.work_box
{
    background:#f6f6f6;
    width:680px;
    height:94px;
    text-align:left;
}
div.projects {
    background-color:#f6f6f6;
    width:680px;
    height:94px;
	color:#333333;
	font-size:11px;
    float:left;
    overflow:hidden;
	
}
div.accordion_container {
    overflow:hidden;
    width:690px;
}
div.accordion_container p.toggler
{
    float:left;
    width: 83px;
    height:98px;
    color: #f4f4f4;
    cursor:pointer;
}
div.accordion_container div.accordion
{
    width:260px;
    float:left;
	margin-left:4px;
	margin-top:5px;
    overflow: hidden;
    height:94px;
}


/*  End of Slider paling bawah  */

/* Slider Harga */



/* End Of Slider Harga  */


/* Untuk Form Effect */
/* Gradient 2 */

.tb3 {
	width: 55px;
	background: transparent url('images/bg.jpg') no-repeat;
	color : #747862;
	height:25px;
	border:0;
	padding:4px 6px;
	margin-bottom:0px;
	text-align:left;
}

.tb4 {
	width: 85px;
	background: transparent url('images/bg.jpg') no-repeat;
	color : #747862;
	height:25px;
	border:0;
	padding:4px 8px;
	margin-bottom:0px;
}

.tb5 {
	width: 249px;
	background: #FFFFFF transparent url('images/bg.jpg') no-repeat;
	color : #747862;
	height:25px;
	border:#CCCCCC 1px solid;
	padding:4px 8px;
	margin-bottom:0px;
}

.tb6 {
	width: 50px;
	background: transparent url('images/bg.jpg') no-repeat;
	color : #747862;
	height:20px;
	border:0;
	padding:4px 8px;
	margin-bottom:0px;
}

.tb7 {
	width: 232px;
	background: transparent url('images/bg3.jpg') no-repeat;
	color : #747862;
	height:20px;
	border:0;
	padding:4px 8px;
	margin-bottom:0px;
}

.tb100 {
	width: 232px;
	background: transparent url('images/tb100.jpg') no-repeat;
	color : #747862;
	border:0;
	padding:4px 8px;
	margin-bottom:0px;
	height:91px;
}


.tb50 {
    width: 232px;
	_width: 200px;
	*width: 200px;
	background: transparent url('images/bg3.jpg') no-repeat;
	color : #747862;
	height:20px;
	border:0;
	padding:4px 8px;
	margin-bottom:0px;
}

.tb9 {
	width: 230px;
	background: transparent url('images/bg2.jpg') no-repeat;
	color : #747862;
	height:25px;
	border:0;
	padding:4px 8px;
	margin-bottom:0px; 
	font-size:10px;
}

#replacement-1 {
  width: 110px;
  height: 45px;
  margin: 0;
  padding: 0;
  border: 0;
  background: url('images/checkinbut.png') no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  margin-left:155px;
}

#replacement-2 {
  width: 100px;
  height: 43px;
  margin: 0;
  padding: 0;
  border: 0;
  background: url('images/tombol2.jpg') no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
/* End Of Form Effect */

/* CSS Tab Booking */
div.tabcontainer {
 width: 291px;
 background:url(images/background_box2tab.jpg);
 height:325px;
}

ul.tabnav {
 list-style-type: none;
 margin: 0;
 width: 100%;
 overflow: hidden;
 font:Tahoma;
 font-size:14px;
 color:#b1ddf2;
 padding-left:0px;
 padding-top:10px;
 margin-left:0px;
}

ul.tabnav a {
 display: block;
 width: 100%;
 font:Tahoma;
 font-size:14px;
 color:#FFFFFF;
 text-decoration:none;
 font-weight:bold;
}

ul.tabnav a:hover {
 color:#FFFFFF;
}

ul.tabnav li {
 float: left;
 width: 144px;
 margin: 0;
 padding: 0;
 text-align: center;
}

div.tabcontentsku {
 overflow: hidden;
 padding: 5px;
 margin-top:15px; 
 margin-left:10px;
 font:Tahoma;
 font-size:11px;
 color:#333333;
}

div.tabcontents div.contentku {
 float: left;
 font:Tahoma;
 font-size:11px;
 color:#333333;
}


#tulisan {
 font:Tahoma;
 font-size:11px;
 color:#ffffff;
 margin:3px;
}

/* End of CSS Booking  */

/* Start of Sliding CSS  */

#slidearea1 {
    margin-left:25px;
	margin-top:10px;
    width:195px;
	height:20px;
	font:Tahoma;
	color:#05448c;
	font-weight:500;
	font-size:12px;
	}

#slidearea2 {
    margin-left:25px;
    width:180px;
	height:55px;
	font:Tahoma;
	color:#05448c;
	font-weight:bold;
	font-size:30px;
	}
	
#slidearea3 {
    margin-left:25px;
    width:195px;
	height:25px;
	font:Tahoma;
	color:#05448c;
	font-weight:bold;
	font-size:14px;
	}

#tombolslide {
    float:left;
	position:absolute;
    margin-left:145px;
	margin-top:100px;
    width:71px;
	height:27px;
	}
/* End of Slicing CSS */

#logolink {
border:0px solid #FF0000;
width:230px;
height:80px; 
float:left; 
position:absolute; 
margin-left:-550px;
margin-top:-60px;

*margin-left:-1020px;
*margin-top:-60px;
cursor:pointer; cursor:hand;
}