*{
	padding: 0px;
	margin: 0px;
	}
html{
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	}
body{
	margin: 0 auto;
	font-size:13px;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000; 
	}
	
.clr { 
	clear:both; 
		}
.spacer{
	clear:both; 
	font-size:0; 
	height:0; 
	line-height:0;
	}
a, input { outline:none; }
a {color:#b71111; text-decoration:none; background-color:inherit;}
a:hover {color:#b71111; text-decoration:underline; background-color:inherit;}

img { border:0; outline:none; }

h1 {font-size:18px; color:#5d0000; text-decoration:none; background-color:inherit;}
h2 {font-size:18px;  color:#ffffff; text-decoration:none; background-color:inherit;}
h3 {font-size:18px;  color:#5d0000; text-decoration:none; background-color:inherit;}

.rubrik  {
	float:left;
	padding:0px 0px 10px 0px;
	width:527px;
	margin:0px 0px 10px 0px;
	border-bottom:1px solid #FFFFFF;
	}
#header_section {
	margin:0 auto; 
	padding:0px; 
	width:901px; 
	height:190px; 
	text-align:right 
	}

#menu_section { 
	margin:0 auto; 
	padding:0px; 
	width:550px; 
	height:40px; 
	background:url(images/bg.menu.gif) no-repeat left; 
	/*margin-left:420px;*/
	/*margin-right:50px;*/
	float:right;
	}
#menu {
	padding:0px; 
	float:left; 
	width:550px; 
	height:40px; 
	margin-left:10px;
	}
#menu a {
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ffffff; 
	text-decoration: none; 
	padding:12px 5px 0px 8px;
	float:left; 
	}
#menu a:hover {color:#f1f989; text-decoration:none; background-color:inherit;}
#menu a.select {color:#f1f989; text-decoration:none; background-color:inherit;}

#body_section {
	margin:0 auto; 
	padding:0px 0px 25px 0px; 
	width:901px;
	display:block;
	}
.wrap{
	float:left;
	margin:0px; 
	padding:0px; 
	width:901px; 
	min-height:400px; 
	height:auto;
	display:block;
	}

#left_panel {
	margin:0; 
	padding:42px 0 0 0; 
	width:342px; 
	float:left;
	}

.planner_panel {
	margin:17px 0 0 0; 
	padding:0px 0px 0px 0px; 
	width:342px;
	min-height:131px;
	height:auto;
	float:left;
	}
	
.planner_panel_center {
	float:left;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0 0px; 
	width:342px;
	min-height:131px;
	height:auto;
	background:url(images/plannerbgtop.gif) no-repeat top center; 
	}
.planner_panel_buttom {
	float:left;
	margin:0px 0 0 0; 
	padding:0px 0px 0px 0px; 
	width:342px; 
	background:url(images/plannerbgbuttom.gif) no-repeat top center; 
	height:21px;
	}

.planner_panel1 {
	margin:5px 0 0 0; 
	padding:0px 0px 0px 0px; 
	width:342px;
	min-height:131px;
	height:auto;
	float:left;
	}
	
.planner_panel1_center {
	float:left;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0 0px; 
	width:342px;
	min-height:131px;
	height:auto;
	background:url(images/plannerbgtop1.gif) no-repeat top center; 
	}
.planner_panel2_center {
	float:left;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0 0px; 
	width:342px;
	min-height:131px;
	height:auto;
	background:url(images/plannerbgtop2.gif) no-repeat top center; 
	}	
.planner_panel1_buttom {
	float:left;
	margin:0px 0 0 0; 
	padding:0px 0px 0px 0px; 
	width:342px; 
	background:url(images/plannerbgbuttom.gif) no-repeat top center; 
	height:21px;
	}
	
.planner_panel p {
	float:left;
	padding:58px 8px 8px 8px;
	}
.planner_panel p a {
	font:bold 12px/30px Georgia, "Times New Roman", Times, serif; 
	color:#000; 
	text-decoration:none; 
	background-color:inherit;
	}
