@charset "utf-8";

body, table {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333333;

}

body {

	background: #f6f7e7;

	margin: 0px 5px;

	text-align: center;

}

a img {

	border: none;

}

span {

	padding: 0px;

	margin: 0px;

}

.google-src-text {

	visibility: hidden;

}



#main {

	width: 895px;

	text-align: center;

}

#header {

	width: 895px;

	text-align: left;

	height: 120px;

}

.logo {

	float: left;

	width: 220px;

	margin-top: 50px;

	margin-left: 0px;

}



/* TOP NAVIGATION */

#maintopnav {

	position: relative;

	width: 895px;

	height: 0px;

}

#topnav {

	position: absolute;

	left: 820px;

	top: 0px;

	width: 90px;

	height:70px;

}

.topnav0, .topnav1, .topnav2, .topnav3 {

	display: block;

	width: 45px;

	height: 18px;

	background: url(images/top_nav.png) no-repeat;

}

.topnav0 { height: 14px; }

.topnav1 { background-position: 0 -14px }

.topnav2 { background-position: 0 -32px }

.topnav3 { background-position: 0 -50px }

a.topnav1:hover { background-position: -45px -14px }

a.topnav2:hover { background-position: -45px -32px }

a.topnav3:hover { background-position: -45px -50px }



/* TOP LINKS */

.toplink {

	float: right;

	width: 250px;

	height: 28px;

	margin-top: 85px;

	text-align: right;

}

.top1, .top2 {

	display: block;

	height: 28px;

	background: url(images/toplink.png) no-repeat;

}

.top1 { width: 107px; background-position: 0 0 }

.top2 { width: 113px; background-position: -107px 0 }

.top1:hover { background-position: 0 -28px }

.top2:hover { background-position: -107px -28px }



#content {

	width: 895px;

	height: 415px;

}



/* LEFT MENU */

#menu {

	width: 208px;

	height: 192px;

	text-align: left;

	background-color: #607534;

	padding: 15px 0px;

	overflow: hidden;

}

#menu ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

}

#menu ul li a:hover{

	cursor: pointer;

}

.m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8 {

	display: block;

	width: 208px;

	height: 24px;

	background: url(images/left_menu.gif) no-repeat;

}

.m1 { background-position: 0 0 }

.m2 { background-position: 0 -24px }

.m3 { background-position: 0 -48px }

.m4 { background-position: 0 -72px }

.m5 { background-position: 0 -96px }

.m6 { background-position: 0 -120px }

.m7 { background-position: 0 -144px }

.m8 { background-position: 0 -168px }

.m1:hover { background-position: -208px 0 }

.m2:hover { background-position: -208px -24px }

.m3:hover { background-position: -208px -48px }

.m4:hover { background-position: -208px -72px }

.m5:hover { background-position: -208px -96px }

.m6:hover { background-position: -208px -120px }

.m7:hover { background-position: -208px -144px }

.m8:hover { background-position: -208px -168px }



#suites .m1, #hotel .m2, #villas .m3, #dining .m4, #leisure .m5, #spa .m6, #special .m7, #wedding .m8 {

	background: url(images/left_menu_on.gif) no-repeat;

}

#suites .m1 { background-position: 0 0 }

#hotel .m2 { background-position: 0 -24px }

#villas .m3 { background-position: 0 -48px }

#dining .m4 { background-position: 0 -72px }

#leisure .m5 { background-position: 0 -96px }

#spa .m6 { background-position: 0 -120px }

#special .m7 { background-position: 0 -144px }

#wedding .m8 { background-position: 0 -168px }



/* BOTTOM MENU 1 */

#bmenu {

	width: 895px;

	height: 26px;

	background-color: #607534;

}

.bm1, .bm2, .bm3, .bm4, .bm5, .bm6 , .bm7 {

	display: block;

	height: 26px;

	color: #FFFFFF;

	text-align: center;

	padding-top: 6px;

	text-decoration: none;

}

*html .bm1, *html .bm2, *html .bm3, *html .bm4, *html .bm5, *html .bm6 , *html .bm7 {

	height: 20px;

}

.bm1 { 

	width: 208px;

	background: url(images/booking.gif) no-repeat;

}

.bm1:hover { background-position: 0 -26px }

.bm3:hover, .bm4:hover, .bm5:hover, .bm6:hover, .bm7:hover { background: #84965a }



#newsform {

	margin: 0px;

	padding: 0px;

}

.bm2 { padding-top: 1px;

}

input.subscribe {

	width: 50px;

	height: 13px;

	font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

	background: #fff url(images/bginput.gif) top repeat-x;

	border: none;

	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffdfe4da',EndColorStr='#ffFFFFFF');

}

.input-go {

	vertical-align: middle;

}
/*gunawan*/
input, select, textarea {
	color: #000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
}
.text {
	border-style: inset;
	border-color: #F6F7E7;
	background-color: #84965A;
	text-decoration: none;
	width: 50px;
	text-align:left;
}

.button2 {

		border-style: inset;
        border-color: #F6F7E7;
        background-color: #F6F7E7;
        text-decoration: none;   
        width: 170px;
        text-align:center;
}

/*gunawan end*/
/* BAGIAN FOOTER */

#footer {

	width: 895px;

	height: 140px;

	background: #eaeec9 url(images/footer.png) left no-repeat;

	text-align: left;

	overflow: visible;

}

.bottomlink {

	width: 122px;

	float: left;

	text-align: left;

	padding-top: 115px;

	padding-left: 12px;

}

#bottomlogo {

	width: 750px;

	float: left;

	padding-top: 50px;

	margin-top: 0px;

	text-align: right;

}



