input {
border:1px solid #d2d3eb;
background-color:#f1f1f1;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#333333;
width:370px;
}
option {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#333333;
}
select { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
width:45pt;
color:#333333;
}
.select3 { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
width:70pt;
color:#333333;
}
.select2 { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
width:190pt;
color:#333333;

}
textarea {
border:1px solid #d2d3eb;
background-color:#f1f1f1;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#333333;
width:370px;
}
input.button {
border:1px solid #d2d3eb;
background-color:#f1f1f1;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight:bold;
color:#0039db;
width:95pt;
height:25px;
vertical-align:middle;
padding: 0px 10px;

/*border:2px outset white;
font-weight:bold;*/
cursor:pointer;
}

input.button:hover {
/*background-color:white;*/
color:#FF9900;
}
input.button:active {
/*border:2px inset white;
background-color:white;*/
color:#FF0000;
} 
.chkbox{
border:none;
background-color:#f1f1f1;
width:20px;
margin:4px 0px 0px 0px;
padding:0px;
float:left;
}
.input2 {
border:1px solid #d2d3eb;
background-color:#f1f1f1;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#333333;
width:150px;
}
.input3 {
border:1px solid #d2d3eb;
background-color:#f1f1f1;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#333333;
width:20px;
}
body{
	color: #1a1a1a;
	margin: 0px;
	padding: 0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9pt;
	line-height:18pt;
	background: #6e6e70;
}
input, textarea, select {
	border:1px solid #d2d3eb;
	background-color:#f1f1f1;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9pt;
	color: #555555;
	padding: 2px;
	margin: 0px;
	letter-spacing: 0em;
}
input:focus, textarea:focus, select:focus{
	background-color: #ffffff;
	border: 1px solid #f0f0f0;
	color: #333333;
}
input.button:hover {
	background-color: #333333;
	color: #ffffff;
}
input.button:active {
	background-color: #333333;
	color: #ffffff;
} 
input.button:focus {
	background-color: #333333;
	color: #ffffff;
} 
.inpString {
	width: 500px;
}
.inpStringLs {
	width: 480px;
}
.inpStringSh {
	width: 300px;
}
.inpShort {
	width: 140px;
}
.inpShortSh {
	width: 60px;
}
.inpNumber {
	width: 100px;
	text-align: right;
}
.inpNumberSh {
	width: 60px;
	text-align: right;
}
.inpNumberLg {
	width: 140px;
	text-align: right;
}
a:link{
	color: #0095d7;
	text-decoration: none;
}
a:visited{
	color: #0095d7;
	text-decoration: none;
}
a:hover{
	color: #cc0000;
	text-decoration: none;
}

