body {														  	
margin:0px; 				  			 	 
padding:0px;
font-family:Arial, Helvetica, sans-serif;			 			    
background-color:#000000;
scrollbar-3dlight-color:#CABDC6;
scrollbar-arrow-color:#70111E;
scrollbar-base-color:#000000;
scrollbar-darkshadow-color:#f3f5e0;
scrollbar-face-color:#f3f5e0;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#576E9A;
scrollbar-track-color:#000000;						  
}														 
									   
.back {
background-color:#000000;
}
.rateback {
padding:0px 0px 0px 10px;
background:#000000 url(back_03.jpg) top no-repeat;
}

#top {
color:#ffffff;
width:800px;
height:141px;
}
#top .topright {
width:534px;
height:141px;
float:left;
background:url(balimaja02.jpg) left bottom no-repeat;
}

#contenttxt {
width:800px;
height:100%;
overflow:hidden;
}
#contenttxt .text {
width:534px;
height:100%;
overflow:hidden;
background:#000000 url(back_03.jpg) top no-repeat;
color:#FFFFFF;
float:left;
}
#contenttxt .pix {
width:266px;
height:100%;
overflow:hidden;
float:left;
padding-top:10px;
}
#contenttxt h1 {
font-size:14px;
font-weight:normal;
margin:0px;
padding:0px 10px 0px 10px;
text-align:left;
}
#contenttxt p {
font-size:13px;
font-weight:normal;
text-align:justify;
margin:0px;
padding:5px 10px 5px 10px;
}

#content {
font-size: 12px;
color:#000000;
}
#content .left {
width:266px;
height:240px;
overflow:hidden;
background:url(back_04.jpg) left repeat-y;
float:left;
}
#content .leftimg {
width:266px;
height:240px;
overflow:hidden;
float:left;
}
#content .centerflash {
font-size: 12px;
text-align:center;
width:522px;
height:240px;
overflow:hidden;
background:url(back_05.jpg) left no-repeat;
float:left;
}

#footer {
font-size:11px;
color:#333333;
text-align:center;
width:800px;
height:53px;
}
#footer .leftbot {
width:266px;
height:53px;
overflow:hidden;
background:url(back_06.jpg) left no-repeat;
float:left;
}
#footer .leftimg {
width:266px;
height:53px;
overflow:hidden;
float:left;
}
#footer .linkbot {
font-size: 12px;
text-align:center;
width:522px;
height:53px;
overflow:hidden;
background-color:#000000;
float:left;
}

#copyright {
font-family:Helvetica, Arial, sans-serif;		
font-size:12px;
color:#999999;
width:800px;
height:20px;
margin:0 auto;
padding-top:10px;
text-align:center;
}

#facilities {
font-size:11px;
color:#ffffff;
text-align:center;
width:800px;
height:53px;
margin:0 auto;
}
#facilities .scroll {
font-size:11px;
color:#ffffff;
text-align:center;
width:800px;
height:200px;
overflow:auto;
}

/* form */
#form {
font-size: 12px;
color:#FFFFFF;
text-align:left;
width:512px;
height:240px;
overflow:hidden;
background:url(formback.jpg) left repeat-y;
}
#form td {
width:522px;
height:100%;
overflow:hidden;
}
#form ul {
margin:0px;
padding:2px 0px 0px 10px;
list-style:none;
}
#form li {
width:512px;
height:25px;
margin:2px 0px 2px 0px;
display:block;
}
#form label {
width:150px;
float:left;
}
#form input {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:200px;
float:left;
}
/* end form */

/* package */
#pacback {
width:522px;
height:100%;
margin:0px 0px 10px 0px;
color:#FFFFFF;
float:left;
background:#000000 url(back_03.jpg) top no-repeat;
}
#pac {
font-size:12px;
width:522px;
height:150px;
padding:0px 10px 0px 10px;
text-align:justify;
color:#FFFFFF;
}
#pac p {
font-size:13px;
font-weight:normal;
text-align:justify;
margin:0px;
padding:5px 0px 5px 0px;
}
#pac td {
padding:5px 0px 5px 0px;
text-align:left;
}
#pac ul {
list-style:none;
padding:0px;
margin:0px;
}
#pac li {
height:100%;
overflow:hidden;
}
/* end package */

/* reservation */
#resback {
width:522px;
height:100%;
margin:0px 0px 10px 0px;
color:#FFFFFF;
float:left;
background:#000000 url(back_03.jpg) top no-repeat;
}
#res {
font-size:12px;
width:502px;
height:165px;
overflow:hidden;
padding:0px 10px 0px 10px;
text-align:justify;
color:#FFFFFF;
}
#res p {
font-size:13px;
font-weight:normal;
text-align:justify;
margin:0px;
padding:5px 0px 5px 0px;
}
#res td {
padding:5px 0px 5px 0px;
text-align:left;
}
#res ul {
list-style:none;
padding:0px;
margin:0px;
}
#res li {
height:100%;
overflow:hidden;
}
/* end reservation */

/* scroller */
.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 100%;
height: 230px; /* Set height to be able to contain height of largest content shown
border: 5px solid #687C98;*/
overflow: hidden;
margin:0px;
background:#727272 url(faciback.jpg) top no-repeat;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value*/
padding: 10px 0px 10px 0px;
visibility: hidden;
margin-left:58px;
width: 680px;

}
.box {
font-size:12px;
width:206px; 
height:100%; 
text-align:center; 
float:left; 
margin: 0px 9px 0px 8px; 
background-color:#585757;
}
.box p {
margin:0px; 
padding:0px 0px 5px 0px; 
height:60px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width:100%;
margin:0 auto;
padding:10px 0px 10px 0px;
text-align: center; /*How to align pagination links: "left", "center", or "right"*/
background-color:#727272;
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid black;
color: #fee79f;
padding: 1px 3px;
margin-right: 1px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background:#E4EFFA;
color:#000000;
}
/* endscroller */


/* link */
#uplink {
font-size: 12px;
color:#000000;
width:534px;
height:48px;
overflow:hidden;
text-align:left;
margin:100px 0px 0px 0px;
}
#uplink ul {
list-style:none;
margin:0;
padding:0;
}
#uplink li{
display: inline;
}
#uplink li a:link, #uplink li a:visited {
padding:0px 10px 3px 10px;
color:#fee79f;
text-decoration:none;
}
#uplink li a:hover {
color:#FFFFFF;
}

#bottomlink {
font-size: 12px;
color:#ffffff;
font-weight: bold;
width:100%;
height:100%;
overflow:hidden;
text-align:center;
margin-top:10px;
}
#bottomlink ul {
list-style:none;
margin:0;
padding:0;
}
#bottomlink li{
display: inline;
}
#bottomlink li a:link, #bottomlink li a:visited {
padding:4px 8px 3px 8px;
color:#fee79f;
text-decoration:none;
}
#bottomlink li a:hover {
padding:4px 8px 3px 8px;
color:#FFFFFF;
}
/* end link */

/* thumbBox */
#thumbBox{ 
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 5px;
padding-bottom: 0;
background: #ffffff;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
border:#005c80 solid 1px;
}
#thumbBox .footerbar{ 
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: #603913;
padding: 5px 0;
text-align: right;
}
#thumbBox #thumbImage{ 
background-color: white;
border:#CCCCCC solid 1px;
}
#thumbLoading{ 
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
/* end thumbBox */