/*
 *
 * Web-Khu
 * Copyright(C), Ideout Studio, 2003-2008, All Rights Reserved.
 *
 * Web-Khu(tm) is protected by Indonesia and International copyright laws.
 * Unauthorized use or distribution of Web-Khu(tm) is strictly prohibited,
 * violators will be prosecuted. To obtain a license for using Web-Khu(tm),
 *
 * Author:
 * I Made Dharmayana (mailme@ideout.com)
 *
 */

/* main css */
body {
	margin: 0px;
	padding: 0px;
	background:url(images/bgr.gif) repeat;
}

.main-area {
	padding-top:7px;
	width: 800px;
	background: url(images/bgr-area.png) repeat-y top;
}
.content-area {
	width: 784px;
	background: #f5f5f5;
	border:thin #000000 solid;
}
.content-area2 {
	width: 784px;
	background:url(images/bgr-shadow.jpg) repeat-x bottom;
}
.footer-area {
	width:786px;
	height:25px;
}
.main-image {
	background:url(images/design-bali-ideout.jpg) center no-repeat;
	width: 762px;
	height: 295px;
}
.menu-area {
	background: url(images/bgr-menu.jpg) center no-repeat;
	width: 762px;
	height: 39px;
}
.main-menu {
	height: 31px;
	padding-left: 20px;
	padding-right: 20px;
	float:left;
	background-image: url(images/menu-space.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top:4px;
}
.main-content {
	width: 786px;
}
.left-area {
	width:232px;
	float:left;
	clear:left;
	margin-left: 11px;
}
.lefter {
	padding-top: 20px;
	text-align:left;
	border:none;
}
.right-area {
	width:510px;
	float:right;
	clear:right;
	margin-right:15px;
}
.space {
	clear:both;
	width:15px;
}
.date-area {
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:italic;
	text-align:right;
}
/* main text */
.title, .title a, h1, h2 {
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #222222;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align:right;
}

.title a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #222222;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align:right;
}
.content, .content a {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #222222;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: justify;
}
.content a:hover {
	color: #222222;
}
.content-title, .content-title a {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #222222;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: justify;
}
.content-title a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #222222;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	text-align: justify;
}
.menu, .menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #222222;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin-top:8px;
}
.menu a:hover {
	color: #970808;
}
.header {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.header2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin-top: 10px;
}
A.footer:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.linker, .linker a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #222222;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin-top:8px;
}
.linker a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #970808;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin-top:8px;
}
/* button & form */
.tombol-biasa {
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0.5px;
	color: #333333;
}
.read-more, .read-more a {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: justify;
}
.read-more a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #970808;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	text-align: justify;
}
#format, .format {
	height:18px;
	vertical-align: middle;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: justify;
}
/* area */
.liner {
	color: #808080;
	width: 100%;
}
.liner-area {
	height:20;
	width:100%;
	float:left;
	margin-top: 3px;
}
.area-back {
	text-align:center;
}
.area-empty {
	height:30px;
}
.back-lines {
	height: 25;
	width:100%;
	border-bottom: 1px #808080 solid;
}
.area-title {
	float:left;
	width: 60px;
	clear: none;
}
.area-titik {
	float:left;
	width: 15px;
	clear: none;
}
.area-content {
	clear: none;
	margin-bottom: 1px;
}
/* index */
.back-articles {
	height: 8px;
	border-bottom: 1px #808080 solid;
}
.home-title, .home-title a {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #222222;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align:right;
}
.home-title a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #970808;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align:right;
}

.catalog-image-area {
	float: left;
	clear:right;
	width: 160px;
	height: 170px;
	background: #fff;
	margin-top: 10px;
	border: #ccc 1px solid;
	margin-left: 6px;
}
.catalog-image-area:hover {
	border: #666 1px solid;
}
.image-area {
	width: 150px;
	height: 136px;
	margin-top: 4px;
	border: #CCC 1px solid;
}
.title-area, .title-area a {
	margin-top:8px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333;
}
.title-area a:hover {
	color: #970808;
}

