body {
	background-color: #fdfcef;
	margin: 0px;
	color: #003300;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
}
#wrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
/*header*/
#header {
	width: 1162px;
	height: 197px;
	background-image: url(images/topmarkotop.jpg);
	margin:0px auto;
}
/*content*/
#content {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#main_content {
	float: left;
	width: 900px;
	background-color: #FEFCEF;
	background-repeat: repeat;
	margin-bottom:10px;
}
#main_content #slide {
	width: 900px;
	line-height: 155%;
	margin-bottom:10px;
}
#main_content #clearer {
	clear: both;
	height: 19px;
	background-image: url(images/bottom_06.jpg);
	width: 900px;
}
#main_content #top {
	width: 900px;
	height: 197px;
	background-color: #339966;
	background-image: url(images/images_02.gif);
}
#main_content #slide {
	width: 900px;
	line-height: 155%;
}
#main_content #leftcontent {
	float: left;
	width: 630px;
	padding-right: 20px;
	line-height: 155%;
}
#main_content #leftcontent .news_front {
	font-size: 12px;
	color: #27593e;
	padding-bottom:25px;
	float:left;
}
#main_content #leftcontent hr {
	float:left;
	width:100%;
}
#main_content #leftcontent .news_front .read_detail {
	float:right;
}
#main_content #leftcontent .news_front .read_detail img {
	border:none;
}
#main_content #leftcontent .news_front p.bottom {
	clear:both;
	padding-top:10px;
}
#main_content #leftcontent .news_front p.bottom img {
	padding:2px;
	border:1px solid #FFDFBF;
}
.img {
	padding:5px 5px 5px 5px;
	border:none;
	margin: 3px 10px 3px 0;
	float:left;
	background:#ffffff;
	border: 1px solid #FFDFBF;
}
.img img {
	border:none
}
/*second page*/
#main_content .top_page {
	width: 870px;
	height:21px;
	background-image: url(images/title_page.png);
	float:left;
	font-size:14px;
	font-weight:bold;
	padding:8px 15px;
	letter-spacing:2px;
}
.supa {
	font-size:11px;
	padding-left:2px;
	padding-right:15px;
}

#main_content #mid_content {
	float: left;
	width: 900px;
	background-color: #FEFCEF;
	background-image: url(images/background.gif);
	background-repeat: repeat;
	padding-top:10px;
}
#main_content #bottom_content {
	clear: both;
	height: 19px;
	background-image: url(images/bottom_06.jpg);
	width: 900px;
}
#main_content #leftcontent2 {
	line-height: 155%;
	float: left;
	width: 611px;
	padding-right: 15px;
	padding-left: 10px;
}
#main_content #leftcontent2 a {
	color: #27593e;
	text-decoration:none;
	font-weight:bold;
}
#main_content #leftcontent2 a:hover {
	color: #A9B988;
}
#main_content #leftcontent2 #valid {
	margin:11px 3px;
	float:left;
	font-size:14px;
	font-weight:bold;
	text-transform:capitalize;
}
#main_content #leftcontent2 #valid2 {
	margin:11px 3px;
	float:right;
	font-size:14px;
	font-weight:bold;
	background:url(images/go.png) no-repeat 3px 6px;
	padding-left:17px;
	text-transform:capitalize;
}
#main_content #leftcontent2 #validate {
	margin:11px 19px;
	font-size:14px;
	font-weight:bold;
	text-transform:capitalize;
}
#main_content #leftcontent2 .box {
	background-image: url(images/back_02.gif);
	background-repeat: repeat;
	width:611px;
}
#main_content #leftcontent2 .box1 {
	background-image: url(images/back_01.gif);
	height: 6px;
	width: 611px;
}
#main_content #leftcontent2 .box2 {
	padding-left:15px;
	padding-right:10px;
}
#main_content #leftcontent2 .box2 span{ font-weight:bold}
#main_content #leftcontent2 .box3 {
	background-image: url(images/back_03.gif);
	height: 6px;
	width: 611px;
	padding-bottom:9px;
}
#main_content #leftcontent2 .box2 span.red {
	color: #FF0000;
	font-weight:normal;
}
#main_content #leftcontent2 .merah {
	color: #FF0000;
	font-weight: bold;
}
#main_content #leftcontent2 div.dash {
	border-bottom:1px dashed #def29d;
	padding-bottom:5px;
}
#main_content #leftcontent2 div.straight {
	border-bottom:1px solid #def29d;
	margin-bottom:7px;
}
#main_content #leftcontent2 div.ahead {
	border-bottom:2px solid #e0cb91;
	margin-bottom:7px;
	padding-top:7px;
	clear:both;
}
#main_content #leftcontent2 pre{ margin:8px 0;}

