/* CSS Document */

body {
background-color:#FFFFFF;
	color: #FFFFFF;
	margin-top: 30px;
}
h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
	}
.retreattag{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
}
.leftmenu {
 	backgorund-color: #660033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #ffffff;
	margin: 2px;
	padding: 10px 5px 10px 5px;
}
A.cokie:link { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#660033}
A.cokie:visited { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#660033}
A.cokie:active { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#660033}
A.cokie:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#660033;
	text-decoration: underline;
}
A.cokiex:link { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#ffffff}
A.cokiex:visited { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#ffffff}
A.cokiex:active { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#ffffff}
A.cokiex:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffffff;
	text-decoration: underline;
}
.lefttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
	margin: 2px;
	padding: 2x;
}
A.cksm:link { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; color:#ffffff}
A.cksm:visited { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; color:#ffffff}
A.cksm:active { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; color:#ffffff}
A.cksm:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 10px; 
	color:#ffffff;
	text-decoration: underline;
}
.mystyle { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; color:#ffffff}
.styleck1 {font-size: 11px; font-family: Verdana; color: #ffffff;}
.styleck2 {font-size: 11px; font-family: Verdana; color: #ffffff; font-weight: bold;}

A.ck:link { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#ffffff}
A.ck:visited { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#ffffff}
A.ck:active { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#ffffff}
A.ck:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffffff;
	text-decoration: underline;
}

A.san:link { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#000000}
A.san:visited { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#000000}
A.san:active { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#000000}
A.san:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	text-decoration: none;
}


A.ckc:link { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#ffffff}
A.ckc:visited { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#ffffff}
A.ckc:active { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#ffffff}
A.ckc:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffffff;
	text-decoration: underline;
}



A.ckx:link { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#ffffff}
A.ckx:visited { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#4AEC30}
A.ckx:active { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#ffffff}
A.ckx:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffffff;
	text-decoration: underline;
}

A.cs:link { text-decoration:none; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#ffcc00}
A.cs:visited { text-decoration:none; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#ffcc00}
A.cs:active { text-decoration:none; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#ffcc00}
A.cs:hover {
	font-weight:bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffcc00;
	text-decoration: none;
}

A.cm:link { text-decoration:none; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff}
A.cm:visited { text-decoration:none; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff}
A.cm:active { text-decoration:none; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff}
A.cm:hover {
	font-weight:bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffffff;
	text-decoration: none;
}

A.ckb:link { text-decoration:none; font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#ffffff}
A.ckb:visited { text-decoration:none; font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#ffffff}
A.ckb:active { text-decoration:none; font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#ffffff}
A.ckb:hover {
	font-weight:bold;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffffff;
	text-decoration: none;
}



A.ck1:link { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#862052}
A.ck1:visited { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#EA0E7C}
A.ck1:active { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#ffffff}
A.ck1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffffff;
	text-decoration: underline;
}


A.cw:link { text-decoration:none; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#FF9933}
A.cw:visited { text-decoration:none; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#FFCC33}
A.cw:active { text-decoration:none; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#FF6633}
A.cw:hover {
	font-weight:bold;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffcc00;
	text-decoration: none;
}
A.cz:link { text-decoration:none; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#000066}
A.cz:visited { text-decoration:none; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#000066}
A.cz:active { text-decoration:none; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#000066}
A.cz:hover {  font-weight:normal; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#ff9900}

.bdr {
	border: 1px solid #ffffff;
}
.style15 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
}
.style16 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;

}
.retreattitle {font-family: Verdana, Arial, Helvetica; font-weight: bold; font-size: 1em; color: #FFFFFF;}
.retreat {font-family: Verdana, Arial, Helvetica; font-weight: normal; font-size: 0.8em; color: #FFFFFF;}
.etwaja {font-family: Verdana, Arial, Helvetica; font-weight: normal; font-size: 0.8em; color: #000000;}
.etwtitle {font-family: Verdana, Arial, Helvetica; font-weight: bold; font-size: 1em; color: #000000;}
.etwtitle1 {font-family: Verdana, Arial, Helvetica; font-weight: bold; font-size: 1em; color: #000000;}
.etwtitle2 {font-family: Verdana, Arial, Helvetica; font-weight: bold; font-size: 1em; color: #000000;}

ul.retreat { 
	margin: 0 0 0 20px;
	padding: 0; }

	ul.retreat li { }

.retreatprice {font-family: Verdana, Arial, Helvetica; font-weight: normal; font-size: 0.8em; color: #000;}
.style18 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; }
.style19 {color: #FFFFFF}
.style24 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.style25 {font-family: Arial, Helvetica, sans-serif}
.style26 {font-size: 12px}
.style30 {font-size: 12px; font-family: Arial; color: #ffffff;}
.style33 {font-size: 12px; font-family: Verdana; color: #ffffff;}
.style32 {font-size: 13px; font-family: Arial; color: #000066;}
.style31 {font-size: 12px; font-family: Verdana; color: #ffffff; font-weight: bold;}.img1 {
	background-attachment: fixed;
	background-image:  url(/images_zen/reservation/zen-bali-spa-waterfall.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bdr2 {
	border: 1px solid #000000;
	margin: 3px;
	padding: 3px;

}
.imgstr {
	background-position: center top;
	height: auto;
	width: auto;
	top: auto;
	bottom: auto;
	background-repeat: no-repeat;



}
.smtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFCC00;
}
.bdrbld {
	border: 1px solid #ffffff;
	margin: 4px;
	padding: 4px;

}
.print {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	font-weight: normal;
	color: #000000;
	margin: 4px;
	padding: 4px;
}
.style34 {
	font-size: 18px;
	font-family: Arial;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;


}
.imgbdr {
	border: 1px solid #ffffff;
}
.popInfoDiv {
	font-family:verdana;
	font-size: 10px;
	color: #000000;
	background-color: #b7b7b7;
	visibility: hidden;
	border: 1px solid #FFFFFF;
	padding: 1px 1px 2px;
	width: 160px;
	position: absolute;
}
.headleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #FFFFFF;
	background-position: left;

}
.headright {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #FFFFFF;
	background-position: right;
}

#dropmenudiv{
position:absolute;
background-color: #660033;
border:1px solid #ffffff;
border-bottom-width: 0;
font:normal 11px verdana;
color: #ffffff;
z-index:100;
}

#dropmenudiv a{
background-color: #660033;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ffffff;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
color: #ffffff;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #660033;
color: #ffffff;
}

#dropmenudiv a:visited{
color: #ffffff;
}



#dropmenudiz{
position:absolute;
background-color: #660033;
border:1px solid #ffffff;
border-bottom-width: 0;
font:normal 11px verdana;
color: black;
z-index:100;
}

#dropmenudiz a{
background-color: #660033;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ffffff;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
color: #ffffff;
}

#dropmenudiz a:hover{ /*hover background color*/
background-color: #660033;
color: #ffffff;
}

#dropmenudiz a:visited{
color: #ffffff;
}

/* Sample CSS definition for the example list. Remove if desired */
.navlist li {
list-style-type: square;
width: 135px;
background-color: #FFFFB9;
}
.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid #ffffff;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #660033;
width: 135px;
}

.anylinkcss a{
color: #ffffff;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ffffff;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #660033;
color: #ffffff;
}
.anylinkcss a:visited{ /*hover background color*/
background-color: #660033;
color: #ffffff;
}
.bgtext01 {
	background-image: url(../images/iyan_01.gif);
	background-repeat: no-repeat;
	width: 347px;
}
.bgtext02 {
	background-image: url(../images/iyan_02.gif);
	width: 241px;
		background-repeat: no-repeat;
}
.bgtext03 {
	background-image: url(../images/iyan_03.gif);
		width: 12px;
		height: 449;
}
.bgtext11 {
	background-image: url(../images/retreat_01.gif);
	background-repeat: no-repeat;
	width: 347px;
}
.bgtext12 {
	background-image: url(../images/retreat_02.gif);
	width: 241px;
		background-repeat: no-repeat;
}
.bgtext13 {
	background-image: url(../images/retreat_03.gif);
		width: 12px;
		height: 450;
}
.bgtext21 {
	background-image:   url(../gambar/ubud_yoga_retreat_01.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 176px;
}
.bgtext22 {
	background-image:   url(../gambar/ubud_yoga_retreat_02.gif);
	width: 302px;
	height: 274px;
		background-repeat: no-repeat;
}
.bgtext23 {
	background-image:   url(../gambar/ubud_yoga_retreat_04.gif);
		width: 79px;
		height: 274px;
}
.bgtext24 {
	background-image:   url(../gambar/ubud_yoga_retreat_05.gif);
		width: 219px;
		height: 56px;
}
.bgtext31 {
	background-image:   url(../gambar/yoga_retreat_northbali.gif);
	background-repeat: no-repeat;
	 width: 600px;
	  height: 176px;
}
.bgtext32 {
	background-image:   url(../gambar/bali_yoga_gaiaoasis.gif);
	width=: 302px;
	 height: 274px;
		background-repeat: no-repeat;
}
.bgtext33 {
	background-image:   url(../gambar/bali_retreat_gaiaoasis.gif);
		 width: 79px; 
		 height: 274px;
		 background-repeat: no-repeat;
}
.bgtext34 {
	background-image:   url(../gambar/gaiaoasis_yogaretreat.gif);
		width: 219px; 
		height: 56px;
		 background-repeat: no-repeat;
}
.bgtext35 {
		width: 219px; 
		height: 218px;
}
.bgtext41 {
	background-image:   url(../gambar/bali_yoga_retreat.gif);
	background-repeat: no-repeat;
	 width: 600px;
	  height: 176px;
}
.bgtext42 {
	background-image:   url(../gambar/yoga_retreat_testimonial.gif);
	width=: 302px;
	 height: 274px;
		background-repeat: no-repeat;
}
.bgtext43 {
	background-image:   url(../gambar/spa_retreat_testimonial.gif);
		 width: 79px; 
		 height: 274px;
		 background-repeat: no-repeat;
}
.bgtext44 {
	background-image:   url(../gambar/spa_retreat_bali.gif);
		width: 219px; 
		height: 56px;
		 background-repeat: no-repeat;
}
.picbdr {
	border: 1px solid #000000;
	background-color: #ffffff;
	valign: top;
}
.textinside {
	background-color: #ba967b;
	font-size: 12px;
	font-family: Arial;
	color: white;
	padding: 5px;
	font-weight: normal;
	text-indent: 15px;
	margin: 15px;
}
.textinimg {
    background-image:  url(../gambar/trans.png);
		 filter:Alpha(Opacity=70);
		background-repeat: repeat;
		width: 100%;
		height: 450;
}
.textinimg2 {
    background-image:  url(../gambar/trans3.png);
		 filter:Alpha(Opacity=65);
		background-repeat: repeat;
		width: 100%;
		height: 450;
}
.textini {
	filter:Alpha(Opacity=150);
	font-size: 12px;
	font-family: Arial;
	color: white;
	padding: 5px;
	font-weight: normal;
	text-indent: 15px;
	margin: 15px;
}
.boxy1 {
	background-color: #FFFF00;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	margin: 4px;
	padding: 4px;

}
.boxy2 {
	background-color: #862052;
	text-align: left;
	width: 100%;
}
.boxy2x {
	background-color: #862052;
	text-align: right;
	width: 100%;
}
.boxy3 {
	margin: 2px;
	padding: 2px;
	border: 1px solid #FF9933;
	background-color: #004003;

}
.boxy4 {
	margin: 5px;
	padding: 5px;
}
.tablerates {
	border: 1px solid #cccccc;
	background-color: #862052;
	font-size: 12px; 
	font-family: Verdana; 
	color: #ffffff; 
	font-weight: bold;
}


/* HTML Tags */

h3 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em; }
	
label {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em; 
	color: #ffffff;
	font-weight: normal;
	}
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
	font-weight: normal;
}
.leftbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #ffffff;
	font-weight: normal;
	padding: 5 0 0 0;
}
.zenbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
	font-weight: normal;
}