.i-title, .i-title a {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #222222;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.i-title a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #970808;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.catalog-area {
	width: 100%;
	padding: 10px;
}
.catalog-p {
	text-align: center;
	vertical-align: bottom;
}
.image-tb {
	border: 1px solid #333333;
}

/* catalog */
.ctitle, .ctitle a {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: center;
}
.ctitle a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: center;
}
.cnosub {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: center;
}
.ccontent {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: justify;
}
#catalog-table {
	text-align:center;
	vertical-align: top;
}
#catalog-areas {
	width:100%;
	float: left;
}
#catalog-content-areas {
	width: 100%;
	border: none;
	padding: 0;
	margin: 0;
}
#catalog-area-center {
	width: 160px;
	text-align: center;
	vertical-align: middle;
}
#catalog-area-top {
	text-align: left;
	vertical-align: top;
}
#catalog-area-image {
	width: 160px;
 #position: relative;
 #top: -50%;
}
#catalog-area-all {
	float: left;
	display: table;
 #position: relative;
	overflow: visible;
}
#catalog-area-title {
	float: left;
	width: 40px;
	clear: none;
	margin-left: 15px;
}
#catalog-area-titik {
	float: left;
	clear: none;
	margin-left: 1px;
}
#catalog-area-content {
	float: left;
	clear: none;
	margin-left: 15px;
	margin-bottom: 5px;
	text-align: justify;
}
#catalog-area-read {
	clear: both;
	margin-left: 20px;
	text-align: center;
}
#catalog-line {
	width: 100%;
	float: left;
}
#catalog-area-text {
	width:100%;
	float: left;
}
#catalog-area-handler {
	clear: left;
}
#catalog-area-empty {
	height:20px;
	float:left;
}
.green {
	color:#009900;
}
.red {
	color:#FF0000;
}
/* details */
.details-area-enquiry {
	float:left;
	width: 120px;
}
.details-area-intitle {
	width: 100%;
	clear: both;
	text-align: center;
	font-weight:bold;
}
.details-area-inform, #Arrival, #Departure {
	width:70%;
}
.details-area-inform2 {
	width: 100%;
	height: 100px;
}
.details-area-space {
	height: 25px;
}
.details-area-title {
	float:left;
	width: 40px;
	clear: none;
	font-weight: bold;
}
.details-area-titik {
	float:left;
	width: 15px;
	clear: none;
}
.details-area-content {
	margin-bottom: 1px;
}
.details-area-button {
	clear: both;
	text-align: center;
}
/* article */
.article-area {
	width:100%;
	float:left;
	clear:both;
}
.article-center {
	text-align:center;
	padding-bottom: 10px;
}
.article-area-total {
	float:left;
	clear:right;
	margin-top: 7px;
}
.article-area-search {
	text-align:right;
	float:right;
}
.article-area-title {
	width:100%;
	float:left;
}
/* comment */
.comment-alert {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
	text-align:center;
	border: 1px #999999 solid;
	padding: 8px;
}
.comment-form {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.comment-button {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.comment-name, .comment-name a {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.comment-name a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: underline;
}
.comment-date {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.comment-input {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.comment-number {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #D7D7D7;
	text-decoration: none;
}
.comment-text {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.comment-title {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
.comment-background {
	border:thin dotted #999999;
	padding: 10px;
}
.comment {
	float:left;
}
.comment-number {
	margin-top: 0px;
	float: right;
}
.comment-reply {
	padding: 8px;
	background-color:#FFFFFF;
}
/*date*/
.sel {
	background-color: #E9E9E9;
}
.cal {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-color: #ffffff;
}
.cols {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	background-color: #E9E9E9;
}
.grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #999999;
	background-color:#FFFFFF
}
.none {
	background-color: #E9E9E9;
}
.outer {
	background-color: #666666;
}
.arrows {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
}
.style1 {
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
}
.top_link {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.bsv {
	font-family: verdana;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
.link1 {
	font-family: verdana;
	font-style: normal;
	font-size: 12px;
	font-weight: bold;
	color: #CC9933;
}
.body1 {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
}
.style2 {
	color: #CC9933;
	font-weight: bold;
}