#container{
	margin-left: auto;
	margin-right:auto;
	padding: 0px;
	width:1000px;
	background: #6e6e70 url(images/bg.gif) center repeat-y;
}
#mainbox2{
	margin:0px 25px 0px 25px;
	width:950px;
	height:69px;
	background-image:url(images/xrs-activities-4.jpg);
	background-repeat:no-repeat;
	vertical-align:middle;
}
#mainbox3{
	margin:auto;
	width:950px;
	background:url(images/bg-weddings.jpg);
}
#mainboxlocation{
	margin:0px 25px 0px 25px;
	width:950px;
	height:69px;
	background:url(images/bg-location.gif);
	background-repeat:repeat-y;
}
#mainbox,#topbox,#bottombox,#bottomboxlocation,#photobox,#photobox2,#photobox3,.menubox{
	margin-left: auto;
	margin-right:auto;
	padding: 0px;
	width:950px;
}
#topbox{
	height: 105px;
	background-image:url(images/bg-top.gif);
}
#bottomboxlocation{
	padding:0px 0px 30px 0px;
	clear:both;
}
#bottomboxweddings{
	padding:0px 0px 30px 0px;
	width:950px;
	margin:auto;
	clear:both;
	background:url(images/bg-weddings.jpg);
}
#bottombox{
	padding:30px 0px 30px 0px;
	clear:both;
}
#photobox{
	height: 440px;
}
#photobox2{
	height: 240px;
}
#photobox3{
	height: 260px;
}
#menuspace{
	height: 5px;
}
#logobox{
	position:relative;
	top: 28px;
	left:61px;
	width:205px;
	height:58px;
}
#mottobox{
	position:relative;
	top: -10px;
	right: 50px;
	width:246px;
	height:14px;
	float:right;
	font-size:1px;
	background:url(images/motto.gif) no-repeat;
}
#mottoboxphotos{
	position:relative;
	top: -10px;
	right: 50px;
	width:73px;
	height:12px;
	float:right;
	font-size:1px;
	background:url(images/motto-photos.gif) no-repeat;
}
#mottoboxvillas{
	position:relative;
	top: -10px;
	right: 100px;
	width:73px;
	height:12px;
	float:right;
	font-size:1px;
	background:url(images/motto-villas.gif) no-repeat;
}
#mottoboxnature{
	position:relative;
	top: -10px;
	right: 100px;
	width:290px;
	height:12px;
	float:right;
	font-size:1px;
	background:url(images/nature.gif) no-repeat;
}
#mottoboxart{
	position:relative;
	top: -10px;
	right: 50px;
	width:98px;
	height:30px;
	float:right;
	font-size:1px;
	background:url(images/motto-art.gif) no-repeat;
}
#mottoboxdaytrips{
	position:relative;
	top: -10px;
	right: 50px;
	width:106px;
	height:12px;
	float:right;
	font-size:1px;
	background:url(images/motto-day-trips.gif) no-repeat;
}
#mottoboxspareservations{
	position:relative;
	top: -10px;
	right: 50px;
	width:285px;
	height:12px;
	float:right;
	font-size:1px;
	background:url(images/motto-spa-reservation.gif) no-repeat;
}
#mottoboxspareservations2{
	position:relative;
	top: -10px;
	right: 50px;
	width:188px;
	height:12px;
	float:right;
	font-size:1px;
	background:url(images/motto-spa-reservation2.gif) no-repeat;
}
#mottoboxreservations{
	position:relative;
	top: -10px;
	right: 50px;
	width:148px;
	height:10px;
	float:right;
	font-size:1px;
	background:url(images/motto-reservations.gif) no-repeat;
}
#mottoboxcontact{
	position:relative;
	top: -10px;
	right: 50px;
	width:85px;
	height:10px;
	float:right;
	font-size:1px;
	background:url(images/motto-contact.gif) no-repeat;
}
#mottoboxterm{
	position:relative;
	top: -10px;
	right: 50px;
	width:254px;
	height:10px;
	float:right;
	font-size:1px;
	background:url(images/motto-term-conditions.gif) no-repeat;
}
#mottoboxweddings{
	position:relative;
	top: -10px;
	right: 50px;
	width:104px;
	height:12px;
	float:right;
	font-size:1px;
	background:url(images/motto-weddings.gif) no-repeat;
}
#mottoboxactivities{
	position:relative;
	top: -10px;
	right: 50px;
	width:114px;
	height:14px;
	float:right;
	font-size:1px;
	background:url(images/motto-activities.gif) no-repeat;
}
#mottoboxspa{
	position:relative;
	top: -10px;
	right: 69px;
	width:132px;
	height:12px;
	float:right;
	font-size:1px;
	background:url(images/motto-spa.gif) no-repeat;
}
#mottoboxenvironmentlink{
	position:relative;
	top: -10px;
	right: 69px;
	width:275px;
	height:12px;
	float:right;
	font-size:1px;
	background:url(images/motto-sustainability.gif) no-repeat;
}
#mottoboxenvironment{
	position:relative;
	top: -10px;
	right: 130px;
	width:142px;
	height:12px;
	float:right;
	font-size:1px;
	background:url(images/motto-environment.gif) no-repeat;
}
#mottoboxdescrition{
	position:relative;
	top: -10px;
	right: 69px;
	width:133px;
	height:12px;
	float:right;
	font-size:1px;
	background:url(images/motto-description.gif) no-repeat;
}
#mottoboxspecial{
	position:relative;
	top: -10px;
	right: 69px;
	width:215px;
	height:12px;
	float:right;
	font-size:1px;
	background:url(images/special-promotion.gif) no-repeat;
}
#mottoboxrates{
	position:relative;
	top: -10px;
	right: 69px;
	width:348px;
	height:12px;
	float:right;
	font-size:1px;
	background:url(images/rates.gif) no-repeat;
}
#mottoboxratesxandaripacific{
	position:relative;
	top: -10px;
	right: 69px;
	width:375px;
	height:12px;
	float:right;
	font-size:1px;
	background:url(images/rates-btp.gif) no-repeat;
}
#mottoboxxandaripacificspa{
	position:relative;
	top: -10px;
	right: 69px;
	width:235px;
	height:12px;
	float:right;
	font-size:1px;
	background:url(images/motto-xandari-pacific-spa.gif) no-repeat;
	}
#mottoboxlocation{
	position:relative;
	top: -10px;
	right: 69px;
	width:94px;
	height:12px;
	float:right;
	font-size:1px;
	background:url(images/motto-location.gif) no-repeat;
	}
