html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
body{
	background:#000 url(../images/bg-body_01.jpg) repeat-x;
	margin:0;
	padding:0;
	font-size:11px;
	font-family:verdana;
}
/*-----global-----*/
.body{
	background:#fff;
	width:960px;
	margin:20px auto;
	padding:0;
}
.container{
	background: url(../images/bg-container_03.jpg) repeat-y;
}
a, a img{
	border:none;
	outline:none;
	text-decoration:none;
}
a:hover, p a:hover{
	color:#fff;
}
ul,ol,li,table,tbody,thead,tr,th,td,form,fieldset,legend,input,select,option,textarea,dl,dd,dt{
	list-style:none;
	margin:0;
	padding:0;
	font-family:verdana;
	font-size:11px;
}
cite{
	font-size:11px;
	color:#666;
}
option{
	background-color:#fff;
}
/*-----heading element-----*/
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}
h1.title, h2.title{
	background:url(../images/ornament01_23.gif) no-repeat bottom ;
	padding:0 8px 20px;
	color:#16a6bc;
	font-family:tahoma;
	font-size:24px;
	font-weight:normal;
}

h2.title{
	font-size:18px;
	text-transform:uppercase;
	font-family:tahoma;
	color:#007385;
}

/*-----nav element-----*/
.nav{
	background:url(../images/bg-nav_04.jpg) repeat-x;
	height:36px;
}
#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position: absolute;
line-height:1.5em;
z-index:999;
text-transform:uppercase;
}

#nav li{
	background: none;
}
#nav a{
display:block;
padding:0px 5px;
color:#fff;
text-decoration:none;
font-weight:bold;
}

#nav a:hover{
background-color:#fff;
color:#333;
}
#nav li a{
	padding:12px 5px 8px;
}
#nav li a:hover{
	background:url(../images/bg-nav-hover_06.jpg) repeat-x;
}
#nav li ul li > a{
	padding:5px;
	color:#999;
	width:133px;
	font-size:10px;
}
#nav li ul li:hover > a{
	background:none;
	color:#fff;
	background:#000;
}
#nav li{
float:left;
position:relative;
}
#nav li ul > li span{
	float:right;
}
#nav ul {
position:absolute;
display:none;
top:36px;
background:#222;
}
#nav li ul a{
width:12em;
height:auto;
float:left;
}

#nav ul ul{
}	

