* {
	margin: 0;
	padding: 0;
}

body {
	margin-bottom: 0px;
	background: #cccccc  url(images/backgr.gif);
	font: normal 75% Georgia, "Trebuchet MS", Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #000;
}

h1, h2, h3 {
	color: #0831bf;
}

h1 { font-size: 1.8em; 
}

h2 { font-size: 1.5em; 
}

h3 {
	font-size: 1em;
}


a {
	color: #034dd4;
}

A:link {    COLOR: #0273c1; TEXT-DECORATION: none
}
A:visited {
         TEXT-DECORATION: none; COLOR: #0273c1;
}
A:active {
         TEXT-DECORATION: none; COLOR: #FF0066;
}
A:hover { COLOR: #ff6600; TEXT-DECORATION: underline; }

a img {
	border: 0;
}


img.left {
	float: left; border: 1px solid #ccc; padding: 3px;
	margin: 0 10px 0 0;
}

img.right {
	float: right; border: 1px solid #ccc; padding: 3px;
	margin: 0 0 0 10px;
}

/* Boxed Style */

.boxed {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .98em; font-weight:500;
}

.boxed .title {
	padding: 6px 10px;
	background: #2847b2 url(images/boxtitle.gif) repeat-x;
	text-transform: uppercase;
	font: bold .83em Arial, Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
}

.boxed .content {
	padding: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .98em; font-weight:500;
}

.boxed .content a {
	font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em; font-weight:600;
}
.boxed ul {
	list-style: none;
}
.gbr {background:#fff; border:1px solid #eee; color:#303030; padding:3px; margin:0 2px 2px 0;}
.gbr {background:#fff; border:1px solid #eee; color:#303030; padding:3px; margin:0 2px 2px 0;}
.grb:hover { opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
	}
/* Post */

.post {
	clear: both;
	padding: 15px 20px 0 20px;
	text-align:justify;
/*	border-bottom: 1px solid #3B3B3B; */
}

.post .title {
}

.post .content {
	line-height: 1.6em; margin-bottom:15px;
}

.post .title {
	margin-bottom: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.post p, .post blockquote, .post ol {
	margin-bottom: 1em;
}

.post blockquote, .post ol {
	margin-left: 3em;
}

.post h1 {font-size:2.2em; font-weight:500; color: #0831bf; letter-spacing:-1px; margin:8px 0 10px; padding:0; font-family: Georgia, Arial, Helvetica, sans-serif;}

.post h2 {font-size:1.8em; font-weight:400; color: #0061db; letter-spacing:-1px; margin:8px 0 10px; padding:0; font-family: Georgia, Arial, Helvetica, sans-serif;}
.post h3 {font-size:1.3em; font-weight:600; color: #FFF; margin:6px 0; padding:2px;  background: url(images/bg_ctr.gif) repeat-x top left #49b5e4; font-family: Georgia, Arial, Helvetica, sans-serif;}

.post h3 a, .post h3 a:visited { color: #FFF; }

.post h4, h4{
	border: 0; 
	padding: 0; margin:0;
	font-weight: bold; font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em; color: #2872b2; 
}

.post h4 a, h4 a {font-size:1.2em; color: #2872b2; letter-spacing:-1px; }


.post ul
{
	margin: 10px 0 10px 0;
	padding: 0;
}
.post ul li
{
	background: url(img/bullet_blue.gif) top left no-repeat;
	list-style: none;
	padding: 0 0 3px 20px;
}

/* Header */

#header {
	width: 778px;
	height: 85px;
	margin: 0 auto;
	background-color: #FFF;
	border-left: 1px solid #999; border-right: 1px solid #999;
}

#header1 { width: 543px; background: #FFFFFF url(images/bali_hotels.jpg) right center no-repeat; color: #000033; 
	margin: 0 0 0 0; padding: 0 0 0 0;  height: 85px; float:right;
	text-align: right; color: #999; font-size: 0.7em;}
	
#header2 { width: 235px; background: #FFFFFF url(images/bali-visitor.gif) center center no-repeat; 
	color: #000033; margin: 0 0 0 0;  height: 85px; float:left;
	padding: 0 0 0 0; }	
	


#header h1, #header h2 {
	text-transform: lowercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
}

#header h1 {
	float: left;
	padding: 80px 0 0 20px;
	letter-spacing: -3px;
	font-size: 48px;
}

#header h2 {
	float: left;
	padding: 107px 0 0 7px;
}

#header a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 780px;
	margin: 0 auto;
	background: url(images/img3.gif) repeat-y;
	border-top: 2px solid #999;
}

#content {
	float: right; 
	background: #FFFFFF url(images/bg-tabel.gif) repeat-x;
	border-right: 1px solid #999999;
	width: 607px;
	padding-right: 1px; color: #000000;
}

#sidebar {
	float: left;
	width: 170px;
	padding-left: 1px;
}

/* Menu */

#menu {
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	padding: 5px 10px;
	/* height: 14px; */
	border-bottom: 1px solid #d7d7d7;
	text-decoration: none;
	color: #666;
	font-size: 11px; font-weight: bold;
	font-family: Verdana, Tahoma, Arial;
}

