body {

	background-color:#eae0c0;

	font-size:12px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	margin:0 auto;

	padding:0;

	color:#c7c7c7;

}



.clr{clear:both;

}

.inner {

	padding-right: 19px;

	padding-left: 27px;

	padding-bottom:0;

	margin:0;

}

.inner_1 {

	padding-right: 29px;

	padding-left: 32px;

	text-align: justify;

}

#inertop {

	padding-right: 24px;

	padding-left: 32px;

	text-align: right;

	/*color: #8C9CB5;*/

	color:#355987;

	padding-top: 2px;

}

#inertop a {

	text-decoration: none;

	color: #355987;

}

#inertop a:hover{

	text-decoration: none;

	color: #153A67;

}

#bread_crumb {

	font-size: 10px;

	margin-bottom: 10px;

}

#bread_crumb a{

text-decoration:none;

color:#0fe0ff;

}

#bread_crumb a:hover{

	color:#336699;

}



#container{

	padding:0;

	height: auto;

	width: 886px;

	margin-top: 5px;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

#head {

	background-image: url(images/body_repet.jpg);

	background-repeat: repeat-y;

	height: auto;

}



#head_top {

	background-image: url(images/head_atas.jpg);

	background-repeat: no-repeat;

	background-position: top;

	height: 33px;

	padding-bottom:33px;

	/*margin-bottom: 33px;*/

}

#main_images {

	float: left;

	height: 253px;

	width: 599px;

}

#logo {

	height: 253px;

	width: 210px;

	float: right;

	background-color: #13345e;

	margin:0 15px 0 15px;

}

#tagline {

	text-align: center;

	margin-top: 0px;

	color: #FFFFFF;

}



#conten_left {

	float: left;

	width: 581px;

	padding-right: 8px;

	padding-left: 5px;

	padding-bottom:30px;

}

.judul {

	font-size: 16px;

	font-weight: bolder;

	color: #0fe0ff;

	margin-top: 10px;

	margin-bottom: 10px;

}

.conten_image {

	float: left;

	width: auto;

	margin-right: 5px;

	padding:2px;

	border:1px #CCCCCC solid;

	text-align:center;

}

.isi {

	float: right;

	width: 340px;

	margin-bottom: 20px;

}

.cnt_kanan {

	float: left;

	width: 280px;

}

.cnt_kanan_isi {

	margin-bottom: 10px;

	overflow:hidden;

}

.cnt_kanan_isi a{

font-weight:bold;

font-size:13px;

text-decoration:none;

color:#FFCC33;

overflow:hidden;



}

.cnt_kanan_isi a:hover{

color:#CC9933;

overflow:hidden;



}

.cnt_kanan_isi_text {

	float: right;

	width: 175px;

}





.cnt_kiri {

min-height:500px;

	float: right;

	width: 280px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #506b8e;

	padding-left: 10px;

}

.cnt_kiri_isi_images {

padding:3px 0 0 0;

	float: left;

	width: auto;

	margin-bottom: 10px;

}

.cnt_kiri_isi_images img{

border:#CCCCCC 1px solid;

padding:2px;

}

	

.cnt_kiri_isi_text {

	float: right;

	width: 185px;

	margin-bottom: 10px;

	overflow:hidden;

}

.cnt_kiri_isi_text a {

font-weight:bold;

font-size:13px;

overflow:hidden;

text-decoration:none;

color:#FFCC33;

padding:0;

margin:0;





}

.cnt_kiri_isi_text a:hover{

overflow:hidden	;

color:#CC9933;

padding:0;

margin:0;



}





.News_images {

padding:3px 0 0 0;

	float: left;

	width: auto;

	margin-bottom: 10px;

}

.News_images img{

border:#CCCCCC 1px solid;

padding:2px;

margin:0 5px 0 0;

}



.cnt_kiri_isi{

	min-height:280px;

}

#content_rigth {

	float: right;

	width: 222px;

}

.menu {

	margin-top: 22px;

}



.LangMenu{display:block; padding:0 25px 0 0; margin:0 0 2px 0;}

.LangMenu ul{display:block; text-align:right; padding:0px; margin:0px; height:24px; float:right;}

.LangMenu ul li{list-style:none; float:left; display:block;}

