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

body 
{
	margin:0;
	padding:0;
	color: #000;
	font-size:11px;
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;

}

h1 {
	font-size: 20px;
	color:#af8620;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-variant: normal;
}
h2 { font-size: 150%; }
img { border: none; }

a{color:#000; text-decoration:none}
a:hover{text-decoration:underline}

.clear{clear:both}

#main {width:980px; background-color:#fff; height:auto; margin: 0 auto; }

#header-home{height:350px; z-index:0}
#darkbar {
	z-index:5;
	position:absolute;
	margin-top:34px;
	margin-left:0px;
}
#logo {
	width:154px;
	z-index:10;
	position:absolute;
	margin-top:-200px;
	margin-left:20px;
	height:auto;
}
#timemap{
	margin-top:-186px;
	margin-left:550px;
	width:380px;
	color:#FFF;
	font-size:10px;
	z-index:20;
	position:absolute;
	height:auto;
	float:right
}

.timeweather{
	height:34px;
	float:right;
}

.localtime{
	float:right;
	width:auto;
	height:24px;
	padding-top:10px;
}

.batastime {
	float:right;
	width:2px;
	background-color:#FFF;
	height:34px;
	margin-right:5px;
	margin-left:5px
}

.weather {
	float:right;
	width:auto;
	padding-top:10px;
	text-align:right

}


.pageContent { width: 240px; text-align:center }
.accordion { list-style-type: none; padding: 0; margin: 0 0 0px; border-top: none; border-left: none;  }
.accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
.accordion li { text-align:center;list-style-type: none; padding-top: 4px; margin: 0; float: right; display: block; width: 100%; background:url(../images/index/map-open_03.png) no-repeat top}
.accordion li.active>a { no-repeat center right; }
.accordion li div { padding: 0px; display: block; float: left; width: 240px; margin-top:0px !important}
.accordion a { text-decoration: none;  font: bold 1.1em/2em Arial, sans-serif; color: #222; padding: 0 0px; display: block; cursor: pointer; background: url(../images/index/map-open_00.png) no-repeat top right;}
	
/* Level 2 */
.accordion li ul li {font-size: 0.9em;}

#menu {height:40px; background:#000; width:980px; color:#FFF}
#menu ul{list-style:none; display:inline; line-height:40px}
#menu li{list-style:none; display:inline; font-size:10px; padding-left:32px;color:#f2b406}
#menu li a:link, #menu li a:visited{list-style:none; display:inline; font-size:10px; color:#FFF; text-decoration:none; list-style:none}
#menu li a:hover{list-style:none; display:inline; font-size:10px; color:#f2b406}


#mainmenu {
height:40px; background:#000; width:980px; color:#FFF
} 

#mainmenu .moduletable_menu ul {
list-style:none; display:inline; line-height:40px
}
#mainmenu .moduletable_menu {
height:40px; background:#000; width:980px; color:#FFF
}
#mainmenu .moduletable_menu li {
list-style:none; display:inline; font-size:10px; padding-left:22px;color:#f2b406
}
#mainmenu .moduletable_menu ul li a {
list-style:none; display:inline; font-size:10px; color:#FFF; text-decoration:none; list-style:none
}
#mainmenu .moduletable_menu ul li a:hover {
list-style:none; display:inline; font-size:10px; color:#f2b406
}
#mainmenu .moduletable_menu ul li a:visited:hover {
list-style:none; display:inline; font-size:10px; color:#f2b406; text-decoration:none; list-style:none
}
#mainmenu .moduletable_menu ul li#current a {
list-style:none; display:inline; font-size:10px; color:#f2b406; text-decoration:none; list-style:none
}



#left{ width:250px; float:left; height:auto;}
#center{width:460px;float:left; height:auto; padding-left:10px; padding-right:20px; color:#4c4c4c; text-align:justify}
#right{width:240px; float:left; height:auto;}

#center2side {width:700px;float:left; height:auto; padding-left:10px; padding-right:20px; color:#4c4c4c; text-align:left}