/* BOTTOM MENU 2 */

#cmenu {

	width: 895px;

	height: 26px;

	text-align: left;

	padding-top: 4px;

}

#cmenu table td {

	padding: 0 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

}

#cmenu table a {

	color: #999999;

	text-align: left;

	text-decoration: none;

}

#cmenu table a:hover {

	color: #607534;

}



/* LEFT CONTENTS UNDER LEFT MENU */

#left {

	text-align: left;

	color: #fff;

	height: 155px;

	margin-top: 20px;

	margin-left: 15px;

	margin-right: 15px;

	padding: 0px 5px;

	line-height: 14px;

	overflow: auto;

	scrollbar-base-color:#84965a;

}

#home #left {

	overflow: hidden;

}

#left ul {

	padding-left: 15px;

	margin-left: 0px;

}

#left ul li {

	margin-top: 5px;

	color: #fdfecc;

}

#left a, #desc a {

	font-weight: bold;

	color: #fdfecc;

	text-decoration: none;

}

#left a:hover, #desc a:hover {

	color: #fff;

	text-decoration: underline;

}



/* RIGHT CONTENTS */

#right{

	text-align: left;

	color: #fff;

	height: 378px;

	margin-top: 20px;

	margin-left: 15px;

	margin-right: 15px;

	padding: 0px 5px;

	overflow: none; /* MATIIN SCROLLING */

	/*scrollbar-base-color:#84965a;*/

	line-height: 14px;

}

#leisure #right, #spa #right {

	line-height: 13px;

}

#right p, #specright p{

	line-height: 15px;

	margin-bottom: 15px;

	margin-top: 0px;

	padding: 0px;

}

#right h3 {

	color: #fdfecc;

	font-size: 13px;

	font-weight: bold;

	margin-top: 3px;

	margin-bottom: 4px;

	padding: 0px;

}

#right h4 {

	color: #fdfecc;

	font-size: 12px;

	font-weight: bold;

	margin-top: 3px;

	margin-bottom: 4px;

	padding: 0px;

}

h2{

	color: #fdfecc;

	font-size: 14px;

	font-weight: bold;

	margin-top: 3px;

	margin-bottom: 10px;

}

#rtitle  {

	text-align: left;

	margin-top: 20px;

	margin-left: 20px;

	margin-right: 15px;

}

#right ul, #specright ul {

	padding-left: 15px;

	margin-left: 0px;

	margin-top: 10px;

}

#right ul li a, #specright ul li a{

	color: #eaeec9;

	text-decoration: underline;

}

#right ul li a:hover, #specright ul li a:hover {

	color: #c6d3a5;

}



a.button, a.buttons {

	color: #fff;

	text-decoration: none;

	font-weight: bold;

	background-color: #607534;

	padding: 3px 10px;

}

a.button:hover, a.buttons:hover {

	color: #44561d;

	background-color: #b4c292;

}



#desc {

	color: #fff;

	margin-left: 20px;

}

#desc p{

	margin-top: 10px;

	margin-bottom: 30px;

	margin-left: 20px;

}

h1 {

	color: #fdfecc;

	font-size: 16px;

	font-weight: bold;

	margin-top: 30px;

	margin-bottom: 10px;

}

#rates h1 {

	margin-top: 0px

}

.tabrates {

	color: #fff;

}

.tabrates td, td.td2{

	background-color: #607534;

	text-align: center;

	padding: 2px 5px;

}

.tabrates td.td1 {

	text-align: left;

}

.tabrates td.td2 {

	

}

#rates ol {

	padding: 0px;

	margin-top: 10px;

	margin-left: 23px;

	margin-bottom: 0px;

	color: #fff;

	font-size: 10px;

}

#rates ol li {

	padding: 0px;

	margin-left: 0px;

}

#rates table {

	color: #fff;

}



/* INQUIRY */

#inquiry {

	height: 400px;

	background: #eaeec9 url(images/bg_grass.gif) bottom left no-repeat;

	padding: 20px;

	text-align: left;

}

#inquiry td {

	text-align: left;

	vertical-align: top;

	margin-top: 5px;

	height: 25px;

}

#inquiry h1 {

	color: #333;

	font-weight: bold;

	font-size: 16px;

	margin-top: 0px;

}

#inquiry .bold {

	font-weight: bold;

	padding-top: 5px;

}



/* SPECIALS */

#specright {

	text-align: left;

	color: #000;

	height: 378px;

	margin-top: 20px;

	margin-left: 15px;

	margin-right: 15px;

	padding: 0px 5px;

	overflow: auto;

	line-height: 14px;

}

#offers {

	text-align: left;

	padding-bottom: 20px;

	margin-bottom: 20px;

	border-bottom: 1px dashed #607534;

}

#offers h1 {

	color: #333;

	font-weight: bold;

	font-size: 15px;

	margin-top: 0px;

}

#specimg {

	float: left;

	width: 120px;

	margin-bottom: 0px;

	padding-bottom: 10px;

}

#specimg img {

	width: 120px;

	max-height: 150px;

	min-height: 90px;

	white-space: 10px;

}

#specprice {

	width: 480px;

	float: left;

	margin-left: 15px;

}

#specprice strong {

	font-size: 13px;

}

#speclist {

	width: 620px;

	float: none;

	clear: both;

}

#speclist p {

	margin: 0px;

	padding-top: 5px;

	padding-bottom: 2px;

}

#speclist ul {

	margin: 0px;

	padding-bottom: 5px;

}

#speclist ul li {

	padding-top: 0px;

	margin-top: 0px;

}