.LangMenu ul li a{display:block;text-decoration:none; padding: 5px 3px 5px 26px; color:#000;}

.LangMenu ul li.english{}

.LangMenu ul li.english a{background:url(images/unitedkingdom.png) left center no-repeat;}

.LangMenu ul li.Japanese{}

.LangMenu ul li.Japanese a{background:url(images/japan.png) left center no-repeat; }



.reservation {

	background-image: url(images/bg_reservation.jpg);

	background-repeat: no-repeat;

	height: 233px;

	/*height: 160px;*/

	width: 202px;

	padding: 10px;

	color: #000000;

}

.judul_reser {

	font-size: 14px;

	font-weight: bold;

	padding: 5px 10px 0px 10px;

}



#form1 table

{

	font-size: 10px;

	font-weight: bold;

	color: #000000;

}

#form1 select{

	font-size: 9px;

	font-weight: bold;

}

#form1 input{

	font-size: 9px;

	font-weight: bold;

}

#form1 input{

	font-size: 9px;

	font-weight: bold;

}

.sumbint input {

	

	margin-right: 5px;

	margin-top: 5px;

}



a#hypCancelLink{

	font-size: 10px;

	font-weight: bold;

	color: #000000;

}

a#hypCancelLink:hover{

	font-size: 10px;

	font-weight: bold;

	color: #003366;

}







.footer {

	background-image: url(images/footer.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	height: auto;

	margin-top: -50px;

	padding-top: 0px;

	color: #153A67;

	z-index: -9999;

	background-color: #EAE0C0;

}

.inner_footer {

	padding-right: 19px;

	padding-left: 27px;

	height: 100px;

	padding-top: 100px;

}

.real_footer {

padding-top:5px;

	border-top-width: 1px;

	border-top-style: dashed;

	border-top-color: #153A67;

	margin-top: 10px;

}

.links-footer{

	margin-bottom: 5px;

}

.links-footer span{

	font-weight: bold;;

}

.links-footer a {

	color: #153A67;

	text-decoration:none;

	font-size: 10px;

	font-weight: normal;



}

.links-footer a:hover{

	color: #317AD5;

}

.testi{

margin-bottom:10px;}

.testi td {

	vertical-align: top;

}

.validationmasage{

	color:#FF3C3C;

}



.calender{margin-bottom:10px;}



/* for Gallery Templates */



#content_gallery {

	padding-left:9px;

	float: left;

	width: 590px;

}

#leftcontent_gallery{

	width: 240px;

	float: right;

	margin:0;

	padding:0;

}



#content_rigthgallery {

	float: right;

	width: 222px;

	

	margin-right:10px !important;

	margin-right:5px;

}



.judul_gallery {

	font-size: 16px;

	font-weight: bolder;

	color: #0fe0ff;

	margin-top: 0;

	padding-left:40px;

	margin-bottom: 10px;

}



#head_top_gallery {

	background-image: url(images/head_atas.jpg);

	background-repeat: no-repeat;

	background-position: top;

	height: 33px;

	padding-bottom:20px;

	/*margin-bottom: 33px;*/

}



a.download{

	

	background:url(images/pdf-icon.jpg) 0 no-repeat;

	padding:20px 5px 10px 35px;

	text-decoration:none;

	font-size:12px;

	font-weight:bold;

	color:#0099FF;

}

.conten a{

	color:#CCCCCC;

}

#slide_info{

	float:left;

	margin-top:50px;

}

#slide_info .prev, #slide_info .next, #slide_info_2 .prev2, #slide_info_2 .next2{

	overflow:hidden;

}

#slide_info_2{

	float:right;

	margin-top:50px;

}

.title_slide{

	text-align:center;

}

.anyClass ul li, .anyClass2 ul li{

	padding:3px;

	color:#CCCCCC;

	overflow:hidden;

	width:116px;

	text-align:center;

}

.anyClass ul li a:hover, .anyClass2 ul li a:hover{

	color:#CC9933;

}

.anyClass ul li a, .anyClass2 ul li a{

	text-decoration:none;

}

.anyClass ul li img, .anyClass2 ul li img{

	border:1px solid #FFFFFF;

}

.anyClass ul li img:hover, .anyClass2 ul li img:hover{

	border:1px solid #CC9933;

}



.anyClass, .anyClass2 {

	border: 1px solid #FFFFFF;

	background-color: #2C3C7A;

	

	/* Needed for rendering without flicker */

	visibility: hidden;

	left: -5000px;

}