#main_content #leftcontent2 #villa{
	margin:0px 5px;
	line-height:180%;
}
#main_content #leftcontent2 #villa .villa-img img{ width:180px; float:left; margin:5px; border:1px solid #FFDFBF; padding:4px}
#main_content #leftcontent2 #villa p{
	margin:5px 0;
}
#main_content #leftcontent2 #villa h2{
	margin:5px 0px 10px;
}
#main_content #leftcontent2 #villa dl.via dt {
	float: left;
	display: block;
	width: 60px;
	clear: both;
}
#main_content #leftcontent2 #villa dl.via dd {
	margin-left: 65px;
	line-height:180%;
}

#main_content #leftcontent2 #villa dl.dash{ margin:0 0 15px 0}
#main_content #leftcontent2 #villa dl.dash dt {
	display: block;
	width: 300px;
	margin-left:15px;
}
#main_content #leftcontent2 #villa dl.dash dd {
	margin-left: 45px;
}

#villa .villas {
	border:1px solid #FFDFBF;
	padding:8px;
	margin-bottom:10px
}
#villa .villas h3{
	margin:0px 0px 7px 0px;
	font-size:14px;
}
#villa .villas ul li{ list-style:none}
#villa .villas span.red{ color:#F00}
.title {
	font-size: 16px;
	font-weight: bold;
}
.title a {
	color: #27593e;
	text-decoration:none;
}
.title a:hover {
	color: #A9B988;
}
/*sidebar*/
#main_content #rightcontent {
	line-height: 155%;
	float: left;
	width: 249px;
	background-color:#cfd8b9;
}
#main_content #rightcontent img {
	border:none;
}
#main_content #news_top {
	background-image: url(images/pagenb_07.jpg);
	height: 40px;
	width: 249px;
}
#main_content .news_isi {
	background-color: #CFD8B9;
	padding-left:8px;
	padding-right: 8px;
}
#main_content #rightcontent .news_isi a {
	color: #27593e;
	text-decoration:none;
}
#main_content #rightcontent .news_isi a:hover {
	color: #A9B988;
}
#main_content #rightcontent .news_isi .detail {
	font-size: 12px;
	font-style: normal;
	color: #27593e;
	float:right;
	margin-top:15px;
}
#main_content #rightcontent .news_isi .detail a {
	color: #5C9A1F;
	text-decoration:none;
	font-weight:bold;
}
#main_content #rightcontent .news_isi .detail a:hover {
	color: #002400;
}
#main_content #rightcontent #video {
	background-image: url(images/pagenb_13.jpg);
	height: 38px;
	width: 249px;
}
#main_content #rightcontent .news_isi .banner {
	margin-bottom:10px;
}
#main_content #rightcontent #stop {
	background-image: url(images/pagenb_19.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
	height: 10px;
	width: 249px;
}
#main_content #rightcontent .batas {
	height: 10px;
	width: 249px;
	clear:both;
	border-bottom:1px solid #547e50;
	margin-bottom:10px;
}
#main_content #leftcontent2 .clearer2 {
	clear: both;
	height: 9px;
}
/*footer*/
#footer {
	height: 103px;
	width: 100%;
	background-image: url(images/images_footer.png);
	clear: both;
	margin:0px auto;
}
#footer #content_footer {
	width:900px;
	margin:0px auto;
	padding-top:75px;
	color:#FFFFFF;
	text-align:center;
	font-size:14px;
}
#content_footer a {
	color: #FFF;
	text-decoration:none;
}
#content_footer a:hover {
	color: #27593e;
}

/**********/
/*TOP MENU*/
/**********/

div#nav ul#navListTop {
	margin:0px;
	padding:0px;
}
div#nav ul#navListTop li {
	float: left;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
