/*
 *
 * Web-Khu
 * Copyright(C), Ideout Studio, 2003-2009, 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: #ffffff;
}

.bodi1 {
	height:309px;
	width:100%;
	background:#94ae67;
}
.header-area {
	width: 820px;
	height: 309px;
	background: url(images/header-background.jpg) center repeat-y;
}
.header-image {
	width:780px;
	height:290px;
	background:url(images/header-image.jpg) center no-repeat;
	padding-top: 12px;
}
.content-background {
	background:url(images/content-background.jpg) top no-repeat;
	width: 820px;
}
.content-area {
	width: 780px;
}
.blank-space {
	height:10px;
}
.menu-area {
	height: 40px;
	width: 780px;
	background:url(images/menu-background.jpg) center repeat-x;
	text-align: center;
}
.set-menu {
	padding-top:12px;	
}
.menu, .menu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.menu a:hover {
	color: #7e5b00;
}
.menu-shadow {
	width:780px;
	height:10px;
	background:url(images/menu-shadow.jpg) center no-repeat;
}
.left-area {
	width: 520px;
	padding: 10px;
	float: left;
	clear: left;
}
.right-area {
	width:240px;
	float:right;
	clear:right;
}
.random-image-area {
	width: 100%;
	clear: both;
}
.title, .title a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #222222;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align:left;
}
.title a:hover {
	color: #222222;
}
.clear-area {
	clear:both;
	height: 0px;
}
.liner {
	margin:0px;
}
/* right area content */
.slide-area {
	width:190px;
	padding:10px;
	margin-top: 10px;
	border: 1px solid #bbbbbb;
	background: #f7f7f7;
}

/* footer area */
.footer-body {
	height:80px;
	width:100%;
	background:#94ae67;
}
.footer-area {
	width: 820px;
	height: 80px;
	background: url(images/footer-background.jpg) top no-repeat;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding-top: 35px;
}
A.footer:hover {
	color: #999999;
}
/* --------*/
.space {
	clear:both;
}
.date-area {
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:italic;
	text-align:right;
}
.box-kanan {
	background: #ececec;
	padding:12px;
}
.box-content {
	padding-left:20px;
	padding-top: 10px;
}
/* form area */
.left {
	float:left;
	clear:left;
	height:20px;
}
.form-title {
	width: 150px;
	height:20px;
	float:left;
	clear:left;
	margin-top: 2px;
	margin-bottom: 2px;
}
.spacer {
	margin-top:5px;
}
.form-field {
	width: 300px;
	height:20px;
	float:left;
	clear:right;
	margin-top: 2px;
	margin-bottom: 2px;
}
.field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	text-align: left;
	height: 20px;
	vertical-align: middle;
}
.form-text {
	width: 300px;
	height:60px;
	float:left;
	clear:right;
	margin-top: 2px;
	margin-bottom: 2px;
}
.field-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	text-align: left;
	height: 56px;
	vertical-align: middle;
}
/* main text */

.header-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
.login-text, .login-text a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	text-align: left;
}
.login-text a:hover {
	color: #333333;
}
.login-form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	text-align: left;
	height: 19px;
	vertical-align: middle;
	margin-top: 2px;
	margin-bottom: 2px;
}
.friend-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	margin-top: 12px;
}
.content {
	font-family: Verdana, 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 {
	color: #222222;
	font-weight: bold;
}
.content a:hover {
	color: #7e5b00;
}

.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #191919;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align:left;
}
.sub-content, .sub-content a {
	font-family: Verdana, 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: left;
}
.sub-content a:hover {
	color: #222222;
}
.category-menu, .category-menu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align:justify;
	padding-bottom: 5px;
	padding-top:1px;
	letter-spacing: 0.2px;
}
.category-menu a:hover {
	color: #754103;
	text-decoration: underline;
}
.catalog-title, .catalog-title a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.catalog-title a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* button & form */
.tombol-login {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background-color: #444444;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
	margin-top: 3px;
	margin-bottom: 3px;
	cursor: pointer;
	border: 1px #333333 solid;
}
.tombol-login:hover {
	color: #000000;
	background-color: #eeeeee;
	border: 1px #444444 solid;
}
.tombol-biasa {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background: #444;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
	cursor: pointer;
	border: 1px #333333 solid;
}
.tombol-biasa:hover {
	color: #000000;
	background: #EEE repeat;
	border: 1px #444444 solid;
}
.read-more, .read-more a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	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 {
	color: #970808;
}
#format, .format {
	height:18px;
	vertical-align: middle;
	font-family: Verdana, 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-area {
	height:20px;
	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: 30;
	width:100%;
	border-bottom: 1px #808080 solid;
}
.home-title, .home-title a {
	font-family: Verdana, 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: Verdana, 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;
}
.i-title, .i-title a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #222222;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align:right;
}
.i-title a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #222222;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align:right;
}
.catalog-area {
	width: 100%;
	padding: 10px;
}
.catalog-p {
	text-align: center;
	vertical-align: bottom;
}
.catalog-h {
	width: 450px;
	text-align: center;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}
/* details */
.details-area-enquiry {
	float:left;
	width: 120px;
}