#nav li ul ul {
left:12em;
top:0;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
p.lang{
	padding:12px;
	padding-bottom:0;
}
/*-----page_container element-----*/
.page_container{
	width:733px;
	float:left;
	background:#fff;
}
/*-----slideshow element-----*/
.header{
	position:relative;
	height:336px;
}
#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	width:733px;
	height:336px;
}
#slideshow IMG.active{
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active{
    z-index:9;
}
p.slogan{
	position: absolute;
	z-index:12;
	margin:0;
	margin-top:-45px;
}
.block_01 ul#slideshow2{
	width:200px;
	height:110px;
	margin:15px auto;
	position:relative;
}
.block_01 #slideshow2 IMG{
    z-index:8;
    opacity:0.0;
	width:200px;
	height:110px;
	position:absolute;
}
.block_01 #slideshow2 IMG.active{
    z-index:10;
    opacity:1.0;
}
.block_01 #slideshow2 IMG.last-active{
    z-index:9;
}
/*-----main page element-----*/
.main_page{
	background:url(../images/bg-content_19.jpg) no-repeat top left;
	min-height:300px;
	padding:0px 0 15px;
}
/*-----content element-----*/
.content{
	width:694px;
	margin:10px auto;
	color:#74273b;
}
/*-----produk element-----*/
.produk li{
	background:url(../images/bg-produk_03.jpg) no-repeat top left;
	height:159px;
	width:694px;
}
.produk li a img{
	height:146px;
	width:272px;
	float:left;
	margin-right:10px;
}
.desc h2{
	font-size:24px;
	color:#5b3800;
	font-family:arial;
}
.desc span{
	color:#5b3800;
	font-size:11px;
	font-family:arial;
}
.desc p{
	margin:0;
	padding:0;
	width:20%;
	display:inline-table;
	*float:left;
}
.desc p.rate {
	font-size:18px;
	color:#5b3800;
	font-family:arial;
	text-transform:uppercase;
	width:200px;
}
.desc p.rate span{
	color:#ff4f28;
	font-size:12px;
}
p.link_more{
	text-align:right;
	margin:30px 6px;
	*padding:40px 6px 0px;
	float:none;
}
p.link_more a{
	margin:0 5px;
	color:#fff;
	font-size:11px;
	float:none;
}
p.link_more a:hover{
	color:#ffd66d;
}
/*-----sidebar-----*/
.sidebar{
	background:#b2976c;
	width:227px;
	float:right;
}
.block_01{
	background:#74273b;
	padding:10px 0;
}
.block_01 p.logo{
	text-align:center;
	margin:0;
	padding:0;
}
/*-----reservation element-----*/
.block_03{
	background:#2f2f2f;
	width:100%;
	padding:15px 0;
	color:#fff;
}
form.reserv dl{
	margin:3px 7px;
	*width:695px;
}
form.reserv dl dt, form.reserv dl dd{
	display:inline-table;
	vertical-align:top;
	*float:left;
	*margin-right:5px;
}
form.reserv dl dt{
	width:100px;
	*float:left;
}
form.reserv div.input input.input_txt{
	background: url(../images/tes-iput_03.gif) no-repeat left top;
	border:none;
	padding:4px;
	width:190px;
}
form.reserv div.input div{
	background:url(../images/tes-iput_03.gif) no-repeat  right 66%;
	height:21px;
	width:200px;
}
form.reserv div.input2 input.input_txt2{
	background: url(../images/tes-iput_03.gif) no-repeat left top;
	border:none;
	padding:4px;
	width:90px;
}
form.reserv div.input2 div{
	background:url(../images/tes-iput_03.gif) no-repeat  right 66%;
	height:21px;
	width:100px;
}

form.reserv div.select div select{
	background: url(../images/tes-iput_03.gif) no-repeat left top;
	border:none;
	padding:4px;
	*width:150px;
	
}
form.reserv div.select div{
	background:url(../images/tes-iput_03.gif) no-repeat  right 66%;
	height:21px;
	*width:150px;
	_width:150px;
	*float:left;
}
form.reserv div.input div:hover, 
form.reserv div.input2 div:hover , 
form.reserv div.select div:hover{
	background:url(../images/tes-iput_03.gif) no-repeat  right bottom;
}
form.reserv div.input input.input_txt:hover, 
form.reserv div.input2 input.input_txt2:hover , 
form.reserv div.select div select:hover {
	background: url(../images/tes-iput_03.gif) no-repeat left 34%;
}
button#test{
	*width:100px;
	*float:left;
}
.block_03 form.reserv dl dt{
	width:62px;
	*width:56px;
	font-size:9px;
}
.block_03 form.reserv dl dt, .block_03 form.reserv dl dd{
	*margin-right:0px;
}
form.reserv div.text_a textarea{
	background: url(../images/textarea_03.gif) no-repeat top left;
	padding:4px;
	width:347px;
	height:138px;
	border:none;
}
.block_03 h2{
	background:url(../images/heading-reserv_15.jpg) no-repeat top left;
	height:40px;
	width:195px;
	margin:5px auto;
}
.block_03 h2 span{
	display:none;
}
.block_03 form.reserv{
	width:100%;
}
.block_03 form.reserv dl{
	margin:3px 2px;
	*margin-left:15px;
	*width:200px;
}
.block_03 form.reserv div.input2 input.input_txt2{
	background: url(../images/tes-iput02_03.gif) no-repeat left top;
	border:none;
	padding:4px;
	width:70px;
	*width:70px;
}
.block_03 form.reserv div.input2 div{
	background:url(../images/tes-iput02_03.gif) no-repeat  right 66%;
	height:21px;
	_height:21px;
	width:80px;
	*width:90px;
	margin:0;
	padding:0;
}
.block_03 form.reserv div.select div{
	background:url(../images/tes-iput02_03.gif) no-repeat  right 66%;
	height:21px;
	_height:19px;
	_height:19px;
	*width:46px;
	*display:inline-table;
	*float:left;
	*margin-right:1px;
}
.block_03 form.reserv div.select div select{
	background: url(../images/tes-iput02_03.gif) no-repeat left top;
	border:none;
	*width:46px;
	*float:left;
}
.block_03 form.reserv option{
	background:#ccc;
	color:#000;
}
.block_03 form.reserv input.reservBtn{
	background:url(../images/btn-check_22.jpg) no-repeat bottom left;
	height:29px;
	width:118px;
	border:none;
	cursor:pointer;
	margin-top:8px;
}
.block_03 form.reserv input.reservBtn:hover{
	background:url(../images/btn-check_22.jpg) no-repeat top left;
}
/*-----contact n social network element-----*/
.block_02{
	background:#84745b url(../images/bg-sidebar-celltop_39.jpg) no-repeat top left;
	width:213px;
	margin:20px auto;
	_padding-bottom:4px;
}
.block_02 p{
	_margin:0;
	_padding:0;
	*margin:0;
	*padding:0;
	*margin-bottom:-4px;
	bottom:0;
	background:url(../images/bg-sidebar-cellbot_64.jpg) no-repeat bottom left;
	height:7px;
}