.planner_panel p a:hover {
	color:#FFFFFF; 
	text-decoration:none; 
	background-color:inherit;
	}

#right_panel {
	margin:0px; 
	padding:10px 0px 0px 10px; 
	float:left; 
	width:535px;
	min-height:300px;
	height:auto;
	}
.right{
	float:left;
	width:547px;
	min-height:400px;
	height:auto;
	}
.right-atas{
	float:left;
	width:547px;
	height:15px;
	background:url(images/bg.tengah.atas.gif) center top no-repeat;
	}
.right-tengah{
	float:left;
	width:547px;
	min-height:290px;
	background:url(images/bg.tengah.tengah.gif) center top repeat-y;
	}
.right-tengah-isi{
	float:left;
	padding:0px 10px 10px 10px;
	min-height:290px;
	}
.right-bawah{
	float:left;
	width:547px;
	height:19px;
	background:url(images/bg.tengah.bawah.gif) center top no-repeat;
	}
/* Contact Form start */
#right_panel form{
	width:484px;
	/*width:459px;*/
	padding:20px 0 0 25px;
}
#right_panel form label{
	width:170px;
	color:#000;
	background-color:inherit;
	margin:0 0 5px 0;
	float:left;
}
#right_panel form input.submit_box{
	width:306px;
	height:19px;
	padding:2px 0 0 3px;
	color:#000;
	background-color:#fff;
	float:right;
	margin:0 0 5px 0;
	border:1px #C1C6C7 solid; font:normal 11px Arial, Helvetica, sans-serif; color:#B86929;
}
#right_panel form textarea{
	width:307px;
	float:right;
	margin:0 0 5px 0px;
	border:1px solid #C1C6C7;
	background-color:#fff;
	color:#000;
	font:normal 11px Arial, Helvetica, sans-serif;
}
#right_panel form input.submitbt{
	width:68px;
	height:24px;
	float:right;
	margin:0 242px 0 0;
}
#right_panel form select.submit_box{
	margin-left:4px;
}


#right_panel ul.planner{
	list-style-type:none;
	padding:50px 0 0 0;
	margin:0;
}
#right_panel ul.planner li{
	background:url(images/bulate.gif) no-repeat left center;
	padding:0 0 0 22px;
	color:#000;
	background-color:inherit;
}

.few_word {
	margin:0; 
	padding:0; 
	float:left; 
	width:535px; 
	height:210px;
	}
.readmorebg {
	margin:0; 
	padding:0px 30px 0px 0px; 
	width:500px; 
	height:22px; 
	float:left; 
	border-bottom:1px solid #8a996a; 
	background:url(images/readmorebg.jpg) no-repeat bottom right; 
	text-align:right;
	}
.readmore_white { 
	margin:0 5px 0 0; 
	padding:0; 
	color:#000; 
	text-decoration:none; 
	background-color:inherit;
	}	
.readmore_white:hover {
	color:#000; 
	text-decoration:none; 
	background-color:inherit;
	}


