@charset "utf-8";
/* CSS Document */
body {
	background-color: #5c2910;
	background-image: url(../images/bgpattern.gif);
	background-repeat: repeat;
}
#header {
	height: 140px;
	width: 940px;
}
#header img {
	margin-right: 412px;
	margin-left: 412px;	
}
#mediabox {
	height: 300px;
	width: 940px;
}
#content {
	width: 940px;
	background-color: #f9ecc8;
	height:510px;
	background-image: url(../images/contentbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#content2 {
	width: 860px;
	background-color: #f9ecc8;
	height:470px;
	background-image: url(../images/contentbg2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
}
#innercontent {
	height: 482px;
	width: 900px;
	padding-left:20px;
	padding-right:20px;
}
#innerleftcontent {
	height: 405px;
	width: 230px;
	float:left;
	margin-right:10px;
	margin-top:15px;
}

#innerrightcontent {
	height: 372px;
	width: 548px;
	padding-left:62px;
	padding-right:50px;
	padding-top:17px;
	padding-top:14px;
	float:left;
	padding-bottom: 17px;
	position:relative;
}

.wrappergal {
	padding:9px;
	width:530px;
	height:352px;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
}
#leftcontent {
	height: 462px;
	width: 570px;
	float:left;
	padding-top:20px;
	padding-left:30px;
	padding-right:10px;
	position:relative;
}

#rightcontent {
	height: 462px;
	width: 300px;
	float:left;
	padding-top:20px;
	padding-left:14px;
	padding-right:10px;
	
}
#rightcontent img {
	margin-bottom:10px;
}
#socialbookmark {
	width :290px;

	padding-left:15px;
}
#pagewrapper {
	height: 1006px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	background-color: #f9ecc8;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #743516;
	border-left-color: #743516;
}
#menucontainer {
	height: 55px;
	width: 940px;
	margin-top: 1px;
}
#footer {
	width: 900px;
	padding:20px;
	margin-right: auto;
	margin-left: auto;
	height:130px;
}
#alamat {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	height:170px;
}
#menu {
	width:940px;
	height:55px;
	list-style:none;
	margin:0;
	padding:0;
}
.bullet,.bullet2,.gallerythumb {
	list-style-position: outside;
	list-style-type: none;
	margin:0px;
	padding:0px;	
}
.gallerythumb li {
	margin-bottom:5px;
}
.gallerythumb li div{
	height: 40px;
	width: 210px;
	padding-left:10px;
	border: 1px solid #696868;
	background-color: #0c0d0f;
	
}
.bullet li,.bullet2 li {
	text-indent:0px;
	padding-left:20px;
	background-image: url(../images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

.features {
	width:240px;
	height:auto;
	float:left;
	margin-right:20px;
}
ul#menu {
width:940px;
height:55px;
list-style:none;
margin:0;
padding:0;
background:url(../images/sprite.jpg) no-repeat top left;
}

ul#menu li {
float:left;
}

ul#menu li a {
background:url(../images/sprite.jpg) no-repeat scroll top left;
display:block;
height:55px;
position:relative;
}

ul#menu li a.home {
width:76px;
}
ul#menu li a.accomodation {
width:143px;
background-position:-76px 0px;
}
ul#menu li a.facilities {
width:95px;
background-position:-219px 0px;
}
ul#menu li a.specialpromo {
width:143px;
background-position:-314px 0px;
}
ul#menu li a.banquet {
width:95px;
background-position:-457px 0px;
}
ul#menu li a.spa {
width:52px;
background-position:-552px 0px;
}
ul#menu li a.restaurant {
width:120px;
background-position:-604px 0px;
} 
 ul#menu li a.meeting {
width:90px;
background-position:-724px 0px;
}
ul#menu li a.reservation {
width:126px;
background-position:-814px 0px;
}

ul#menu li a span {
background:url(../images/sprite.jpg) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}

ul#menu li a.home span {
background-position:0px -55px;
}
ul#menu li a.accomodation span {

background-position:-76px -55px;
}
ul#menu li a.facilities span {

background-position:-219px -55px;
}
ul#menu li a.specialpromo span {

background-position:-314px -55px;
}
ul#menu li a.banquet span {

background-position:-457px -55px;
}
ul#menu li a.spa span {

background-position:-552px -55px;
}
ul#menu li a.restaurant span {

background-position:-604px -55px;
}
ul#menu li a.meeting span {

background-position:-724px -55px;
} 
ul#menu li a.reservation span {

