/*
 *
 * 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: #9b9b82;
}
.main-background-area {
	width: 840px;
	background: url(images/main-background.jpg) repeat-y top;
}
.header {
	background: url(images/bali-yoga-canti.jpg) bottom no-repeat;
	width: 800px;
	height: 250px;
	padding-top:8px;
}
.header-shadow {
	background: url(images/baliyogacanti-shadow.jpg) right top no-repeat;
	width: 800px;
	height: 14px;
}
.menu-area {
	background: url(images/menu-backgroud.jpg) top left repeat;
	width: 800px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.main-menu {
	padding-left: 5px;
	padding-right: 5px;
	float:left;
}
.menu-shadow {
	background: url(images/menu-shadow.jpg) top left no-repeat;
	width: 800px;
	height: 13px;
}
.main-content {
	width: 800px;
	margin-left:20px;
	margin-right:20px;
}
.left-area {
	width:510px;
	float:left;
	clear:left;
	margin-left: 10px;
	margin-right:10px;
}
.right-area {
	width:250px;
	float:right;
	clear:right;
	margin-left: 10px;
	margin-right: 10px;
}
.about-border {
	border: #9b9b82 1px solid;
	background: #f0f0dd;
	padding:10px;
}

.menu-chakra-card-area {
	background: url(images/chakra-card-back.jpg) repeat center;
	width: 820px;
}
.shad-3 {
	width:820px;
	height:14px;
	background: url(images/chakra-shadow.jpg) no-repeat center top;
}
.title3 {
	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: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin-left:15px;
}
.chakra-card-area {
	width: 780px;
}
.sahasrara {
	width: 101px;
	height: 133px;
	margin-left: 9px;
	float:left;
}
.right-menu-header {
	background:url(images/bag-menu-header.jpg) repeat-x top;
	height:37px;
}
.side-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: #FFFFFF;
	text-decoration: none;
	text-align: left;
	margin-left:15px;
	padding-top:10px;
	float:left;
}
.arrow {
	background:url(images/bag-menu-arrow.jpg) no-repeat right;
	height:37px;
	margin-right:15px;
}
.menu-content {
	width:225px;
	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: #333333;
	text-decoration: none;
	text-align: justify;
	margin-bottom: 8px;
	margin-top:8px;
}
.box-area {
	width:250px;
	background-color:#f0f0dd;
	border:#9b9b82 solid thin;
}
.footer-area {
	width:800px;
	padding : 10px;
	margin-left:20px;
	margin-right:20px;
}
.space {
	clear:both;
	height:10px;
}
.space-clear {
	clear:both;
	height:0px;
}
.img-sp {
	float:left;
	margin-left:22px;
	border:#9b9b82 solid 2px;
}
.img-1 {
	border:#9b9b82 solid 2px;
	margin-right: 8px;
	margin-top: 5px;
}
.img-r {
	border:#9b9b82 solid 2px;
	margin-left: 8px;
	margin-top: 5px;
}
.img-c {
	border:#9b9b82 solid 2px;
}

/* main text */
.title, .title a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #40401f;
	text-decoration: none;
	text-align: left;
}
.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;
}
.detail-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #222222;
	text-decoration: none;
	text-align: left;
}
.detail-liner {
	height:1px;
	background-color:#c9c9ae;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}
.content, .content a {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #111111;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: justify;
}
.content a:hover {
	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: underline;
	text-align: justify;
}
.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: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
.menu a:hover {
	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: #b98b00;
	text-decoration: none;
}
.menu-partner, .menu-partner a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #615c49;
	text-decoration: none;
	padding-top:7px;
}
.menu-partner a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #9b9b83;
	text-decoration: none;
	padding-top:7px;
}
.link-partner, .link-partner a {
	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: #615c49;
	text-decoration: none;
}
.link-partner a:hover {
	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: #9b9b83;
	text-decoration: none;
}
.footer, .footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #222222;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.footer a: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:13px;
	font-family: 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: #5a5a3f;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
	cursor: pointer;
	border: 1px #9b9b83 solid;
}
.tombol-biasa:hover {
	font-size:13px;
	font-family: 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: #a2a28a;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
	cursor: pointer;
	border: 1px #9b9b83 solid;
}
.read-more, .read-more a {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #970808;
	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: 11px;
	color: #858585;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	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 {
	height:1px;
	background-color:#c9c9ae;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}

#area-back {
	text-align:center;
}

.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:  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;
}
.i-title, .i-title a {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #111111;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin-bottom: 5px;
}
.i-title a:hover {
	color: #5a5a3f;
}
.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;
}
.image-tb {
	border: 1px solid #333333;
}
/* catalog */
.carea {
	border: 1px solid #9b9b83;
	background: #9b9b83;
	padding: 5px;
	padding-left:10px;	
	padding-right:10px;
	margin-bottom:3px;
}
.carrow {
	background:url(images/bag-cat-arrow.jpg) left no-repeat;
	padding-left:10px;	
}
.careasub {
	border: 1px solid #9b9b83;
	padding-top :5px;
	padding-bottom :5px;
	padding-left: 10px;
	margin-top:-3px;
	margin-bottom:3px;
}
.careasub2 {
	padding-left: 10px;
	padding-right: 30.1px;
	padding-top:6px;
	padding-bottom:6px;
	float:left;
}

.ctitle, .ctitle a {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: left;
}
.ctitle a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: left;
}
.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;
}
.csubtitle, .csubtitle a {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.csubtitle a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #888888;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.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-inquire {
	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 {
	margin-top:2px;
	margin-bottom:2px;
}
.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%;
	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;
}

/* 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;
}

/*media*/
.media-area {
	width: 160px;
	height: 160px;
	float:left;
	padding-left: 10px;
	margin-bottom: 15px;
}
.media-space {
	background-color:#FFF;
	padding:5px;
	border:none;
}

/*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: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #999999;
}
.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;
}