div#nav ul#navListTop li, ul#navListTop li a {
	height: 27px;
	display: block;
}
div#menu ul#navListTop li a {
	text-indent:10px;
}
ul#navListTop li#navHome a:link, ul#navListTop li#navHome a:visited {
	width: 61px;
	background: transparent url(images/top_menu.png) 0px 0px no-repeat;
}
ul#navListTop li#navMenu a:link, ul#navListTop li#navMenu a:visited {
	width: 70px;
	background: transparent url(images/top_menu.png) -61px 0px no-repeat;
}
ul#navListTop li#navVilla a:link, ul#navListTop li#navVilla a:visited {
	width: 117px;
	background: transparent url(images/top_menu.png) -131px 0px no-repeat;
}
ul#navListTop li#navSpa a:link, ul#navListTop li#navSpa a:visited {
	width: 95px;
	background: transparent url(images/top_menu.png) -248px 0px no-repeat;
}
ul#navListTop li#navBb a:link, ul#navListTop li#navBb a:visited {
	width: 97px;
	background: transparent url(images/top_menu.png) -343px 0px no-repeat;
}
ul#navListTop li#navNews a:link, ul#navListTop li#navNews a:visited {
	width: 73px;
	background: transparent url(images/top_menu.png) -440px 0px no-repeat;
}
ul#navListTop li#navGallery a:link, ul#navListTop li#navGallery a:visited {
	width: 85px;
	background: transparent url(images/top_menu.png) -513px 0px no-repeat;
}
ul#navListTop li#navCompany a:link, ul#navListTop li#navCompany a:visited {
	width: 140px;
	background: transparent url(images/top_menu.png) -598px 0px no-repeat;
}
ul#navListTop li#navContact a:link, ul#navListTop li#navContact a:visited {
	width: 99px;
	background: transparent url(images/top_menu.png) -738px 0px no-repeat;
}
ul#navListTop li#navRes a:link, ul#navListTop li#navRes a:visited {
	width: 59px;
	background: transparent url(images/top_menu.png) -837px 0px no-repeat;
}

ul#navListTop li#navHome a:hover, ul#navListTop li#navHome a:active {
	width: 61px;
	background: transparent url(images/top_menu.png) 0px -27px no-repeat;
}
ul#navListTop li#navMenu a:hover, ul#navListTop li#navMenu a:active {
	width: 70px;
	background: transparent url(images/top_menu.png) -61px -27px no-repeat;
}
ul#navListTop li#navVilla a:hover, ul#navListTop li#navVilla a:active {
	width: 117px;
	background: transparent url(images/top_menu.png) -131px -27px no-repeat;
}
ul#navListTop li#navSpa a:hover, ul#navListTop li#navSpa a:active {
	width: 95px;
	background: transparent url(images/top_menu.png) -248px -27px no-repeat;
}
ul#navListTop li#navBb a:hover, ul#navListTop li#navBb a:active {
	width: 97px;
	background: transparent url(images/top_menu.png) -343px -27px no-repeat;
}
ul#navListTop li#navNews a:hover, ul#navListTop li#navNews a:active {
	width: 73px;
	background: transparent url(images/top_menu.png) -440px -27px no-repeat;
}
ul#navListTop li#navGallery a:hover, ul#navListTop li#navGallery a:active {
	width: 85px;
	background: transparent url(images/top_menu.png) -513px -27px no-repeat;
}
ul#navListTop li#navCompany a:hover, ul#navListTop li#navCompany a:active {
	width: 140px;
	background: transparent url(images/top_menu.png) -598px -27px no-repeat;
}
ul#navListTop li#navContact a:hover, ul#navListTop li#navContact a:active {
	width: 99px;
	background: transparent url(images/top_menu.png) -738px -27px no-repeat;
}
ul#navListTop li#navRes a:hover, ul#navListTop li#navRes a:active {
	width: 59px;
	background: transparent url(images/top_menu.png) -837px -27px no-repeat;
}
#navigation {
	position: relative;
	top: 48px;
	clear:both;
	height:27px;
	padding-left:116px;
}
#navigation2 {
	margin-top: 52px;
	height:27px;
	margin-left:133px;
}
h1#logo {
	position: relative;
	top: 29px;
	clear:both;
	height:91px;
	left:129px;
	width:226px;
	margin:0px;
}

