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

body{
background:url(images/bg.gif) #ffffff repeat-x;
color:#9caba3;
font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
margin:0;
padding:0;
text-align:justify;
font-size:12px;
}

/* --- Header ---*/

#header{
background:url(images/logo.gif) left no-repeat;
height:93px;
width:1043px;
margin:auto;
}

#header ul{
float:right;
width:625px;
height:29px;
padding:0;
margin:25px 0;
}

#header ul li{
list-style:none;
margin:0;
display:block;
float:left;
}

#header ul li#home a{
background:url(images/home.gif);
width:71px;
height:29px;
display:block;
}

#header ul li#home a:hover{
background:url(images/home_hover.gif);
}

#header ul li#home a.current{
background:url(images/home_hover.gif);
}

#header ul li#company a{
background:url(images/company.gif);
width:103px;
height:29px;
display:block;
}
#header ul li#company a:hover{
background:url(images/company_hover.gif);
}
#header ul li#company a.current{
background:url(images/company_hover.gif);
}

#header ul li#services a{
background:url(images/services.gif);
width:101px;
height:29px;
display:block;
}
#header ul li#services a:hover{
background:url(images/services_hover.gif);
}
#header ul li#services a.current{
background:url(images/services_hover.gif);
}

#header ul li#credential a{
background:url(images/credential.gif);
width:124px;
height:29px;
display:block;
}
#header ul li#credential a:hover{
background:url(images/credential_hover.gif);
}
#header ul li#credential a.current{
background:url(images/credential_hover.gif);
}

#header ul li#term a{
background:url(images/term.gif);
width:77px;
height:29px;
display:block;
}
#header ul li#term a:hover{
background:url(images/term_hover.gif);
}
#header ul li#term a.current{
background:url(images/term_hover.gif);
}

#header ul li#contact a{
background:url(images/contactus.gif);
width:135px;
height:29px;
display:block;
}
#header ul li#contact a:hover{
background:url(images/contactus_hover.gif);
}
#header ul li#contact a.current{
background:url(images/contactus_hover.gif);
}

/* --- Middle --- */

#searchmiddle{
background:url(images/blue.jpg) no-repeat;
width:1043px;
height:264px;
margin:0px auto;
padding:0px;
clear:both;
}
#searchform{
width:320px;
float:left;
height:264px;
padding:0;
margin:0;
}

#searchform .hotel{
display:block;
clear:both;
margin:91px 35px 0px 37px;

}
#searchform .tour{
display:block;
clear:both;
margin:65px 35px 0px 42px;
}


input,textarea, select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:13px;
	padding: 0.2em;
	border:1px solid #A4B6C8;
	
}
#topimage{
width:709px;
height:255px;
margin:9px 0px 2px 0px;
padding:0;
float:left;
}
#submenu{
background:url(images/submenu.gif) no-repeat;
width:1043px;
height:45px;
margin:0px auto;
font-size:13px;
color:#666767;

padding:0;
}

#submenu ul{
float:right;
width:710px;
height:44px;
padding:0;
margin:0;
}

#submenu ul li{
list-style:none;
margin:15px;
display:block;
float:left;
padding-left:28px;
background:url(images/bullet.gif) no-repeat left;
}

#content{

width:1043px;
margin:auto;
clear:both;
padding:0px;

}
#contentleft{
background:url(images/leftmenu_bg.jpg) no-repeat left top;
width:320px;
padding:0;
margin:0;
float:left;
}

#news{
width:270px;
margin:25px 20px 10px 30px;
background:url(images/news.gif) no-repeat top;
padding:50px 0 5px 0;}

#special{
width:270px;
margin:0px 20px 25px 30px;
background:url(images/special.gif) no-repeat top;
padding:50px 0 5px 0;}

#news .title a{
clear:both;
background:url(images/news_icon.gif) no-repeat;
color:#0083a9;
padding-left:24px;
display:block;
margin: 5px auto;
text-decoration:none;

}

#newscontent img{
float:left;
padding:5px;
margin-right:10px;
margin-bottom:10px;
border:#cccccc 1px solid;
width:250px;
height:165px;
}
#contentright{
display:block;
width:690px;
padding:0;
margin:25px 10px 25px 0px;
float:right;

}

/* ---- Footer --- */
#divfooter{
width:1043px;
margin: 0;
padding: 0;
margin:-130px auto 0 auto !important;
margin:-90px auto 0 auto;

}
#footer{
background:url(images/footer_bg.gif) repeat-x;
height:183px;
width:1043px;
}
#footerimg{
background:url(images/footer_img.gif) no-repeat;
width:830px;
height:133px;
margin:0 auto;
padding:30px 20px 20px 193px;
}

#logo-footer{
background:url(images/slice-footer.gif) left no-repeat;
height:179px;
width:1043px;
position:relative;
clear:both;
display: block;
z-index: -100;
}

.imgleft{
float:left;
margin:0 10px 10px 0px;
}

#cek-about ul{
margin:20px 0px 10px 0px;
padding:0;
}
#cek-about ul li{
background:url(images/button.gif) no-repeat;
padding:0px 0px 5px 30px;
list-style:none;
}

a{
color:#0083a9;
text-decoration:none;
}
a:hover{
color:#41c4dd;
text-decoration:underline;
}

