*,html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding-top:18px;
	background:#a09777 url(images/design/top.png) left top repeat-x;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
}

h2 {
	color:#4C463C;
}

#top, #mid, #btm {width:100%;height:auto}
#mid {background:#83795a}
#btm {background:#39342f}

#header {
	width:1010px;
	height:195px;
	margin:0 auto;
}

/*TOP MENU*/
#top-menu-wrap {margin:0 auto; }
#top-menu-left {
	width:1007px;
	height:40px;
	padding-left:10px;
	background:url(images/design/menu-left.png) left top no-repeat;
}
#top-menu-right {
	width:987px;
	height:40px;
	padding-right:10px;
	background:url(images/design/menu-right.png) right top no-repeat;
}
#top-menu {
	width:987px;
	height:40px;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	background:url(images/design/menu-mid.png) repeat-x;
}

#top-menu ul {display:block;margin-right:30px;}

#top-menu li {
	list-style:none;
	display:inline;
	line-height:35px;
	margin-right:10px;
	padding-left:10px;
}
#top-menu li a{color:#fff;text-decoration:none}
#top-menu li a:hover{color:#ccc;}

/***MID MENU***/
#mid-menu {
	margin-top:50px;
	width:200px;
	padding-left:50px;
	font-size:12px;
	line-height:20px;
}
#mid-menu li {
	background:url(images/design/li.png) 0 center no-repeat;
	list-style:none;
	color:#ccc;
	border-bottom:solid 1px #999;
}
#mid-menu a{color:#ccc; text-decoration:none;margin-left:15px;}
#mid-menu a:hover {color:#999}

/*SLIDE THUMB*/
.thumb, .btm-thumb {
	width:111px;
	height:150px;
	margin:1px 0 2px 0;
	padding:5px 1px 0 0;
	text-align:center;
	font-size:11px;
	float:left;	
}
.thumb {
	background:url(images/design/top-thumb.png) left top no-repeat;
}

.btm-thumb {background:url(images/design/btm-thumb.jpg) left top no-repeat;}
.thumb a, .btm-thumb a {color:#999;text-decoration:none}
.thumb a:hover, .btm-thumb a:hover {color:#000}
.thumb a img, .btm-thumb a img{border:none; margin-bottom:8px;}

/*SLIDE SHOW*/
#entertain {
	width:1010px;
	height:350px;
	margin:0 auto;
	position:relative;
}

#slide-bg {
	width:650px !important;
	height:345px;
	padding-top:3px;
	float:left;
	background:url(images/design/slide-bg.png) left top no-repeat;
}

#logo-bg {
	float:right;
	width:356px;
	height:345px;
	background:url(images/design/logo-bg.png) left top no-repeat;
}

#logo-bg img {
	margin:46px 0 0 40px ;
}

/*CONTENT*/
#content {
	width:940px;
	height:auto;
	padding:30px;
	margin:0 auto;
	font-size:14px;
	text-align:justify;
	background:#cac6b3 url(images/design/jepun.png) left bottom no-repeat;
}
#content p {margin-bottom:20px}
.links a {
	color:#4C463C;
	font-weight:bold;
}
.links a:hover {text-decoration:none}

/*FOOTER*/
#copy {
	width:1007px;
	line-height:20px;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
	font-size:11px;
	color:#fff;
}
#copy a {color:#fff;}
#copy a:hover {text-decoration:none}
.clear {clear:both}

#left{
      float:left;
	  width:700px;
}

#right{float:right;width:240px}

#det-thumb {
	float:right;
	width:200px;
	text-align:right;
}

#gal-thumb {
	width:190px;
	float:right;
	padding:35px 0 0 0;
}
#gal-thumb img{
	margin-bottom:10px;
	border:solid 2px #918964;
}

.book a{color:#663300;text-decoration:none;}
.book a:hover{text-decoration:underline;}

.sum-hotel {
	width:730px;
	padding:10px;
	margin-top:10px;
	background:#fff;
	font-size:12px;
	border:solid 1px #918964;	
}
.sum-hotel ul, .det-text ul {
	margin:-15px 0 10px 30px;
}
.sum-hotel h2 {margin-bottom:5px}

.sum, .det-text{
	margin-top:10px;
	background:#fff;
	font-size:12px;
	border-top:solid 20px #918964;
	border-right:solid 1px #918964;
	border-bottom:solid 20px #918964;
	border-left:solid 1px #918964;
}
.sum {
	width:650px;
	padding:5px;
}

.det-text{
	padding:5px 15px 5px 55px;
	width:680px;
	background:white url(images/design/floral-black.jpg) left top repeat-y;
}

.beach {
	color:#FF3300;
	font-weight:bold;
}

#slideshow {float:left}

/* GALLERY */
.gallery {
	padding:0.75em 0;
	text-align:center;
}
#thumb ul li {
	display:inline-block;
}
#thumb ul li{display:inline;}

#thumb img {
	margin:0.4em;
}

#thumb a img {border:solid 2px #766A41;}
#thumb a:hover img {border:solid 2px #B87070}

.detail {
	text-align:right;
	color:#CC9933;
}
.detail a {
	color:#CC9933;
	text-decoration:none;
}
.detail a:hover {text-decoration:underline}