/*light-box*/
.galleries li {
	list-style-type:none;
	width:200px;
	height:120px;
	border:3px double #fff;
	margin: 0 2px 2px 0;
	background:#fff;
	overflow:hidden;
	z-index: 1;
	position: relative;
	-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
}
.galleries li img {
	border:none
}
.galleries li:hover {
	border-color:#fff;
	z-index: 2;
	position: relative;
	-moz-transform: scale(1.1);
	-webkit-transform:  scale(1.25);
}
.galleries li.active {
	border-style:solid;
	border-color:#222;
}
.galleries li div {
	left:240px
}
.galleries li div .caption {
	font:italic 0.7em/1.4 georgia, serif;
}
.tgl {
	font-size:11px;
	padding-right:5px;
	color:#666666
}
.galleries2 li {
	list-style-type:none;
	width:240px;
	height:160px;
	border:3px double #fff;
	margin: 0 2px 2px 0;
	background:#fff;
	overflow:hidden;
	z-index: 1;
	position: relative;
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
}
.galleries2 li img {
	border:none;
	display: block;
	width:240px;
	height:auto;
}
.galleries2 li:hover {
	border-color:#fff;
	z-index: 2;
	position: relative;
	-moz-transform: scale(1.1);
	-webkit-transform:  scale(1.25);
}
.galleries2 li.active {
	border-style:solid;
	border-color:#222;
}
.galleries2 li div {
	left:240px
}
.galleries2 li div .caption {
	font:italic 0.7em/1.4 georgia, serif;
}
.next {
	position:static;
	float:right;
	bottom:700px
}
/*input,textarea, form*/
input[type="text"],select {
	font-size:12px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
	background:#e4f2ba;
	border:1px solid #CCCCCC;
	margin:5px 10px 5px 0px;
	float:left;
}
input:focus, select:focus {
	background:	#f9f7e3;
}
input[type="submit"] {
	background-image:-moz-linear-gradient(center top, #bed9bb, #547e50);
	background-image:-webkit-gradient(linear,0% 0%,0% 90%,from(#bed9bb),to(#547e50));
	/* for IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bed9bb 0%, endColorstr=#547e50 84%);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bed9bb, endColorstr=#547e50)";
	border:1px solid #a9a6a6;
	padding:5px 10px;;
	color:#FFF;
	font-weight:bold;
}
textarea {
	font-size:12px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
	margin:0px;
	background:#e4f2ba;
	border:1px solid #CCCCCC;
	height:120px;
	width:340px;
	margin:2px;
}
textarea:focus {
	background:	#f9f7e3;
}

/*validation*/
	#validreserve{ margin:0px 15px; font-size:11px}
	#validreserve .sent{
		width:98%;
		display:block;
		background:#EBF8FE; 
		background-position:6px 4px; 
		border:1px solid #81C5FC;
		padding:3px 0 3px 10px; 
		line-height:160%;
		color:#185dc1;
		margin-bottom:10px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		font-size:13px;
		font-weight:bold;
		text-align:center;
	}

	.submit { margin-left: 185px; margin-top: 10px;}
    .label { display: block; float: left; width: 170px; text-align: left; margin-right: 20px; margin:5px 10px 5px 0 }
	.label img{border: 1px solid #eee; margin:5px }
    .form-row { padding: 5px 0; clear: both; width: 100%; }
	#selectfile { float:left; padding: 0; clear: both; width: 100%; }
	#selectfile p{ float:left; margin:0px; padding:5px 0 0 0}
    label.error { width: auto; display: block; float: left; color: red; padding: 5px 0 0 0; }
    textarea { width: 380px; float: left; height: 150px; margin:5px }
	
	.twodot{
	float:left;
	padding:8px 5px 5px 0;
	}
	#validreserve #book_teks {margin-top:30px}
	
/*captcha*/
  p#statusgreen { font-size: 1.2em; background-color: #fff; color: #0a0; }
  p#statusred { font-size: 1.2em; background-color: #fff; color: #a00; }
  #captchaimg {margin-left:180px}
  #captchaimg .labeltext {float:left;margin:5px 0 0 5px}
  #captchaimg .labeltext2 {float:left; clear:both; margin-left:5px}
  #captchaimg label { display: block; }
  #captchaimg #captchaimage img { border: 1px solid #eee; margin:5px; }
  #captchaimg div#captchaimage { float: left; margin-right: 10px; }
  #captchaimg input#captcha { width: 80px; border: 1px solid #ddd; padding: 2px; }
  #captchaimg input#submit { display: block; margin: 2% 0% 0% 0%; }
  #captcha.success {
  	border: 1px solid #49c24f;
	background: #bcffbf;
  }
  #captcha.error {
  	border: 1px solid #c24949;
	background: #ffbcbc;
  }