/* 
Alternate Style Sheet For Bali Esthetics
Author: Budi Hariyanto - www.telorizer.net
*/

/* ORDINARY */
body { 
background: #FFFFFF; 
margin: 0; 
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
td#topnav { background: #e1e1e1; border-bottom:1px solid #FFFFFF; }
#topnav table { border-top:1px solid #CCC; border-bottom:1px solid #CCC; }
td.tnav { height:50px; background: #FFFFFF; font: 10px/12pt Verdana, Helvetica, sans-serif; text-transform: capitalize; font-weight: bold;}
.tnav a:link { text-decoration: none; background: url(images/icons/circle_orange.png) no-repeat 0% 100%; padding:0 5px 0 13px; color: #333;}
.tnav a:hover { text-decoration: none; background: url(images/icons/circle_orange.png) no-repeat 0% 100%; padding:0 5px 0 13px; color: orange;}
.tnav a:visited { text-decoration: none; background: url(images/icons/circle_orange.png) no-repeat 0% 100%; padding:0 5px 0 13px; color: #333;}
.tnav a:active { text-decoration: none; background: url(images/icons/circle_orange.png) no-repeat 0% 100%; padding:0 5px 0 13px; color: #333;}
td#header { }
#header img { background:#e1e1e1 url(images/loading.gif) no-repeat center;border:1px solid #e1e1e1;}
td#topright { border-top:2px solid orange;border-bottom:1px solid orange; background:orange;}
#topright h1 { font:8pt/13pt Verdana, Helvetica, sans-serif; background: orange; color: #FFF; font-weight: bold; text-transform: uppercase; border-bottom:1px solid #FFF;padding:0 0 3px 20px; background: url(images/icons/cube.gif) no-repeat 3% 40%; }
#topright p { text-align: left; font: 8pt/12pt Verdana, Helvetica, sans-serif; padding:3px 5px 1px 15px; }
#topright a { color: #000; display: block; padding:0 5px 0 20px; border-right:7px solid orange; background: url(images/icons/document.gif) no-repeat 3% 40%;  }
#topright a:hover { color: #FFF; border-right:7px solid #FFF;}
td#banner { border-top:1px solid #FFF; border-bottom: 1px solid #e1e1e1; }
#banner img { margin:1px 1px 1px 1px; float:left; clear:both;}
#banner  p, td.xbanner { padding:0 4px 5px 2px; font:10px/11px Verdana, Helvetica, sans-serif; }
td.xbanner { padding-bottom:3px; border-right:1px solid #e1e1e1;}
#banner ul, #banner li{ margin:0 0 5px 10px; list-style-type: none; color:#000000; font: 9pt/11pt Verdana, Helvetica, sans-serif; padding:2px 0 2px 0; text-transform: capitalize; }
#banner a { color: orange; text-decoration: underline; }
#banner li { padding:1px 0 2px 7px; }
#container  {
background: #FFF;
}
div#wrapper {
	width:765px;
	height: 520px;
	\height: 540px;
	h\eight: 520px;  
	margin:10px auto 5px auto;
}
div#rap {
	background: #FFFFFF;
	padding:5px 10px 5px 15px;
	border:1px solid #CCCCCC;
	/*z-index:-5000;*/
}
#wrapper h1 { text-align: right; }
#wrapper p.url { text-align: right;  }
table#booking {
background: #FFFFFF;
border-top:1px solid #E1E1E1;
border-bottom:1px solid #E1E1E1;
border-left:1px solid #E1E1E1;
border-right:1px solid #E1E1E1;
}
td.bread { border-top:2px solid #ccc; border-bottom:1px solid #ccc; background: #f2f2f2;}
.bread { padding:0 3px 0 5px; color: #000; text-transform: capitalize;}
#hornav .bread a { color: #FF6309; text-decoration: none; }
#hornav .bread a:hover { color: #000; text-decoration: underline; }
h1.keyword {
font: 10px/9pt Verdana, Helvetica, sans-serif;
color: #999999; 
padding-right : 135px;
text-align: right;
}
img { border:0; }
p { padding:0; margin:0; }
h1 { padding:0; margin:0; }
h2 { padding:0; margin:0; }
h3 { padding:0; margin:0; }
ul, li { list-style-image: url(images/icons/arrow_orange.png); }
td { 
font: 11px/10pt Verdana, Helvetica, sans-serif;
color: #000000;
}
table#main  { background:#FFF; margin:5px 0 5px 0;  }
#main img { margin:3px 3px 3px 0; padding:2px; background:#FFFFFF; border:1px solid #ccc; text-align: center; clear: both; }
#main td { padding:2px 10px 5px 10px; }
#main p { margin:1px 0 2px 0; padding-bottom:2px; padding-top:1px; }
h2 { 
border-left:0;
border-right:0px;
border-top:0; 
padding:3px 5px 1px 0; 
margin:4px 0 3px 0; 
text-align:left; 
color:#FF6309;
font-weight: bold; 
text-transform:uppercase; 
font: 14pt/16pt Arial, Helvetica, sans-serif;  
letter-spacing:1px;
}
h3 { 
border-left:0;
border-top:0; 
padding:3px 5px 1px 0; 
margin:4px 0 10px 0; 
text-align:left; 
color:#FF6309;
font-weight: bold; 
text-transform:uppercase; 
font: 14pt/16pt Arial, Helvetica, sans-serif;  
letter-spacing:1px;
}
#main h3 {
border-left:0;
border-top:0; 
border-bottom:1px solid orange;
border-right:3px solid #FFF;
background: url(images/icons/panah.gif) no-repeat 0% 80%;
padding:16px 5px 0 10px; 
margin:0px;
text-align:left; 
color:#000;
text-transform:uppercase;
font:12px/12pt Verdana, Helvetica, sans-serif;
letter-spacing:0px;
font-weight: bold;
}
#main ul, #main li { margin:5px 0 5px 10px; padding:0; list-style-type:none;}
#main li { text-transform: capitalize; }

/* Index Column */
/* Middle Column */
.middle img { margin-bottom:15px; }

/* CONTENT */
.content  td { font-size:11px; font-family: Arial, Helvetica, sans-serif; }
.content img { margin:0 0 0 0; background: #e1e1e1; padding:0; border:1px solid #333333; }
.google td { text-align: right; padding:5px 0 5px 2px; }
.google form { padding-bottom:5px; border-bottom: 1px solid #CCCCCC; }
.google input { border:1px solid #333333; }
.google button { border:1px solid #333333; }
.google img { border:0px; }
table.subcontent { border-top: 1px solid #CCCCCC; }
.subcontent td { padding:5px 0 5px 2px; }
p.subcontent { color:#3286E4; font-weight: bold; text-transform: uppercase; }
ul.submenu, .submenu li { display: inline; }
div.spacer { display:block; width:700px; margin:2px; }
a:link { color: #999; text-decoration: none; }
a:visited { color: #999; text-decoration: none; }
a:active { color: #999; text-decoration: none;  }
a:hover { color: #FF6309; text-decoration: none;  }

/* CONTENT */
table.isi { background:#FFFFFF; margin-top: 5px; } 
.isi td { padding:3px 5px 4px 5px; }
.isi table { padding:7px 5px 7px 5px; }
.isi p { margin:3px; padding:4px 0 4px 0;}
.book { padding:0 0 5px 5px; }
td.gal { text-align:center; }
.isi ul, .isi li { list-style-type: disc; margin-top:2px; margin-bottom: 3px; }
p.title { font: 12pt/14pt Verdana, Helvetica, sans-serif; text-align:left; font-weight: bold; text-transform: capitalize; color: orange;border-bottom:1px solid orange; letter-spacing: 1px; padding: 5px 0 3px 0; }
.red { color: #FF0000; }
p.title:first-letter { font: 14pt/16pt Verdana, Helvetica, sans-serif; color: orange; border-right: 2px solid #FFF; }
.rate td { padding:3px 1px 3px 5px; margin:0; border-bottom:1px solid #CCC;  border-collapse:collapse; }
.rate p { color:orange; font-weight:bold; padding:1px 0 2px 0; }
.list-item td { padding:5px 0 5px 0; }
.list-item ul, .list-item li{ margin:0 0 0 3px; list-style-type: none; list-style-image:none; color:#000000; font: 10pt/12pt Verdana, Helvetica, sans-serif; padding:2px 0 2px 0; text-transform: capitalize; }
.list-item li { border-bottom:1px solid #CCC; padding:3px 0 3px 7px; }
td.batas-bawah { padding-left:10px; font-weight: bold; background: #FFF; color:orange; text-transform: uppercase; border-left:3px solid #FFFFFF; border-bottom:1px solid orange;border-top:1px solid orange; }
table.index { padding:3px 10px 3px 10px; }

.index td { padding:5px 5px 5px 5px; text-align: justify; }
.index strong { text-transform: uppercase; }

p.more { text-align: right;  padding:3px 0 10px 0; text-transform: uppercase; }
.more a { color:orange; background:#FFF; padding:3px 3px 3px 3px; text-decoration:none; border-left:1px solid orange; border-right:1px solid orange; border-bottom:1px solid orange; border-top:0px;}
.more a:hover { color:#FFF; background:orange; padding:3px 3px 3px 3px; text-decoration:none; border-left:1px solid orange; border-right:1px solid orange; border-bottom:1px solid orange; border-top:0px;}

/* FORM */
input, textarea { background: #FFFFFF; border:1px solid #333;  }
select { border:0; }

/* FOOTER */
#footer td { padding:0 7px 10px 5px; }
#footer {
background: #FFFFFF;
}
table.menu-bottom { background: #FFF; padding: 0 0 0 0; border-bottom:1px solid #CCC; border-top:1px solid #CCC; }
.menu-bottom td { font: 10px/12pt Verdana, Helvetica, sans-serif; padding:2px 5px 2px 3px; background:orange; text-align: right; color: #000; border-bottom:1px solid #FFF; border-top:1px solid #FFF; }
.menu-bottom a:link { color: #000; padding:3px 2px 3px 2px; }
.menu-bottom a:active { color: #000; padding:3px 2px 3px 2px; }
.menu-bottom a:visited { color: #000; padding:3px 2px 3px 2px; }
.menu-bottom a:hover { color: #FFF; padding:3px 2px 3px 2px; }
.copyright p { padding-top: 5px; font: 11px/10pt Verdana, Helvetica, sans-serif; text-align: left; }
.copyright a { color: orange; text-decoration: none; }
.copyright a:hover { color: #333; }
.siteinfo p { padding: 10px 0 10px 0; font: 11px/10pt Verdana, Helvetica, sans-serif; text-align: right; }
.office p { padding-top: 5px; font: 11px/12pt Verdana, Helvetica, sans-serif; text-align: center; color: #999999; }