.gift_wedding {margin:0; padding:0; float:left; width:535px; height:270px;}
	.giftbg {margin:0; padding:3px 0 0 2px; width:532px; height:214px; float:left; background:url(images/giftbg.jpg) no-repeat top center;}
	.gift_box {margin:0; padding:0  0 0 3px; width:173px; height:211px; float:left; background:url(images/giftbox.jpg) no-repeat center;}
	
	.gift_box_top {margin:0px 5px 0px -3px; padding:3px 0 0 2px; width:532px; height:10px; float:left; background:url(images/giftbgtop.jpg) no-repeat top center; }
	.gift_box_center {margin:0px 5px 0px -3px; padding:3px 0 0 2px; width:532px; min-height:214px; float:left; background:url(images/giftbgcenter.jpg) repeat-y top center;}
	.gift_box_buttom {margin:0px 5px 0px -3px; padding:3px 0 0 2px; width:532px; float:left;height:14px; background:url(images/giftbgbuttom.jpg) no-repeat top center;}
	
	.gift_box_locationtop {margin:0px 0px 0px -4px; padding:3px 0 0 2px; width:532px; float:left;height:10px; background:url(images/giftbglocationtop.jpg) no-repeat top center;}
	.gift_box_locationcenter {margin:0px 0px 0px -4px; padding:3px 0 0 2px; width:532px; float:left; min-height:420px; height:auto; background:url(images/giftbglocationcenter.jpg) repeat-y top center;}
	.gift_box_locationbuttom {margin:0px 0px 0px -4px; padding:3px 0 0 2px; width:532px; float:left;height:14px; background:url(images/giftbglocationbuttom.jpg) no-repeat top center;}
	
	.gift_img {margin:0; padding:21px 0 0 19px; width:134px; height:93px; float:left;}
	.gift_text {margin:0; padding:7px 0 0 0; width:160px; height:20px; float:left;  color:#000; background-color:inherit; margin-left:8px; border:1px #000000 solid;}
	.gift_price {margin:5px; padding:3px 0 0 0; width:150px; height:25px; float:left;  color:#000; text-align:center; background-color:inherit;}
	.gift_buy {margin:0; padding:5px 0 0 15px; width:66px; height:22px; float:left;}
	.gift_view {margin:0; padding:5px 15px 0 0; width:66px; height:22px; float:right;}
	
	.stories {margin:0px 0px 0px 5px; padding:5px 0 0 0; float:left; width:535px; height:210px;}
	.storiesbg {margin:0px 0px 0px 5px; padding:12px 0 0 13px; width:522px; height:141px; float:left; background:url(images/storiesbg.jpg) no-repeat center;}
	
	.storiesbgtop {margin:0px 0px 0px -3px; padding:0px 0 0 13px; width:522px; height:14px; float:left; background:url(images/storiesbgtop.jpg) no-repeat center;}
	.storiesbgcenter {margin:0px 0px 0px -3px; padding:0px 0 0 13px; width:522px; min-height:141px; height:auto; float:left; background:url(images/storiesbgcenter.jpg) repeat-y center;}
	.storiesbgbuttom {margin:0px 0px 10px -3px; padding:0px 0 0 13px; width:522px; height:14px; float:left; background:url(images/storiesbgbuttom.jpg) no-repeat center;}
	
	.stories_img {margin:0px 10px 0px 0px; padding:0; width:182px; height:136px; float:left; background-image:url(images/storiesbgimage.jpg);}
	
	.stories_text {margin:0 0 0 20px; padding:0; width:320px; float:left;}
	.readmorebg2 {margin:0; padding:0; width:320px; height:19px; float:left; border-bottom:1px solid #c6c3b3; background:url(images/readmorebg2.jpg) no-repeat bottom right; text-align:right;}
	.readmore_white2 { margin:0 2px 0 0; padding:0; color:#FFFFFF; text-decoration:none; background-color:inherit;}	
	.readmore_white2:hover {color:#000; text-decoration:none; background-color:inherit;}

#footer_section { 
	margin:0 auto; 
	padding:0; 
	width:901px; 
	height:84px; 
	border-top: 1px solid #c6c3b3; 
	text-align:center;
	clear:both;
	}
#footer_section p {
	color:#000; 
	background-color:inherit;
	}
#footer_section p a {
	color:#000; 
	text-decoration:none; 
	padding:0 4px 0 4px; 
	background-color:inherit;
	}
#footer_section p a:hover {
	color:#000; 
	text-decoration:underline; 
	background-color:inherit;
	}
#footer_section p span {
	color:#000; 
	background-color:inherit;
	}
	
#footer_section .kanan{ 
	float:right;
	}
#footer_section .kanan a{ 
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000; 
	text-decoration: none; 
	}	
#footer_section .kiri{ 
	float:left;
	}	
	

/*buat index*/
.index
{
	float:left;
	margin:250px 100px 100px 450px;
}