#mottoboxresorts{
	position:relative;
	top: -19px;
	right: 69px;
	width:406px;
	height:31px;
	float:right;
	font-size:1px;
	background:url(images/motto-resorts.gif) no-repeat;
}
.menubox{
	height:18px;
	background-image:url(images/bg-menu.gif);
}
.menubox2{
	height:25px;
	background-image:url(images/bg-menu.gif);
}
#contentbox{
	position:relative;
	top:25px;
	margin:0px 25px 25px 25px;
	padding: 0px;
	width:590px;
}
#contentboxactivitiesxp{
	position:relative;
	top:25px;
	margin:0px 20px 25px 0px;
	padding: 0px;
	width:695px;
}
#contentboxweddings{
	margin:auto;
	padding:50px 0px 0px 0px;
	height:600px;
	width:860px;
}
#contentboxreservation{
	margin:25px 25px 0px 25px;
	width:900px;
}
#contentboxarts{
	margin:40px 25px 0px 25px;
	width:900px;
}
#contentboxarts2{
	margin:40px 0px 0px 0px;
	width:950px;
}
#contentboxphoto{
	margin:25px 25px 0px 25px;
	width:900px;
}
#contentboxphoto2{
position:relative;
left:-25px;
	margin:25px 25px 0px 25px;
	width:900px;
}
#contentboxlocation{
	position:relative;
	top:25px;
	margin:0px 25px 0px 25px;
	padding: 0px;
	width:450px;
	text-align:center;
	border:thin solid #f3f3f4;
}
#contentboxactivities{
	position:relative;
	top:25px;
	margin:0px 25px 25px 25px;
	padding: 0px;
	width:685px;
}
#contentboxenvironment{
	position:relative;
	top:25px;
	margin:0px 5px 25px 25px;
	padding: 0px;
	width:625px;
	background:url(images/leaf.gif) no-repeat;
	background-position:right top;
	}
#contentboxenvironment2{
	position:relative;
	margin:0px;
	padding: 0px;
	width:605px;
	}
#contentboxspecial{
	position:relative;
	top:15px;
	margin:0px 25px 25px 25px;
	padding: 0px;
	width:900px;
	text-align:center;
}
#contentboxenvironmentlink{
	position:relative;
	top:15px;
	margin:0px 25px 25px 25px;
	padding: 0px;
	width:900px;
}
#contentboxrates{
	position:relative;
	top:25px;
	margin:0px 25px 25px 25px;
	padding: 0px;
	width:900px;
	text-align:center;
}
#contentboxspa{
	position:relative;
	top:25px;
	margin:0px 25px 25px 25px;
	padding: 0px;
	width:485px;
}
.contentbox2{
	position:relative;
	margin:auto;
	padding: 0px;
	width:430px;
}
.contentboxenvirontment{
	position:relative;
	margin:auto;
	padding: 0px;
	width:490px;
}
.contentboxdescription{
	position:relative;
	margin:auto;
	padding: 0px;
	width:530px;
}
.nama{
	position:absolute;
	width:250px;
	right:0px;
	float:right;
	text-align:right;
	color:#0039db;
}
.namared{
	position:absolute;
	width:250px;
	right:10px;
	float:right;
	text-align:right;
	color:#ff0000;
}
.namagreen{
	position:absolute;
	width:250px;
	right:10px;
	float:right;
	text-align:right;
	color:#3dae5f;
}
.contentboxcenter{
	position:relative;
	margin:0px;
	padding: 0px;
	text-align:center;
	color:#ec008d;
	font-weight:bold;
}
.contentboxtextcenter{
	position:relative;
	margin:25px 0px 0px 0px;
	padding: 0px;
	text-align:center;
}
.contentboxtextcenter2{
	position:relative;
	margin:0px;
	padding: 0px;
	text-align:center;
}
.contentboxvillas{
	position:relative;
	margin:0px;
	padding: 0px;
}
#kotak{
	margin:0px;
	padding: 0px;
	float:right;
	width:140px;
	line-height:17px;
}
#rightboxspabawah{
	margin:0px;
	padding:15px;
	border-top:thin solid #2541b7;
	border-left:thin solid #000000;
}

