@charset "utf-8";
/* CSS Document */

a:active
{
  outline: none;
}

a
{
  outline: none;
}

:focus
{
  -moz-outline-style: none;
}


body {
	margin:0;
	padding:0;
	background:url(images/pattern.gif) repeat-x;
}

#wrapper {
	width:1024px;
	margin:0 auto;
}

#header {
	width:1024px;
	height:99px;
	margin-top:7px;
	background:url(images/header.jpg) no-repeat;
}

#language {
	width:148px;
	height:16px;
	float:right;
	margin-right:120px;
}

#language a {
	float:left;
}

#navigation {
	width:1024px;
	height:36px;
}

#navigation-left {
	width:217px;
	height:36px;
	background:url(images/menu-left.png) no-repeat;
	float:left;
}

#navigation-middle {
	width:749px;
	height:36px;
	float:left;
}

#navigation-middle ul {
	margin:0;
	padding:0;
	list-style:none;
}

#navigation-middle li {
	float:left;
}

#navigation-middle li a#btn-home {
	width:63px;
	height:36px;
	display:block;
	background:url(images/btn-home.png) no-repeat;
	text-indent:-9999px;
}

#navigation-middle li a:hover#btn-home {
	background-position:0 -36px;
}

#navigation-middle li a#btn-home.active {
	background-position:0 -36px;
}

#navigation-middle li a#btn-about {
	width:93px;
	height:36px;
	display:block;
	background:url(images/btn-about.png) no-repeat;
	text-indent:-9999px;
}

#navigation-middle li a:hover#btn-about {
	background-position:0 -36px;
}

#navigation-middle li a#btn-about.active {
	background-position:0 -36px;
}

#navigation-middle li a#btn-accomodation {
	width:128px;
	height:36px;
	display:block;
	background:url(images/btn-accomodation.png) no-repeat;
	text-indent:-9999px;
}

#navigation-middle li a:hover#btn-accomodation {
	background-position:0 -36px;
}

#navigation-middle li a#btn-accomodation.active {
	background-position:0 -36px;
}

#navigation-middle li a#btn-facilities {
	width:87px;
	height:36px;
	display:block;
	background:url(images/btn-facilities.png) no-repeat;
	text-indent:-9999px;
}

#navigation-middle li a:hover#btn-facilities {
	background-position:0 -36px;
}

#navigation-middle li a#btn-facilities.active {
	background-position:0 -36px;
}

#navigation-middle li a#btn-media {
	width:66px;
	height:36px;
	display:block;
	background:url(images/btn-media.png) no-repeat;
	text-indent:-9999px;
}

#navigation-middle li a:hover#btn-media {
	background-position:0 -36px;
}

#navigation-middle li a#btn-media.active {
	background-position:0 -36px;
}

#navigation-middle li a#btn-location {
	width:115px;
	height:36px;
	display:block;
	background:url(images/btn-our-location.png) no-repeat;
	text-indent:-9999px;
}

#navigation-middle li a:hover#btn-location {
	background-position:0 -36px;
}

#navigation-middle li a#btn-location.active {
	background-position:0 -36px;
}

#navigation-middle li a#btn-contact {
	width:197px;
	height:36px;
	display:block;
	background:url(images/btn-contact.png) no-repeat;
	text-indent:-9999px;
}

#navigation-middle li a:hover#btn-contact {
	background-position:0 -36px;
}

#navigation-middle li a#btn-contact.active {
	background-position:0 -36px;
}

#navigation-right {
	background:url(images/menu-right.png) no-repeat;
	width:58px;
	height:36px;
	float:left;
}

#submenu {
	margin-top:80px;
}

#submenu ul {
	margin:0;
	padding:0;
	list-style:none;
}

#submenu li {	
	background:url(images/submenu-bg.png) no-repeat;
	margin-left:-2px;
	margin-bottom:-15px;
}

#submenu li a {
	width:179px;
	height:37px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#164900;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	display:block;
	padding-top:16px;
	padding-left:12px;
}

#submenu li a:hover {
	color:#7c5011;
}

.img-gallery {
	padding:3px;
	background:#eac884;
	border:1px solid #d2a46a;
}

#content {
	width:1024px;
	background:url(images/bg-content.png) no-repeat;
}

#content-left {	
	width:558px;
	float:left;	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#4d4931;
	font-size:11px;
	margin-left:61px;
	letter-spacing:-0.5px;
	line-height:140%;
}