#dhtmltooltip{

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	line-height:1.4;

	position: absolute;

	width: 200px;

	text-align:left;

	border:1px solid #bababa;

	padding: 2px;

	background-color:#412304;

	visibility: hidden;

	z-index: 120;

	filter:transparent(alpha=90);

	opacity:0.9;

	-moz-opacity: 0.9;

}

#baner img { border: solid #CCC 1px;}



.NewsInContent{}

.NewsInContent a{ font-weight:bold; font-size:13px; text-decoration:none; color:#c7c7c7; overflow:hidden; }

.NewsInContent a:hover{ color:#CC9933; overflow:hidden;}



/*paging news */

#ditto_wrapper{

	margin-top:30px;

	padding-right:20px;

	text-align:right;

}

#ditto_total{padding:10px;}

#ditto_pages{

	margin-top:10px;

	overflow:hidden;

	text-align:right;

}

#ditto_pages span{

	padding:5px;

	text-align:right;

}

#adsenseg{z-index:-9999;overflow:hidden; width:1px; height:1px; display:none;}

*html #adsenseg{display:none;}

#ditto_pages a{

	padding:5px;

	color:#CCCCCC;

	text-decoration:none;

	overflow:hidden;

	text-align:right;

}

.ditto_currentpage{

	background-color:#3399FF;

	overflow:hidden;

	text-align:right;

}



/*--------------------testi--------------------*/



.testiListView{font-size:11px; padding:0 0 10px 10px; margin:0 0 10px;font-style:italic;



 border-bottom:#265584 dashed 1px;}



.testiListView span{color:#fff; font-weight:bold; font-size:12px;}



.testiListView span img{padding:0 10px 0 0;}



/*--------------------paging--------------------*/



.pagingKiri{ float:left; width:100px;}



.paging { font-size:11px; float:right; width:500px; font-size:11px;}



.paging a{ color:#fff; text-decoration:none;}



.paging a:hover{text-decoration:underline;}



.paging span{padding:0 5px 0 0;}





/*--------------------form contac us--------------------*/

.input,.inputbook{font-size:12px;  background-color:#FFF; border:1px #ffc22f solid; margin:2px; padding:2px;}

.textarea,.textareabook{font-size:12px;  background-color:#FFF; border:1px #ffc22f solid; margin:2px; padding:2px;}

.textalert{color:#F00; font-weight:bold; display:none;}

#contactbutton, #buttonSend, #buttonclear{ font-size:12px; background: url(images/bg-button.jpg) repeat-x; padding:0 15px 5px 15px; font-weight:bold ;color:#fff; text-decoration:none; float:none; border:none; height:20px;}





a.addtesti{background:url(images/bg-add-testi.jpg) no-repeat left top; color:#FFFFFF; text-decoration:none; width:102px; padding:3px 18px 3px 3px;}

a.cloesform{background:url(images/bg-close-testi.jpg) no-repeat left top;color:#FFFFFF; text-decoration:none; width:73px; padding:3px 18px 3px 3px;}



.booknow{ font-size:12px; background: url(images/bg-button.jpg) repeat-x; padding:1px 15px 5px 15px; font-weight:bold ;color:#fff; text-decoration:none; float:none; border:none; height:20px; width:70px; text-align:center;}



.linktocontact {color:#0fe0ff; font-size:12px; font-weight:bold; padding:10px 10px; text-align:right;}

.linktocontact a{color:#0fe0ff; font-size:12px; font-weight:bold; text-decoration:none;}

.linktocontact a:hover{color:#ffcc33; font-size:12px; font-weight:bold;}



.floorplan_menu{color:#0fe0ff; font-size:12px; font-weight:bold; padding:0; text-align:left;}

.floorplan_menu ul{padding: 0;margin:0;}

.floorplan_menu ul li{float:left; padding: 0;margin:0;list-style:none; }



.floorplan_menu ul li a{color:#0fe0ff; font-size:12px; font-weight:bold; text-decoration:none;padding :0 5px 0 5px; border-left:1px solid #0fe0ff; }

.floorplan_menu ul li a.first{border:none;}

.floorplan_menu ul li a:hover{color:#ffcc33;}



.ImagesIncontent img{padding:5px; margin:5px; border:1px outset #333333;}

.ImagesIncontent{text-align:center;}