.bataskiri {margin-top:20px; margin-bottom:20px; height:1px; background-color:#86806b; width:240px}
.bataskanan {margin-top:20px; margin-bottom:20px; height:1px; background-color:#86806b; width:240px}
.button { width:241px; background:url(../images/index/button-background.jpg); background-repeat:repeat-x; height:36px;padding-top:10px;margin-top:20px; text-align:center;}
.button-text{ font-size:18px; color:#5a4a42; text-decoration:none}
.text-coklat-regular{color:#af8620}
.text-coklat-regular a{color:#af8620; text-decoration:none}
.text-coklat-regular a:hover{color:#930;}
.text-coklat-medium{color:#af8620; font-size:120%; font-weight:bold}
.text-coklat-large{color:#af8620; font-size:160%}
.brownbox{height:30px;width:240px;background-color:#86806b;font-size:20px;text-align:center;color:#FFF;line-height:30px;font-family:Tahoma, Geneva, sans-serif;font-weight:inherit;display: block;}
.brownbox a:link, .brownbox a:visited, .brownbox a:active{height:30px;width:240px;background-color:#86806b;font-size:20px;text-align:center;color:#FFF;line-height:30px;font-family:Tahoma, Geneva, sans-serif;font-weight:inherit;display: block; text-decoration:none}
.brownbox a:hover {height:30px;width:240px;background-color:#514c3a;font-size:20px;text-align:center;color:#FFF;line-height:30px;font-family:Tahoma, Geneva, sans-serif;font-weight:inherit;display: block; text-decoration:none}

.newsletter{margin-top:20px; width:240px; background-image:url(../images/index/newsletter-bg2.jpg); height:94px; }
.newsletter-email{padding-top:36px; padding-left:35px}
.box-newsletter-email{border:0px}
.button-newsletter{ margin-left:113px; margin-top:10px}

.news{margin-top:20px; width:240px; }
.news-title{font-size:20px; margin-bottom:15px; color:#5a4a42}
.icon { background-image:url(../images/index/brown-box.jpg); width:6px; height:6px; margin-right:7px;float:left;margin-top:3px}
.firstnews {width:100%; margin-bottom:10px}
.news-content{margin-left:15px; width:90%}
.more {color:#999}
.more a{color:#999;text-decoration:none}
.more a:hover{color:#999;text-decoration:underline}
.text-dark-grey{font-weight:bold; color:#5a4a42; font-size:12px; font-weight:bold}

#footer{width:980px; margin-left:auto; margin-right:autos}
#top-footer{background-color:#e6e6e6; width:980px; height:auto; float:left; padding-top:15px; padding-bottom:15px}
.bottom1{color:#000; float:left; margin-left:30px; width:330px; }
.bottom1 a{color:#000; text-decoration:underline}
.bottom1 a:hover{color:#000; text-decoration:none}
.bottom2{float:left; margin-left:30px; width:330px; margin-top:20px; }
.bottom2 a{color:#000; text-decoration:underline}
.bottom2 a:hover{color:#000; text-decoration:none}
.bottom3{float:left; width:209px; height:118px; margin-left:10px;margin-top:10px}
.small-font {font-size:9px}
.medium-large-font {font-size:0.9em}
#copyright { padding-left:30px; padding-bottom:10px; padding-top:10px; background-color:#333; float:left; width:950px}
.copy{ float:left; width:870px}
.sitemap{ float:left}
.text-white{
	color:#FFF;
	
}
.reservation-box {font-size:11px}
.box_reservation {
	height:15px;
	font-size:10px;
	line-height:11px;
	border: 1px solid #ccc;
	background-color:#CCC;
	width:150px;
}

.list {list-style: disc; margin-left:20px}
.number {list-style: decimal; margin-left:20px}

#portfolio { list-style:none}

.pic-medium {margin-right:10px}
.subtitle{font-size:20px; margin-bottom:15px; color:#86806B}
.subtitle-small{font-size:14px; margin-bottom:15px; color:#86806B}
.subtitle-medium{font-size:16px; margin-bottom:15px; color:#86806B}
.otheroom{font-size:0.9em; color:#99874D}
.otheroom a{font-size:0.9em; color:#99874D; text-decoration:underline}
.otheroom a:hover{font-size:0.9em; color:#000; text-decoration:none}
.box {
	width:720px;
	border: 1px solid #CCC;
}
.box table, .box td {
	height:38px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	text-align:center;
	vertical-align: middle;
}

.box1 {background-image:url(../images/index/bg-table-head_03.jpg); background-repeat:repeat-x; }

.box-csr{
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #abaaa7;
	border-right-color: #abaaa7;
	border-left-color: #abaaa7;
	padding:10px
}
.box-text{
	border-right-width: 1px;
	border-left-width: 6px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #abaaa7;
	border-left-color: #abaaa7;
	border-bottom-width: 1px;
	border-bottom-color: #abaaa7;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.threecoloumn {float:left; width:210px; margin-right:15px}
.twocoloumn{float:left; width:310px; margin-right:20px}
.text-black{color:#000; font-weight:bold}

.box-news1{
	border-right-width: 1px;
	border-left-width: 6px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #abaaa7;
	border-left-color: #abaaa7;
	border-top-width: 1px;
	border-top-color: #abaaa7;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #abaaa7;
}
.box-news2{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #abaaa7;
	border-left-color: #abaaa7;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #abaaa7;
}
.subtitle-small-medium{font-size:16px; color:#86806B; line-height:25px;}
.subtitle-small-medium a{font-size:16px; color:#86806B; line-height:25px;text-decoration:none}
.subtitle-small-medium a:hover{font-size:16px; color:#86806B; line-height:25px; text-decoration:underline}