.box-logo
{
	float:left;
	margin:5px 5px 5px 5px;
	text-align:center;
	padding:3px 3px 3px 3px;
	font:normal 12px  Georgia, "Times New Roman", Times, serif;
}

.box-logo img
{
	border:0px;
}

.box-logo a
{
	color:#000;
	text-decoration:none;
}

.box-logo a:hover
{
	color:#000;
	text-decoration:none;
}

/*gambar*/
.gambar
{
	float:left;
	overflow:hidden;
	display:block;
	width:130px;
}

.gambar img
{
	width:130px;
	height:90px;
}

.gambar-location
{
	float:left;
	overflow:hidden;
	display:block;
	width:515px;
	height:332px;
	margin:5px 5px 5px 8px;
	background:url(images/giftbglocation2.jpg) no-repeat top center;
}

.gambar-nya
{
	margin:10px 10px 10px 10px;
	float:left;
	width:495px;
	height:312px;
}
.gambar-nya img
{
	width:495px;
	height:312px;
	border:0px;
}

/*location*/
.location-judul { margin:10px 0px 0px 15px; font:normal 18px/20px Georgia, "Times New Roman", Times, serif; color:#5d0000; text-decoration:none; background-color:inherit;}
.location-deskripsi { margin:10px; color:#000; background-color:inherit;}
.location-deskripsi li { margin-left:15px;}

.news-deskripsi {
	color:#000; 
	margin:60px 15px 0px 15px; 
	float:left;
	}
.news-deskripsi a {color:#000;}
.news-deskripsi a:hover {color:#FFFFFF; text-decoration:none;}

.room-judul { margin:0px 0px 0px 0px; font-size:14px; font-weight:bold; color:#660000; text-decoration:none; background-color:inherit; float:left;}
.room-deskripsi { margin:0px 10px 5px 0px;  background-color:inherit; text-align:justify; float:left; width:510px;}
.room-deskripsi li { margin-left:210px;}


/*tabs room*/
#boxroom-atas{
	float:left;
	width:550px;
	height:44px;
	background:url(images/bg.box-room1.gif) no-repeat top center;
	margin:-5px 20px 0px -11px;
	}

#boxroom-tengah{
	float:left;
	width:550px;
	min-height:100px;
	height:auto;
	background:url(images/bg.box-room2.gif) repeat-y center;
	margin:0px 20px 0px -11px;
	}
	
#boxroom-bawah{
	float:left;
	width:550px;
	height:44px;
	background:url(images/bg.box-room3.gif) no-repeat top center;
	margin:0px 20px 0px -11px;
	}	
	
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0px 0px 0px 2px;
	padding: 0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight:bold;
}
ul.tabs li a:hover {
	color:#37550B;
}	
html ul.tabs li.active, html ul.tabs li.active a:active {
	color:#5B8305;
	float:left;
	margin:0px 5px 0px 5px;
}
html ul.tabs li.active a{
	color:#5B8305;
	}
.tab_container {
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
}
.tab_content {
	padding: 10px 10px 10px 14px;
	text-align:left;
	height:500px;
	width:500px;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

.tab-ket
{
	margin:0px 20px 5px 15px;
	background:url(images/bg.ket.png) repeat-y bottom center;
	min-height:200px;
	height:auto;
	color:#FFFFFF;
	width:205px;
}
.isi
{	
	padding:5px;
}
.tab-menu
{
	float:left;
	margin:80px 0px 0px 15px;
	min-height:20px;
	color:#FFFFFF;
	background:url(images/bg.menu.png) no-repeat top center;
	width:205px;
}

/*contact*/
.contact-1
{
	float:left;
	background:url(images/contact-1.gif) no-repeat top center;
	width:334px;
	height:49px;
	margin:0px 0px 0px 3px;
}
.contact-2
{
	float:left;
	background:url(images/contact-2.gif) repeat-y center;
	width:334px;
	min-height:50px;
	height:auto;
	margin:0px 0px 0px 3px;
}
.contact-3
{
	float:left;
	background:url(images/contact-3.gif) no-repeat top center;
	width:334px;
	height:15px;
	margin:0px 0px 0px 3px;
}
.contact-deskripsi
{
	float:left;
	margin:10px 10px 10px 30px;
}
.contact-deskripsi img
{
	border:0px;
}

.reservasi
{
	float:left;
	margin:0px 0px 0px 3px;
}

.banner
{
	float:left;
	margin:5px auto 5px 3px;
}

.hadist{
	float:left;
	margin:5px;
	width:300px;
	}
.hadist li{
	width:300px;
	height:160px;
	overflow:hidden;
	color:#000;
	}	
.hadist li a{
	color:#660000;
	}

.icon
{
	float:left;
	width:16px;
	height:16px;
	margin:0px 5px 5px 10px; 
}

.icon1
{
	float:left;
	width:100px;
	height:32px;
	margin:0px 5px 5px 7px; 
}

.text
{
	color:#37550B;
	float:left;
	font:normal 14px Arial;
	letter-spacing:1px;
}

/*** slide show **/

#slideshow {
    position:relative;
    height:300px;
	margin-left:13px;
	width:500px;
	margin-bottom:10px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	height:300px;
	width:500px;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* DETAIL */
.detailcontent{
	padding:10px;
	font-family: Verdana,Generva,arial;
	font-size:12px;

}

.detailcontent br{
	margin-bottom:5px;
	}

.detailisi img{
	padding:5px;
	max-width:488px;
}

.detailcontent img{
	padding:5px;
	max-width:480px;
}

.detailcontent p,br{
	padding:5px 0px 5px 0px;
}
.detailprint{
	font-family: Verdana,Generva,arial;
	font-size:11px;
	text-align:center;
	padding:2px;
	width: 45px;
	height:15px;
	float:left;
	margin-right:2px;
	}
.detailemail{
	font-family: Verdana,Generva,arial;
	font-size:11px;
	text-align:center;
	padding:2px;
	width: 50px;
	height:15px;
	float:left;
	margin-right:2px;
	}
.detailpdf{
	font-family: Verdana,Generva,arial;
	font-size:11px;
	text-align:center;
	padding:2px;
	width: 45px;
	height:15px;
	float:left;
	margin-right:2px;
	}
.detailrss{
	font-family: Verdana,Generva,arial;
	font-size:11px;
	text-align:center;
	padding:2px;
	width: 45px;
	height:15px;
	float:left;
	margin-right:2px;
	}
.detailarsip{
	font-family: Verdana,Generva,arial;
	font-size:11px;
	text-align:center;
	padding:2px;
	width: 50px;
	height:15px;
	float:left;
	margin-right:2px;
	}
.imgdetail{
	padding:0px 5px 5px 0px;
	float:left;
}

.detailpage{
	text-align:center;
	padding-bottom:20px;
	}
.pageitem{
	text-align:center;
	border:1px solid #37550B;
	padding:1px 4px 3px 4px;
	height:15px;
	margin-right:5px;
	cursor:default;
	}

.pageitem a{
	color:#000000;
	}

.pageitem a:hover{
	background-color:#5B8305;
	color:#FFFFFF;
	text-decoration:none;
	}
		 
.pageitem:hover{
	background-color:#5B8305;
	color:#FFFFFF;
	}
.textbutton{
	text-align:center;
	border:1px solid #CCCCCC;
	padding:1px 4px 3px 4px;
	height:15px;
	margin-right:5px;
	cursor:default;
	}
.textbutton:hover{
	background-color:#666666;
	color:#FFFFFF;
	
	}
.isi {
	padding:8px;
	text-align:justify;
	}

.arab{
	width:100%;
	float:right;
	text-align:right;
	line-height:30px;
	font-family:Simplified Arabic;
	font-size:22px;
	padding-bottom:10px;
	}

.bahasa
{float:right; margin-right:60px; margin-top:10px; color:#FFFFFF;}
.bahasa a, a:hover
{color:#FFFFFF; text-decoration:none;}