ul.contact, ul.social, ul.contact2{
	width:200px;
	margin:0 auto 10px;
}
ul.contact h2, ul.contact2 h2{
	background:url(../images/heading-contact_19.jpg) no-repeat top center;
	height:40px;
	width:195px;
	margin:0 auto 6px;
}
ul.contact h2 span, ul.contact2 h2 span,  ul.social h2 span{
	display:none;
}
ul.contact li, ul.social li{
	display:inline-table;
	margin-left:4px;
	*float:left;
	_float:left;
}
ul.contact{
	height:100px;
}
ul.contact li#phone, ul.contact li#mail, ul.contact li#ym, ul.contact li#map{
	float: left;
	margin-top:6px;
}
ul.contact li#phone {
	background:url(../images/icon-contact_47.jpg) no-repeat left top;
	width:43px;
	height:42px;
	cursor:pointer;
	display:block;
}
ul.contact li#phone:hover{
	background:url(../images/icon-contact_47.jpg) no-repeat left bottom;
}
ul.contact li#mail{
	background:url(../images/icon-contact_47.jpg) no-repeat -53px top;
	width:43px;
	height:42px;
	cursor:pointer;
	display:block;
}
ul.contact li#mail:hover{
	background:url(../images/icon-contact_47.jpg) no-repeat -53px bottom;
}
ul.contact li#ym{
	background:url(../images/icon-contact_47.jpg) no-repeat -105px top;
	width:43px;
	height:42px;
	cursor:pointer;
	display:block;
}
ul.contact li#ym:hover{
	background:url(../images/icon-contact_47.jpg) no-repeat -105px bottom;
}
ul.contact li#map{
	background:url(../images/icon-contact_47.jpg) no-repeat -158px top;
	width:43px;
	height:42px;
	cursor:pointer;
	display:block;
}
ul.contact li#map:hover{
	background:url(../images/icon-contact_47.jpg) no-repeat -158px bottom;
}
ul.contact li span, ul.social li a span{
	display:none;
}
ul.contact2 li{
	width:150px;
	height:25px;
	padding:10px 0;
	padding-left:50px;
}
ul.contact2 li.ym{
	padding:0;
	padding-left:50px;
	height:45px;
}
ul.contact2 li.ym dl dt, ul.contact li.ym dl dd{
	display:inline-table;
	float:left;
}
ul.contact2 li.ym dl dt{
	margin-right:10px;
}
ul.contact2 li.phone{
	background: url(../images/icon2_03.gif) no-repeat left top;
}
ul.contact2 li.mail{
	background: url(../images/icon2_03.gif) no-repeat left -45px;
}
ul.contact2 li.ym{
	background: url(../images/icon2_03.gif) no-repeat left -90px;
}
ul.contact2 li.map{
	background: url(../images/icon2_03.gif) no-repeat left -137px;
}
.block_02 .phonetip p, .block_02 .mtip p, .block_02 .ytip p,.block_02 .maptip p{
	background:none;
}