background-position:-814px -55px;
}
/*font control*/
#content h1,#content2 h1 {
	font-family: Verdana;
	font-size: 20px;
	font-weight: bold;
	color: #4c210b;
	text-align: left;
	line-height: 24px;
	margin-bottom:5px;
	margin-top:5px;
}
#content h2,#content2 h2, h2 {
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #4c210b;
	text-align: left;
	line-height: 30px;
	margin-bottom:5px;
	margin-top:5px;
}
.carousel h2{
	font-size:10px;
	text-align:center;
}
#content h3,#content2 h3 {
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	color: #4c210b;
	text-align: left;
	line-height: 24px;
}
#content p,#content2 p {
	font-family: Verdana;
	font-size: 14px;
	color: #000000;
	text-align: left;
	line-height: 18px;
}

#socialbookmark h2 {
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #4c210b;
	text-align: left;
	line-height: 23px;
	margin:0px;
}

#footer p, #footer a {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #d5c089;
	text-align: center;
	line-height: 16px;
}
.bullet li a,.bullet li,.bullet2 li a,.bullet2 li,.gallerythumb a {
	font-family: Verdana;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #000000;
}
.table_input {
	font-family:Verdana;
	margin:10px 20pt 15px;
	font-size: 10pt;
	text-align: left;
	line-height:20px;
	border-collapse: collapse;
	
}
.table_input textarea{
	width:275px;
	height:75px;
}
.table_input td {
	color:#000000;
	padding: 4px;
	vertical-align: top;	
}

.content_confirm {
	height:13px;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:5px;
	width:auto;
	text-align:left;
	color:#000000;
	background-color:#CCFFCC;
	border: 3px solid #00FF66;
	margin-bottom:5px;
	
}
.content_warning {
	height:13px;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:5px;
	width:auto;
	text-align:left;
	color:#000000;
	background-color:#FFCCFF;
	border: 3px solid #FF0000;
	margin-bottom:5px;
}
#entertainment {
	font-family:arial;
	font-size:11px;
}
#entertainment ul {
	padding: 10px;
}
#entertainment ul li {
	padding: 0;
	margin: 2px 0;
}
input, select, textarea {
	background-color:#FFF;
	border:1px solid #2b1206;
	color:#000;
}
.submit {
	background-color:#4C210B;
	border:1px solid #FFFFFF;
	color:#FFF;
}
/*promo moving box*/
#slider2 {
	width: 700px;
	margin: 0 auto;
	position: relative;
}
#slider-home #prev,#slider-home #next {
	margin-left :135px;
	z-index:1;
}
#slider2 div ul li {
 	padding:17px;
}
.scroll {
	overflow: hidden;
	width: 700px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 318px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/rightshadow.png) repeat-y;
}

.inside-carousel {
	padding: 10px;
	border: 1px solid #999;
}

.inside-carousel img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside-carousel h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside-carousel p {
	font-size: 11px;
	color: #ccc;
}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}


#slider-home{
	width:300px;
	height:auto;
}

.leftroom {
	height:30px;
	left:14px;
	position:absolute;
	top:176px;
	width:12px;
}
.rightroom {
	height:30px;
	position:absolute;
	right:14px;
	top:176px;
	width:12px;
	z-index:3000;
}
.jcarousel ul li{
	position:relative;
}
.jcarousel ul li cite{
	background: #111;
	filter:alpha(opacity=55);
	opacity:.55;
	color: #fff;
	position: absolute;
	bottom: 12px;
	left: 0;
	width: 281px;
	padding: 10px;
	border-top: 1px solid #999;	
}
.pricetable {
border:1px solid #743516;
color:#000;
font-family:Verdana;
font-size:14px;
margin-bottom:5px;
margin-top:5px;
text-align:center;
}
.pricetable tr {
height:20px;

}

.pricetable th {
background-color:#743516;
color:#FFF;
}

.imgfloatleft {
	float:left;
	border: 2px solid #FFFFFF;
	margin-right: 10px;
	margin-bottom: 10px;
}
.imgfloatright {
	float:right;
	border: 2px solid #FFFFFF;
	margin-left: 10px;
	margin-bottom: 10px;
}
.contentresto {
	clear:both;
}

.leftarrow {
	height:30px;
	left:24px;
	position:absolute;
	top:176px;
	width:12px;
}
.rightarrow {
	height:30px;
	position:absolute;
	right:14px;
	top:176px;
	width:12px;
	z-index:3000;
}

.minitabsNav{
	margin-top: 5px;
	margin-bottom: 5px;
}
.minitabsNav ul {
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}

.minitabsNav li {
	float: left;
	font-family: Verdana;
	font-size: 14px;
	color:#666
	cursor: pointer;
	font-weight: bold;
	margin-right: 5px;
	background-image: url(../images/tabbg2.jpg);
	background-repeat: repeat-x;
	padding: 8px;
}

.minitabsNav li.active {
	color:#333;
	background-image: url(../images/tabbg.jpg);
	background-repeat: repeat-x;
}

.minitabsContent {
	clear: both;
	padding-top: 5px;
}