#rightboxspa{
	position:relative;
	top:24px;
	right:14px;
	margin:0px;
	padding: 0px;
	float:right;
}
#rightboxspa .image{
	margin:0px 0px 35px 0px;
}
#rightboxborder{
	position:relative;
	top:24px;
	right:14px;
	margin:0px;
	padding: 0px;
	width:295px;
	float:right;
	background-image:url(images/bg-quote.gif);
	background-repeat:no-repeat;
}
#rightboxactivitiesxp{
	position:relative;
	top:55px;
	margin:0px;
	padding: 0px;
	width:220px;
	float:right;
}
#rightboxactivitiesxp .image{
	margin:0px 0px 45px 0px;
}
#rightboxborder2{
	position:relative;
	margin:0px;
	padding: 0px;
	width:295px;
	float:right;
	background-image:url(images/bg-quote2.gif);
	background-repeat:no-repeat;
}
#rightboxborder .image{
	background:white;
	margin:0px 0px 8px 0px;
}
#rightboxborder .quote{
	color:#FF0000;
	line-height:15pt;
	margin:0px 0px 15px 30px;
}
.quotegreen{
	background:#f3f3f4;
	color:#3dae5f;
	margin:0px;
	line-height:15pt;
	margin:0px 0px 15px 30px;
}
#rightboxborder .quotegreen{
	background:#f3f3f4;
	color:#3dae5f;
	margin:0px;
	line-height:15pt;
	margin:0px 0px 15px 30px;
}
#rightbox{
	position:relative;
	top:24px;
	right:14px;
	margin:0px;
	padding: 0px;
	float:right;
}
#rightboxdaytrips{
	position:relative;
	top:55px;
	right:14px;
	margin:0px;
	padding: 0px;
	float:right;
}
#rightboxdaytrips .image{
	margin:0px 0px 22px 0px;
}
#rightboxlocation{
	margin:0px;
	padding: 0px;
	width:450px;
	float:right;
	text-align:center;
	background:#FFFFFF;
}
#rightbox .image{
	margin:0px 0px 16px 0px;
}
#rightboxenvironment{
	position:relative;
	top:24px;
	right:14px;
	margin:0px;
	padding: 0px;
	float:right;
	background:#000000;
	width:280px;
}
#rightboxenvironment .image{
	margin:0px 0px 5px 0px;
}
#rightboxenvironment2{
	position:relative;
	top:24px;
	right:14px;
	margin:0px;
	padding: 0px;
	float:right;
}
#rightboxenvironment2 .image{
	margin:0px 0px 5px 0px;
}
.quote{
	background:#f3f3f4;
	color:#FF0000;
	line-height:14pt;
	margin:0px;
}
.quoteenvironment{
	color:#FF0000;
	line-height:14pt;
	margin:0px 0px 0px 20px;
}
#rightbox .quote{
	color:#FF0000;
	line-height:14pt;
	margin:0px 0px 15px 30px;
}
.quotespa{
	color:#FF0000;
	line-height:14pt;
	margin:0px 0px 15px 0px;
	text-align:center;
}
.quotespa a:link{
	color: #0039db;
	font-weight:bold;
	text-decoration: none;
}
.quotespa a:visited{
	color: #0039db;
	font-weight:bold;
	text-decoration: none;
}
.quotespa a:hover{
	color: #0095d7;
}
#contentboxenvironment a{
	color: #ff0000;
	font-weight:bold;
	text-decoration: none;
}
#contentboxenvironment a:visited{
	color: #ff0000;
}
#contentboxenvironment a:hover{
	color: #0095d7;
}
#rightbox #xrsbox,#xbpbox{
	color:#FFFFFF;
	line-height:12pt;
	padding:5px 15px;
	margin:0px 10px 12px 0px;
}
#rightbox #xrsbox{
background:#4cb455;
}
#rightbox #xrsbox:hover{
background:#cccccc;
}
#rightbox #xrsbox a:link{
	color: #ffffff;
	text-decoration: none;
}
#rightbox #xrsbox a:visited{
	color: #ffffff;
	text-decoration: none;
}
#rightbox #xrsbox a:hover{
	color: #000000;
	text-decoration: none;
}
#rightbox #xbpbox{
background:#1a99cc;
}
#rightbox #xbpbox:hover{
background:#cccccc;
}
#rightbox #xbpbox a:link{
	color: #ffffff;
	text-decoration: none;
}
#rightbox #xbpbox a:visited{
	color: #ffffff;
	text-decoration: none;
}
#rightbox #xbpbox a:hover{
	color: #000000;
	text-decoration: none;
}
.sep,.sep2{
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	height:3px;
	clear:both;
	font-size:0px;
	line-height:0px;
}
.sep2{
	height:20px;
}
.textblue{
	color:#0039db;
}
.textblue2{
	color:#0095d7;
}
.textblue3{
	color:#0095d7;
	font-size:13pt;
}
.textgreen{
	color:#3dae5f;
}
.textblack{
	color:#000000;
}
.textred{
	color:#ff0000;
}
.title{
	font-weight:bold;
	color:#0039db;
}
.titleblue2{
	font-weight:bold;
	color:#0039db;
	font-size:14pt;
}
.titleblue4{
	color:#0039db;
	font-size:14pt;
}
.titleblue3{
	font-weight:bold;
	color:#0039db;
	font-size:12pt;
}
.titlegreen{
	font-weight:bold;
	color:#3dae5f;
}
.titlegreenenvironment{
	color:#3dae5f;
}
.titlegreen2{
	font-weight:bold;
	color:#3dae5f;
	font-size:14pt;
}
.titlegreen3{
	color:#3dae5f;
	font-size:14pt;
}
.titleblack{
	font-weight:bold;
	color:#000000;
}
.titleblack2{
	font-weight:bold;
	color:#333333;
	font-size:16px;
}
.titleblack3{
	color:#333333;
	font-size:16px;
	letter-spacing:2px;
}
.titlered{
	font-weight:bold;
	color:#ff0000;
}
.titleblue{
	font-weight:bold;
	color:#00adee;
}
.title2{
	font-weight:bold;
	color:#d3232b;
	letter-spacing:8px;
}
.title3{
	font-weight:bold;
	color:#3dae5f;
	letter-spacing:5px;
}
.title4{
	font-weight:bold;
	color:#0039db;
	letter-spacing:5px;
}
.list{
	width:auto;
	margin: 0px;
	padding: 0px 0px 0px 17px;
	background:url(images/bullet.gif) 5px no-repeat; 
}
.list2{
	width:auto;
	margin: 0px;
	padding: 0px 0px 0px 17px;
	background:url(images/bullet-red.gif) 5px no-repeat; 
}
.line{
background-image:url(images/line-2.gif);
background-repeat:repeat-x;
height:7px;
width:700px;
}
.box{
	margin:auto;
	padding:10px;
	background:#ffffff;
	width:400px;
	border: 5px solid #23408e;
}
.textcenter{
	margin:0px;
	padding:0px;
	text-align:center;
}
.superscript{
	vertical-align: super;
	font-size:8pt;
}
.price{
	width:100px;
	text-align:right;
	float:left;
}
.spatitle{
	padding:0px 0px 0px 15px ;
	background:url(images/bullet-red.gif) 0px 9px no-repeat; 
	font-weight:bold;
	color:#0039db;
	float:left;
}
.spalist{
	margin: 0px 0px 15px 0px;
}
.daytrip{
	margin:0px 0px 10px 0px;
}
.daytrip2{
	position:relative;
	padding:10px 0px 0px 0px;
	text-align:center;
}
.titlebordergreen{
	color:#3dae5f;
	font-size:14pt;
	text-align:center;
	border-bottom:thin solid #333333;
}
.titlebordergreenactivities{
	color:#3dae5f;
	font-size:16pt;
	text-align:center;
	margin:0px 0px 0px 15px;
	height:30px;
	border-bottom:thin solid #333333;
	letter-spacing:3.5px;
}
.titlebordergreendaytrips{
	color:#3dae5f;
	font-size:16pt;
	text-align:center;
	height:30px;
	border-bottom:thin solid #333333;
	letter-spacing:3px;
}
.titleborderblue{
	color:#0039db;
	font-size:16pt;
	text-align:center;
	height:30px;
	border-bottom:thin solid #0095d7;
	letter-spacing:3px;
	width:360px;
	margin:auto;
}
.blockquote{
margin:0px 0px 0px 25px;
}
.linkred{
color:#FF0000;
}
.linkred:hover{
color:#0039db;
}
.linkblue{
color:#0039db;
}
.linkblue:hover{
color:#0039db;
}
.linkwhite{
color:#ffffff;
}
.linkblue:hover{
color:#0039db;
}
.text2{
	color: #1a1a1a;
	margin: 0px;
	padding: 0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:8pt;
	line-height:18pt;
}
.text3{
	color: #1a1a1a;
	margin: 0px;
	padding: 0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:7pt;
	line-height:18pt;
}
.text4{
	color: #1a1a1a;
	margin: 0px;
	padding: 0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:8pt;
	line-height:18pt;
}
.textwhite{
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9pt;
	line-height:18pt;
}
.trpadvisor{
	margin:0px 0px 15px 20px;
}
.securitycode{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#0039db;
	font-weight:bold;
}
.gambarvilla{
margin:10px 25px 15px 25px;
}
.nature{
border-top:solid 8px #0099cc;
margin:0px 25px 0px 25px;
}
#naturetext{
	color: #1a1a1a;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9pt;
	line-height:18pt;
margin:10px 25px 20px 25px;
}