/**/
ul.social h2{
	background: url(../images/heading-follow_21.jpg) no-repeat top center;
	height:40px;
	width:195px;
	margin:0 auto 6px;
}
ul.social li a{
	display:block;
	width:43px;
	height:45px;
}
ul.social li.facebook a{
	background:url(../images/icon-follow_55.jpg) no-repeat -1px top;
}
ul.social li.facebook a:hover{
	background:url(../images/icon-follow_55.jpg) no-repeat -106px top;
}
ul.social li.twitter a{
	background:url(../images/icon-follow_55.jpg) no-repeat -54px top;
}
ul.social li.twitter a:hover{
	background:url(../images/icon-follow_55.jpg) no-repeat -159px top;
}
/*tool tip*/
.phonetip, .mtip, .ytip, .maptip {
	display:none;
	background: url(../images/bg-toltip_03.png) no-repeat;
	font-size:12px;
	width:211px;
	height:83px;
	color:#000;
	margin-top:8px;
	font-size:10px;
	_position:absolute;
}
.phonetip p, .mtip p, .ytip p, .maptip p{
	margin:15px;
	line-height:20px;
}
.ytip p span img{
	float:right;
}
/*-----banner element-----*/
p.banner{
	text-align:center;
}
p.banner a img{
	margin:4px 0;
}
/*-----footer element-----*/
.footer{
	background:url(../images/bg-footer_37.jpg) repeat-x;
	height:115px;
	color:#fff;
}
.footer p{
	margin:15px;
	*margin:0;
	*padding:15px;
	line-height:1.5em;
	margin-bottom:0;
}
.footer ul li{
	width:50%;
	float:left;
}
.footer ul li.left{
	background:url(../images/footer-ornament01_40.jpg) no-repeat bottom left;
	height:115px;
}
.footer ul li.right{
	background:url(../images/footer-ornament02_43.jpg) no-repeat bottom right;
	height:115px;
	text-align:right;
}
.footer ul li.right p{
	margin-bottom:0;
}
.footer ul li.right a img.jc{
	margin-right:3px;
	*margin:-15px 3px 0;
}

/*-----gallery-----*/
ul.gallery{
	width:410px;
}
ul.gallery h2, ul.links h2{
	background:url(../images/bg-heading_23.jpg) no-repeat top left;
	width:257px;
	font-size:14px;
	color:#fff;
	font-family:tahoma;
	padding:6px;
	margin:6px 0 0;
}
ul.gallery li, ul.links li{
	background:url(../images/bg-thumbnail_26.jpg) no-repeat top left;
	height:179px;
	width:126px;
	float:left;
	margin:3px;
}
ul.gallery li a img, ul.links li a img{
	width:114px;
	height:160px;
	margin:9px 6px;
}
/*-----subcontent----*/
.sub_content{
	height:300px;
}
.sub_content ul{
	float:left;
}
ul.promo{
	position:relative;
}
ul.promo li{
	margin:35px 0 0;
	background:#533e1e;
	position: relative;
}
ul.promo li a img{
	margin:4px;
	width:271px;
	height:177px;
	position:absolute;
	border:3px solid #533e1e;
}
ul.promo li img.ribbon{
	position:absolute;
	width:75px;
	height:75px;
	float:left;
	margin:4px;
}

/*-----detail-----*/
ul.service{
	margin:10px 20px;
}
ul.service h3, h2.headTitle{
	background:#f5ebd1;
	padding:5px;
	margin-top:5px;
	font-size:14px;
}
ul.service li{
	margin:4px 20px;
	list-style-type: circle;
}
p img.map{
	height:260px;
}
#facility h1{
	font-size:14px;
	font-weight: bold;
	border-bottom:1px solid #999;
}
#facility div{
	width:340px;
	float:left;
	display:inline-table;
	margin:4px 0;
}
#facility ul li{
	list-style:circle;
	margin-left:20px;
}
#facility .facility img{
	width:280px;
}
/*-----breadcrumb-----*/
.breadcrumb{
	background:#74273b;
	color:#fff;
	margin:0 0 20px;
}
.breadcrumb p{
	margin:0;
	padding:8px;
}
.breadcrumb p a{
	padding:3px;
	color:#e04c72;
}
.breadcrumb p a:hover{
	color:#F7C100;
}