body {
	color: #EEE;
	background-attachment: fixed;
	background-color: #5E5346;
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-image: url(/images/background.gif);
}
h1 {
	font-size:22px;
}
h4 {
	font-size:18px;
}
a {
	color: #999;
	text-decoration: none;
}
a:hover {
	color:#CCC;
	text-decoration: none;
}
#menu {
	width: 180px;
	text-align:center;
	vertical-align: top;
	float: left;
	clear: right;
}
#content {
	text-align: justify;
	padding: 52px 52px 10px 52px;
	padding-top: 5px;
	width: 696px;
	background-color: #000;
	vertical-align: top;
	line-height: 16px;
	position: relative;
}
#list {
	width: 315px;
	margin-right: 10px;
	padding-right: 5px;
	float: left;
	line-height: 16px;
}
#list ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#list li {
	list-style:disc;
	padding-left: -10px;
	text-align: left;
	margin: 0;
}
#list-section {
	width: 650px;
	margin-right: 10px;
	padding-right: 5px;
	float: left;
	line-height: 16px;
}
#list-section ul {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#list-section li {
	list-style:disc;
	padding-left: -10px;
	text-align: left;
	margin: 0;
}
#list-section li a {
	color: white;
	text-align: left;
	font-weight: bold;
	margin: 0;
	font:14px;
}
/***************List for Japan Language**************/
#text-japan {
	text-align: justify;
	padding: 0px;
	margin: auto;
	width: 600px;
	background-color: #000;
	vertical-align: top;
	line-height: 20px;
}
#list-jp {
	width: 280px;
	margin-right: 10px;
	padding-right: 5px;
	float: left;
	line-height: 16px;
}
#list-jp ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#list-jp li {
	list-style:disc;
	padding-left: -10px;
	text-align: left;
	margin: 0;
}
#list-section-japan {
	width: 550px;
	margin-right: 10px;
	padding-right: 5px;
	float: left;
	line-height: 20px;
}
#list-section-japan ul {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#list-section-japan li {
	list-style:disc;
	padding-left: -10px;
	text-align: left;
	margin: 0;
}
#list-section-japan li a {
	color: white;
	text-align: left;
	font-weight: bold;
	margin: 0;
	font:14px;
}
/*****************************/	
#links {
	text-align:left;
	width:100%;
	height:50px;
	font:12px;
	color:#FFFFFF;
}
.wraptocenter * {
	vertical-align: top;
}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/
[if lt IE 8]><style> .wraptocenter span {
 display: inline-block;
 height: 100%;
}
/******************************/
#link-title {
	margin:0;
	width: 696px;
	text-align: center;
	font-size: 13px;
}
#link-title a {
	margin:0;
	font-size: 14px;
	color: #cccccc;
}
#link-title a:hover {
	margin:0;
	color: #999999;
}
#content-links {
	text-align: justify;
	padding: 0;
	margin: 0;
	width: 696px;
	color: #ccc;
	vertical-align: top;
}
#content-links a {
	color: #999;
	text-decoration: none;
}
#content-links a:hover {
	color: #ccc;
	text-decoration: none;
}
.red {
	color: #FF0000;
}
/*****************************/
div.htmltooltip {
	position: absolute; /*leave this and next 3 values alone*/
	z-index: 1000;
	left: -1000px;
	top: -1000px;
	background: #000;
	border: 7px solid #666;
	color: white;
	padding: 5px;
	width: 650px; /*width of tooltip*/
}
/******************************/
.icon {
	float:left;
	clear: right;
	padding: 0;
	margin: 0;
}
/******************POPUP********************/
	
#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fade {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 10;
}
.popup_block {
	background: #ddd;
	padding: 10px 10px;
	border: 10px solid #777;
	float: left;
	width: 600px;
	position: fixed;
	top: 10%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;
}
.popup_block .popup {
	float: left;
	width: 100%;
	height: 430px;
	overflow:auto;
	background: #000;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #aaa;
}
.popup_block .popup_small {
	float: left;
	width: 96%;
	height: 250px;
	overflow:auto;
	background: #000;
	margin: 0;
	padding: 10px;
	border: 1px solid #aaa;
}
.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #aaa;
	font-size: 1.5em;
	font-weight: normal;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup img.cntrl {
	position: absolute;
	right: -17px;
	top: -17px;
	behavior:url(iepngfix.htc);
}
.popup_small h3 {
	margin: 0 0 10px;
	padding: 5px 0px;
	border-bottom: 1px solid #aaa;
	font-size: 1.5em;
	font-weight: normal;
}
.popup_small p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup_small img.cntrl {
	position: absolute;
	right: -17px;
	top: -17px;
	behavior:url(iepngfix.htc);
}
/*--Making IE6 Understand Fixed Positioning--*/
 