#content-left h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#e2cea6;
	font-style:italic;
	background:url(images/main-title.gif) no-repeat;
	width:288px;
	height:46px;
	margin:0;
	padding:0;
	margin-left:4px;
	padding-left:50px;
	padding-top:14px;
}

#content-left p {
	margin:10px 30px;
}

#content-left a {
	color:#41392c;
}

#content-right-about {
	width:332px;
	height:449px;
	background:url(images/about-side.jpg) no-repeat;
	float:right;
	margin-right:68px;
}

#content-right-location {
	width:332px;
	height:449px;
	background:url(images/location-side.jpg) no-repeat;
	float:right;
	margin-right:68px;
}

#content-right-facilities {
	width:332px;
	height:449px;
	background:url(images/facilities-side.jpg) no-repeat;
	float:right;
	margin-right:68px;
}

#content-right-contact {
	width:332px;
	height:449px;
	background:url(images/contact-side.jpg) no-repeat;
	float:right;
	margin-right:68px;
}

#content-right-media {
	width:332px;
	height:449px;
	background:url(images/mediat-side.jpg) no-repeat;
	float:right;
	margin-right:68px;
}

#content-right-siluhur {
	width:332px;
	height:449px;
	background:url(images/siluhur-side.jpg) no-repeat;
	float:right;
	margin-right:68px;
}

#flash-banner-left {
	width:52px;
	height:278px;
	float:left;
	background:url(images/flash-left.png) no-repeat;
}

#flash-banner-middle {
	width:919px;
	height:278px;
	float:left;
}

#flash-banner-right {
	width:52px;
	height:278px;
	float:left;
	background:url(images/flash-right.png) no-repeat;
}

.table-border {
	border-bottom:1px solid #d2a46a;
}

#banner-left {
	width:52px;
	height:168px;
	float:left;
	background:url(images/flash-left.png) no-repeat;
}

#banner-middle {
	width:919px;
	height:168px;
	float:left;
}

#banner-right {
	width:52px;
	height:168px;
	float:left;
	background:url(images/flash-right.png) no-repeat;
}

#home-content-right {
	width:307px;
	height:500px;
	background:url(images/berita-peristiwa.png) no-repeat;
	float:right;
	margin-right:70px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#4d4931;
	font-size:11px;
	padding-top:50px;
	letter-spacing:-0.5px;
	line-height:140%;
}

#home-content-right p {
	margin-left:30px;
	margin-right:23px;
}

#home-content-right strong {
	display:block;
	font-size:12px;
}

#facilities ul {
	margin:0;
	padding:0;
	list-style:none;
}

#facilities li {
	border-bottom:1px solid #decf9d;
	padding:3px 0;
	padding-left:15px;
	background:url(images/arrow.gif) no-repeat 0 6px;;
}

#facilities ul ul li {
	background:none;
	padding-left:0px;
}

.separator {
	width:288px;
	height:1px;
	background:url(images/separator.gif) no-repeat;
	margin:0 auto;
}

#home-content-left {
	width:583px;
	height:650px;
	background:url(images/bg-home.gif) no-repeat;
	float:left;
	margin-left:64px;
}

#home-content-left p {
	width:357px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#4d4931;
	font-size:11px;
	letter-spacing:-0.5px;
	line-height:140%;
	margin-left:52px;
	margin-top:0;
	padding-top:0;
	float:left;
}

#check-rooms {
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#453109;
	font-style:italic;
	font-weight:bold;
	margin-top:156px;
	margin-right:25px;
}

#check-rooms a {
	text-decoration:none;
	color:#453109;
}

#quick-link {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#453109;
	font-style:italic;
	font-weight:bold;
	margin-left:205px;
}

#quick-link ul {
	margin:0;
	padding:0;
	list-style:none;
}

#quick-link ul a {
	color:#194c01;
	text-decoration:none;
	font-size:11px;
}

#quick-link li {
	padding:5px 0;
	border-bottom:1px solid #dfcfb0;
}

#quick-link li span {
	float:right;	
	margin-right:30px;	
}

#footer {
	width:1024px;
	height:44px;
	background:url(images/footer.png) no-repeat;
	padding-top:44px;
	margin-bottom:10px;
}

#footer-left {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5c5b5b;
	margin-left:100px;
	padding-top:9px;
	line-height:12px;
}

#footer-middle {
	float:left;
	margin-left:30px;
}

#footer-right {
	width:133px;
	height:50px;
	float:right;
	margin-right:132px;
}

.clear {
	clear:both;
}