.detail-right {
	float: right;
	width: 450px;
}
.detail-left {
	float:left;
	width: 320px;
}
.details-area-intitle {
	clear: both;
	text-align: center;
	font-weight:bold;
}
.details-area-sptitle {
	clear: both;
	text-align: left;
	font-weight:bold;
}
.details-area-inform, .Arrival, .Departure {
	width:72%;
}
.details-area-inform2 {
	width: 100%;
	height: 100px;
}
.details-area-space {
	height: 25px;
}
.details-area-space-contact {
	height: 58px;
}
.details-area-title {
	float:left;
	width: 90px;
	clear: none;
}

.details-area-titik {
	float:left;
	width: 15px;
	clear: none;
}
.details-area-xcontent {
	float:left;
	clear:right;
}
.details-area-content {
	margin:0px;
}
.details-area-button {
	clear: both;
	text-align: center;
}
.gallery-area {
	border: 1px #bbbbbb solid;
	padding: 0px;
	width: 100%;
	background:#f7f7f7;
}

.gallery-image-tb {
	height: 143px;
	width: 143px;
	padding-left: 10.8px;
	padding-top: 10px;
	padding-bottom:10px;
	float: left;
}
.gallery-image {
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	border:#CCCCCC 1px solid;
	background:#FFF;
}
.gallery-image:hover {
	border:#000000 1px solid;
}
.gallery-title {
	width:98.8%;
	background: #dddddd;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	clear:both;
	text-align:left;
}
.gallery-clear-area {
	clear:both;
	height:5.6px;
}
/* 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: Verdana, 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: Verdana, 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: Verdana, 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: Verdana, 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: Verdana, 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: Verdana, 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: Verdana, 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: Verdana, 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: Verdana, 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: Verdana, 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: Verdana, 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: Verdana, 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: Verdana, 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;
}
.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;
}
/* catalog */
.image-tb {
	padding-top:6px;
	padding-left:6px;
	padding-right:6px;
	padding-bottom: 6px;
	border: #999 1px solid;
	background:#FFF;
}
.image-bg {
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom: 3px;
	border:#CCCCCC 1px solid;
	margin-top:2px;
}
.catalog-area {
	border: 1px #bbbbbb solid;
	padding: 0px;
	width: 780px;
	background:#f7f7f7;
}
.Catalog-image-area {
	width: 164px;
	height: 113px;
	float:left;
	padding-left:24px;
	padding-top:10px;
	padding-bottom: 10px;
}
.catalog-image-set:hover {
	border: #000000 solid 1px;
}
.Catalog-image-area2 {
	width:162px;
	float:left;
	margin-left:14px;
	margin-right:14px;
	clear:left;
	margin-bottom: 10px;
	border: #CCCCCC solid 1px;
}
.Catalog-image-area2:hover {
	border: #000000 solid 1px;
}
.catalog-title-area {
	width:150px;
	padding:4px;
	margin-top:5px;
	margin-bottom:2px;
	background:#4c4c4c;
}
.catalog-order-area {
	width:158px;
	margin-top:5px;
	border:#CCCCCC 1px solid;
	margin-bottom:2px;
}
.catalog-order-area:hover {
	width:158px;
	margin-top:5px;
	border:#008000 1px solid;
	margin-bottom:2px;
	background-color: #9DFF9D;
}
.tombol-order {
	width:158px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background: #444;
	padding-top:1px;
	padding-bottom:1px;
	cursor: pointer;
	border: 1px #333333 solid;
	margin-bottom:2px;
}
.tombol-order:hover {
	color: #000000;
	background: #CCCCCC repeat;
	border: 1px #CCCCCC solid;
}
.catalog-order-text, .catalog-order-text a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.catalog-order-text a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.ctitle, .ctitle a {
	font-family: Verdana, 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: Verdana, 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: Verdana, 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: Verdana, 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-liner {
	margin-top:5px;
	margin-bottom: 5px;
	clear:both;
}
.catalog-area-center {
	width: 160px;
	text-align: center;
	vertical-align: middle;
}
.catalog-image-left{
	float: left;
	width: 165px;
	text-align:left;
}
.catalog-content-left{
	float: left;
	margin-left: 10px;
}
.catalog-area-content {
	clear: none;
	margin-bottom: 5px;
	text-align: justify;
}
.catalog-area-read {
	clear: both;
}

.catalog-area-handler {
	clear: left;
}

.green {
	color:#009900;
}
.red, .red a {
	color: #BF0000;
}
/* shopping chart */

.shopping-area {
	width: 550px;
	border: #999999 solid 1px;
	clear:both;
}
.shopping-header {
	width: 550px;
	height: 25px;
	background-color:#CCCCCC;
}
.shopping-name {
	width: 200px;
	padding: 2px;
}
.shopping-text {
	font-weight:bold;
	padding:2px;
}
.shopping-img {
	width: 100px;
	padding: 2px;
}
.shopping-qty {
	width: 65px;
	padding: 2px;
}
.shopping-code {
	width: 90px;
	padding: 2px;
}
.shopping-left {
	float:left;
	margin-left: 2px;
}
.shopping-message {
	margin:2px;
	width:542px;
	height: 80px;
}
.shopping-right {
	float:right;
	margin-right: 2px;
}
.shopping-clear {
	clear:both;
}
.shopping-liner {
	padding-top: 1px;
}