*html #fade {
	position: absolute;
 top:expression(eval(document.compatMode &&  document.compatMode=='CSS1Compat') ?  documentElement.scrollTop : document.body.scrollTop);
}
*html .popup_block {
	position: absolute;
 top:expression(eval(document.compatMode &&  document.compatMode=='CSS1Compat') ?  documentElement.scrollTop  +((documentElement.clientHeight-this.clientHeight)/2) 	: document.body.scrollTop  +((document.body.clientHeight-this.clientHeight)/2));
 left:expression(eval(document.compatMode &&  document.compatMode=='CSS1Compat') ?  documentElement.scrollLeft  + (document.body.clientWidth /2 ) 	: document.body.scrollLeft  + (document.body.offsetWidth /2 ));
}
/*********************Languange**********************/
	#select_lang {
	color: #FFF;
	float:right;
	display:inline;
	clear:left;
	margin-left:14px;
	margin-top:5px;
	width:120px;
}
#selection {
	border:1px solid #BFBFBF;
	color:#333;
	font-size:13px;
	width:120px;
	height: 20px;
	float:right;
}
.lang_en {
	background:url(/images/flags/en-on.gif) left no-repeat;
	float: left;
	height: 20px;
	padding-left: 30px;
	color:#000;
}
.lang_id {
	background:url(/images/flags/id-on.gif) left no-repeat;
	float: left;
	height: 20px;
	padding-left: 30px;
	color:#000;
}
.lang_jp {
	background:url(/images/flags/jp-on.gif) left no-repeat;
	float: left;
	height: 20px;
	padding-left: 30px;
	color:#000;
}
.lang_ru {
	background:url(/images/flags/ru-on.gif) left no-repeat;
	float: left;
	height: 20px;
	padding-left: 30px;
	color:#000;
}
/****************************************SLIDESHOW*********************************************/
#villaFrame {
	width: 696px;
	padding-bottom: 5px;
	border-bottom: #444 1px solid;}
/******************************************BOOK NOW********************************************/
#booknow {
	width: 696px;
	text-align: right;	
	padding: 10px 0;
	}
#booknow .book a{ text-align: right; padding: 5px; color:#aaaaaa; background-color:#483f35; border: 1px solid #222;}
#booknow .book a:hover { text-align: right;color:#fff; background-color:#322b22;}

.guest_sml {color: #FFF; font-size:9px;}

/**************************************FORM STYLE*********************************************/
.formstyle {
	background:#222;
	border:1px solid #555;
	color:#ddd;
	padding:3px;
	cursor:default;
	overflow:auto;}
	
/*******************************************************************************/
/********************************MEDIA ROOM**********************************/
div.hr {
  height: 1px; margin-bottom: 10px;
}

#year_mag {
	background-color:#222; color:#FFF; padding: 5px; text-align: center; font-size: 18px; border-bottom: 1px #555 solid; font-weight: bold; margin-bottom: 10px; margin-top: 30px;}
#break {margin-top: 10px; margin-bottom: 10px; border-bottom: 1px #333 solid;}
#mag_title {
	background-color:#222; color:#FFF; padding: 5px; text-align: center; font-size: 18px; border-bottom: 1px #555 solid; font-weight: bold; margin-bottom: 10px; margin-top: 20px; line-height:22px;}
	
#menus_title {
	color:#FFF; padding-bottom: 5px; text-align: left; font-size: 18px; border-bottom: 1px #555 solid; font-weight: bold; margin-bottom: 10px; margin-top: 20px; line-height:22px;}
.grey {
	color:#999;}
/*******************************************************************************/
/*********************************CAPITALIZE************************************/
.caps {
	text-transform: capitalize;}
.lowercase {
	text-transform: lowercase;}
#news-list { line-height: 22px;}
/*****************************************************************************/