#menu a:hover {
	background: #ffffcc;
	color: #034dd4;
	border-right: 1px solid #ff9600;
	
}

#menu .active a {
	 
	background: #0061db url(images/bg_tag_bl.gif) repeat-x;
	font-weight: bold; font-size: 12px;
	font-family: Tahoma, Verdana, Arial;
	color: #fff; border-bottom: 1px solid #0071ff; border-right: 1px solid #0071ff;
}

/* Login */

#login {
}

#login fieldset {
	border: none;
}

#login legend {
	display: none;
}

#login input {
	border:#ccc 1px solid;
	background:#fff url(images/shadow_top.gif) repeat-x top;
	font:11px Verdana, Arial, Serif;
	padding:2px;
	margin-bottom: 5px;
}

#inputtext1, #inputtext2 {
	width: 140px;
}


input.kiri {
	border:#ccc 1px solid;
	background:#fff url(images/shadow_top.gif) repeat-x top;
	font:11px Verdana, Arial, Serif;
	padding:2px;
	
}

/* Updates */

#updates {
}

#updates ul {
}

#updates li {
	margin-bottom: 20px;
}

#updates h3 {
	font-size: .77em;
}

/* Footer */

#footer {
	width: 748px;
	
	margin: 0 auto;
	padding: 5px 15px;
	background: #f0f0f0 url(images/batis.gif) repeat-x;
	border: 1px solid #999;
	color: #666;
	font-size: .9em;
	
}

#footer a, #footer a:visited, #footer a:active  {  color: #888888;   text-decoration: none;   font-weight: normal;  }  
#footer a:hover {   text-decoration: none; color: #333; }	

#legal {
	float: left;
}

#links {
	float: right;
}

.postdate{
	padding: 0 0 0 0;
	font-weight: bold;
	color: #666; font-size: 12px;
}

.postdate a{
	color: #005588; font-size: 11px;
}


.postinfo {
	color: #20528B; font-size: 11px;
} 
.postinfo a{
	color: #c90000; font-size: 10px;
}

.valid {
	color: #ca0303; font-size: 12px; font-weight: bold; text-align:center;
} 


.paged{
	background: #FFF8DF;
	text-align: center;
	border: 1px solid #FFEDB3;
	padding: 2px;
	}

.style1 {color: #FF0000; text-decoration:line-through}
.style2 {
	color: #04659a;
	font-weight: bold;
}


hr{
	margin: 5px 0 5px 0;
	border: 0;
	height: 1px;
	text-align: left;
	background: #cccccc;
	color: #cccccc;
}

#breadcrumb { padding: 10px 5px 10px 20px; font-size: .95em; 
list-style:none; line-height:1.0em; height:18px;  background-image:url(images/dottedline.gif); background-repeat:repeat-x; background-position:top; }

	#breadcrumb li {display:inline; padding-left:5px;}

	#breadcrumb a { padding-right:10px;color:#da2704; text-decoration:none;background-image:url(images/arrow2.gif); background-repeat:no-repeat; background-position:right;}
	

.browse{
	
	text-align: center;
	border: 1px solid #eee;
	padding: 3px;
	background:  #FFFFFF url(images/bg_miring.gif);
    margin: 5px 20px 10px 20px;
}

.browse:hover {
	border: 1px solid #ccc;
	background:  #F7F7F7;
    }