#listing{
width:650px;
border:#CCCCCC dotted 1px;
padding:10px;
margin:10px 0;
clear:both;
float:left;
}
#listing img{
float:left;
margin:5px;
display:block;
width:100px;
height:80px;
}

h2{
color:#41c4dd;
font-size:16px;
}


#navbutton a{
border:1px solid #cccccc;
display:block;
color:#fff;
padding:5px;
margin:5px 5px 5px 0px;
background:#41c4dd;
float:left;
}

/* Domtab */
*{
			margin:0;
			padding:0;
			list-style:none;
			border:none;
		}
div.domtab{
			padding:0;
			font-size:100%;
		}
		ul.domtabs{
			float:left;
			width:100%;
			margin:0 0 0 0;				
		}
		ul.domtabs li{
			float:left;
			padding:0 .5em 0 0;
			
		}
		ul.domtabs a:link,
		ul.domtabs a:visited,
		ul.domtabs a:active,
		ul.domtabs a:hover{
			width:8em;
			padding:.2em 1em;
			display:block;
			background:#666;
			color:#ccc;
			height:3em;
			font-weight:bold;
			text-decoration:none;
			text-align:center;
		}
		html>body ul.domtabs a:link,
		html>body ul.domtabs a:visited,
		html>body ul.domtabs a:active,
		html>body ul.domtabs a:hover{
			height:auto;
			padding-top:10px;
			min-height:2em;
		}
		ul.domtabs a:hover{
			background:#0083a9;
		}
		div.domtab div{
			clear:both;
			width:600px;
			padding:3em 3em;
			border:1px solid #ccc;
			float:left;
		}
		ul.domtabs li.active a:link,
		ul.domtabs li.active a:visited,
		ul.domtabs li.active a:active,
		ul.domtabs li.active a:hover{
			background:#0083a9;
			color:#fff;
		}
		#domtabprintview{
			float:right;
			padding-right:1em;
			text-align:right;
		}
		#domtabprintview a:link,
		#domtabprintview a:visited,
		#domtabprintview a:active,
		#domtabprintview a:hover{
			color:#fff;
		}
		
#gallerypic{
clear:both;
border:0;
padding:0;
}
#gallerypic img{
border:#ccc solid 1px;
margin:10px;
width:100px;
height:100px;
padding:5px;
}

#bottombar{
margin:auto;
padding:10px;
background:#f2f2f2;
border-bottom:1px solid #e9e9e9;
border-top:1px solid #e9e9e9;
clear:both;
float:left;
width:655px;
}

.rates{
background:#B3D9FF;
border:#00CCFF 1px solid;
color:#666666;
padding:10px;
height:30px;
}
.rates2{
background:#DDEEFF;
border:#00CCFF 1px solid;
color:#000000;
padding:10px;
height:30px;
}

#botrates{

width:100%;
padding-top:10px;
float:left;
}

#hoteltop{

width:710px;
margin-bottom:10px;
float:left;
font-weight:bold;
color:#007fa6;
}
#hoteltop .left{
display:block;
float:left;
width:500px;

}

#hoteltop .right{
display:block;
float:right;
width:200px;

color:#999999;
font-weight:normal;
}
#hoteltop .top{
display:block;
clear:both;
float:left;
margin:auto;
text-align:center;
width:95%;
}
#hoteltop .content{
color:#9caba3;
font-weight:normal;
}

.boldred{
color:#FF0000;
font-weight:bold;
}

.spaceimg{
margin-right:10px;
margin-bottom:10px;
float:left;}

/* LightBox */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
/* End Lightbox */

#credential img{
padding:10px;
margin:10px;
border:1px solid #CCCCCC;
}

.subicon{
background:url(images/subicon.gif) no-repeat left #d4eef4;
height:15px;
border:1px solid #CCCCCC;
display:block;
color:#0083a9;
font-size:14px;
margin:10px auto;
padding: 10px 10px 9px 35px;
clear:both;
}

#servicebox{
width:320px;
height:80px;
margin:10px;
border-bottom:1px dotted #E1E1E1;
float:left;
}

#servicebox img{
padding:5px;
margin-right:5px;
border:1px solid #CCCCCC;
float:left;
}

.bookbutton a{
background:url(images/booking_button.gif) no-repeat;
height:84px;
width:175px;
display:block;
float:left;
margin-TOP:20px;
}

.bookbutton a:hover{
background:url(images/booking_button_hov.gif) no-repeat;

}

.header1 {
	font-weight: bold;
	font-size: 14px
}

.header2 {
	font-weight: bold;
	font-size: 12px;
	color: #FF0000
}

.header3 {
	font-weight: normal;
	font-size: 12px;
	color: #0000FF
}

#wrapper{
width: 255px;
margin: 0 auto;

}
.box{
background: #fff url(images/bgbox.gif) repeat-x;
padding-left:10px;
}
.boxholder{
clear: both;
padding: 1px;
background: #007ea5;
width:252px;
}
.tab{
float: left;
height: 32px;
width: 84px;
margin: 0 1px 0 0;
text-align: center;
background:url(images/greentab.jpg) no-repeat;
}
.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}

.tab a{
color: #fff;
text-decoration: none;
}
.tab a:hover{
color:#FFCC00;
}