/* UNIVERSAL CSS */
@import url(http://fonts.googleapis.com/css?family=Molengo);

body {font-family: 'Molengo',"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 12px; line-height: 18px; padding: 0; margin: 0; color: #ababab; background: url(images/bg.jpg); color: #908c8c;}
a {text-decoration:none; color: #ababab;}
a:hover {color: #285a68;}

ribbon {float: left; width: 109px; height: 125px; background: url(images/brh.png) no-repeat; position: absolute; z-index: 999; top: 0px; left: 20px; padding-top: 116px; text-align: center; font-size: 10px; color: #666666;}

/* CENTERED DIV CONTAINER */

.className{
	background-color:#ffffff;
	width:900px;
	height:680px;
	position:relative;
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}


.centered{width:900px;height:680px;position:absolute;left:50%;top:50%;margin:-340px 0 0 -450px;background-color: white;}

/*#outer {position: absolute;top: 50%;left: 0px;width: 100%;height: 1px;overflow: visible;}
#inner {width: 900px; height: 680px; margin-left: -450px; position: absolute; top: -340px; left: 50%;background-color: #ffffff;}*/

#outer {
	position: absolute;
	top: 44px;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
}
#inner {width: 900px; margin-left: -450px; position: absolute; top: 10px; left: 50%;background-color: #ffffff;}

/* INTRO */
#intro {padding-left: 27px;width: 845px; padding-top: 25px; height: 600px ; overflow: hidden; }

/* HEADER CENTER FOOTER */
#header {padding-left: 27px;width: 845px; padding-top: 15px; height: 75px ; overflow: hidden; background: url(images/linetop.jpg) no-repeat; background-position-y: 75px; background-position-x: 27px }
#tengah {padding-left: 27px;width: 845px; background-color: #ffffff;}

#footer {padding-left: 27px;width: 845px; height: 100px; clear: both; padding-top: 10px;background-color: #ffffff;  background-position-y: 60px; background-position-x: 690px;}
.imagefooter {float: none;width: 300px; height: 20px; padding-right: 20px;}
.imagefooter1 {float: right;width: 185px; height: 100px; padding-right: 0px; background: url(images/brh23.jpg) no-repeat;}
.textfooter {float: left; height: 20px; padding-top: 5px;}
.logo {float: left; width: 210px; height: 70px; background: url(images/logo.jpg) no-repeat; background-position: top left;}

/* MENU BAR TOP */
#leftmenu {float: left; width: 155; height: 70px; }
#leftmenu ul {margin: 0; padding: 0; list-style-type: none;}
#leftmenu li {width: 155px;height: 18px; overflow: hidden; }
.menubar1 {float: left; width: 140px; height: 70px;}
.menubar2 {float: left; width: 110px; height: 70px;}
.menubar3 {float: left; width: 150px; height: 70px;}
.menubar4 {float: left; width: 75px; height: 70px;}

/* SLIDE SHOW SIZE */
#h1 {width: 845px; height: 530px;}
#h0 {width: 845px; height: 600px;}

/* NAVIGATION BOX */
.box {float: left; margin: 0 4px 4px 0; width: 195px; height: 160px; border-color: #e4e5e6; border: solid 0px; background-color: #ffffff; padding: 10px 0 0 10px; overflow: hidden;}
.boxgrey {float: left; margin: 0 4px 4px 0; width: 195px; height: 160px; border-color: #cfcfd0; border: solid 0px; background-color: #d9d9d9; padding: 10px 0 0 10px;}

/* ACCOMODATION */
.submenu {float: left; width: 200px; padding-top: 0px; }
.detail {float: left; width: 630px; padding-top: 0px;border-left: solid 1px; border-color: #cccccc;padding-left: 9px;}
.detail2 {
	float: left;
	width: 800px;
	border-color: #cccccc;
	padding-left: 40px;
	padding-right: 20px;
}
.judul {color: #6d9f9c; font-weight: 800; margin-top: 30px;}
.small {float: left; width: 204px; height: 132px; margin: 0 6px 6px 0; overflow: hidden;}

/* VTOUR */
.wow {font-weight: 800; color: #6d9f9c;}
.vtour{width: 800px; margin: 0 auto; clear: both;}