.browse input, .browse textarea {border:#ccc 1px solid; background:#fff url(images/shadow_top.gif) repeat-x top; font-family:Verdana,Arial,Tahoma,Sans-Serif; font-size:11px; margin:2px; padding:2px;}
.browse select {border:#ccc 1px solid; background:#fff url(images/shadow_top.gif) repeat-x top; font-family:Verdana,Arial,Tahoma,Sans-Serif; font-size:11px; margin:2px; padding:1px;}

.book, a.book  {
	background:url(images/book_bg.gif) repeat-x left center;
	border:1px solid #DEA303; font-family: Arial, Tahoma, Helvetica, sans-serif; 
	color:#BC5102; font-size: 11px; font-weight: 600; text-transform: capitalize;
	padding: 2px 4px 2px 4px; text-decoration:none; 
		}
	
a.book:hover { 	color:#F53104; text-decoration:none;
}

.book2, a.book2   {
	background: url(images/boxtitle.gif) #006600 repeat-x left center;
	border:1px solid #006600; font-family: Arial, Tahoma, Helvetica, sans-serif; 
	color:#FFF; font-size: 1.1em; font-weight: 600; text-transform: capitalize;
	padding: 2px 4px 2px 4px; text-decoration:none; 
		}
.book2 a { font-family: Arial, Tahoma, Helvetica, sans-serif; color:#FFFFFF; font-size: 1.25em; font-weight: 600; }	

.book2 a:hover { color: #FADA25; text-decoration:none; }

td, th {font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; }
.normal {
	
	text-align: justify;
	font-weight:400;
}

.bali_villas {
	filter:alpha(opacity=75);
	-moz-opacity:.75;opacity:.75;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #d1e9fa;
	color:#7f7772;
	text-align: center;
	font: 8pt verdana;
	border-top: 1px solid #4a8ebc;
	padding-top:3px;
	padding-bottom: 3px;
	}
.bali_villas a, .bali_villas a:link{
	color: #246088; font-size: 10px;
	}
.bali_villas a:hover{
	color: #ff0030;
	}	

a.title {
	color: #CC0000; font-size:1.5em; font-weight:600;
	font-family: Arial, Verdana, Tahoma, Sans-Serif;	
}

a.title:hover {
	color: #216EE0;
	}

a.title2 {
	color: #CC0000; font-size:12px; font-weight:600;
	
}


.tab_thumb { font-size:10px;
}

.left_links {
		border: 1px solid #EEEEEE;
		padding: 10px 5px 10px 10px;	
		margin: 0 20px 10px 20px;
		background:#fff url(images/bg_tabel_g.gif) repeat-x top;
	}
	
	.left_links:hover {
		border: 1px solid #CDE4FA;
		background: #FFFFFF url(images/cool_fade.png) repeat-x top;
	}
		
		.left_side {
			font-family: Tahoma, Arial, Sans-Serif;
			font-size:11px;
			float: left;
			width: 260px;
		}
		
		.right_side {
			font-family: Tahoma, Arial, Sans-Serif;
			font-size:11px;
			float: right;
			width: 270px;
			border-left: 1px solid #eee;
			padding: 0 0 0 10px;
		}	

.depan_atas {
		border: 0px solid #FFF;
		padding: 5px 0 5px 0;	
	/*	margin: 0 20px 10px 20px; */
	}
	
		.atas_kiri {
			font-family: Verdana, Tahoma, Arial, Sans-Serif;
			font-size:11px;
			line-height:16px; 
			float: left;
			width: 240px;
		}
		
		.atas_kanan {
			font-family: Verdana, Tahoma, Arial, Sans-Serif;
			font-size:10px; line-height:14px; 
			float: right;
			width: 305px;
			border-left: 1px solid #eee;
			padding: 0 0 0 10px;
		}			
		
.depan_hotel {
		border: 0px solid #FFF;
		padding: 5px 0 5px 0;	
	/*	margin: 0 20px 10px 20px; */
	}
	
		.hotel_kiri {
			font-family: Verdana, Tahoma, Arial, Sans-Serif;
			font-size:10px; line-height:14px; 
			float: left;
			width: 275px;
		}
		
		.hotel_kanan {
			font-family: Verdana, Tahoma, Arial, Sans-Serif;
			font-size:10px; line-height:14px; 
			float: right;
			width: 280px;
			padding: 0 0 0 10px;
		}	
		
.sociable {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#tnt_pagination {
	/* display:block; */
	text-align:center;
	/* height:22px; */
	clear:both; line-height: 26px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#tnt_pagination a:link, #tnt_pagination a:visited{
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #CCCCCC;
	margin-left:7px; 
	text-decoration:none;
	background-color:#EDEDED;
	color:#0072bc;
	width:22px;
	font-weight:bold; 
}

#tnt_pagination a:hover {
	background-color:#DDEEFF;
	border:1px solid #98C9FB;
	color:#0072BC;	
}

#tnt_pagination .active_tnt_link {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #BBDDFF;
	margin-left:7px; 
	text-decoration:none;
	background-color:#DDEEFF;
	color:#0072BC;
	cursor:default;
}

#tnt_pagination .disabled_tnt_pagination {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:7px; 
	text-decoration:none;
	background-color:#F5F5F5;
	color:#D7D7D7;
	cursor:default;
}

.garis { clear:both;
	height: 2px;
	margin: 5px 0 15px 0;
	background: url("images/dotted.gif") repeat-x;
	color: #000;
	}