@charset "UTF-8";
/*************************************/
/* GLOBAL STYLES
/*************************************/
body {
	margin:0px;
	padding:0px;	
}
/***********************************************/
/* MENU LANGUAGE FLAGS
/**********************************************/
li.flag a {
	display:none;
}
li.flag-desk a {
	display:inline-block;
	margin:0;
	padding:0;
	width:24px;
	height:19px;
	background:url(../images/flag_sprites.gif) no-repeat;
}
li.flag-desk a.english {
	margin:5px 10px 0 5px;
	background-position:0px 0px;
	}
li.flag-desk a.english:hover {
	background-position:0px -24px;
	}
li.flag-desk a.indo {
	margin:5px 10px 0 5px;
	background-position:-29px 0px;
	}
li.flag-desk a.indo:hover {
	background-position:-29px -24px;
	}
/*************************************/
/* MAIN CONTENT STYLES
/*************************************/
#main-content {
    max-width:978px;
	padding:50px 0 0 0;
	border-right:solid 1px #5de;
	border-left:solid 1px #5de;
}
.translation {   
	position:relative;
	float:left;
    width:calc(61.6% - 4px);
	margin:10px 0 10px 0;
	padding:10px;
    border:solid 2px #5de;
	background:#cff;
}
/*************************************/
/* COLUMN STYLES
/*************************************/
.col-100 {
	position:relative;
	float:left;
	width:calc(100% - 40px);
	margin:0px 20px 10px 20px;
}
.col-66 {
	position:relative;
	float:left;
    width:calc(66.66666% - 3px);
	margin:2px 0 0 0;
}
.col-50 {
	position:relative;
	float:left;
    width:calc(50% - 40px);
	padding:0 20px;
}
/*************************************/
/* SIDEBAR STYLES
/*************************************/
.sidebar {   
	position:relative;
	float:left;
    width:calc(33.33333% - 42px);
	padding:0 20px 20px 20px;
	border-left:solid 2px #5de;
}
.sidebar h2 {
	font-weight:400;
	color:#fff;
	background-color:#0ab;
	border:solid 2px #5de; 
	border-left:none; 
	margin:0 0 .5em -1.2em;
	padding:3px 0 3px 20px; 
}
.sidebar h3 {
	font-family:verdana,sans-serif;
	font-size:.9em;
	font-weight:bold;
	color:#0ab;	
	margin:0 0 .75em 0;
}
.sidebar h3.below-btn {
	padding-top:3.1em;
}
.sidebar ul {
	margin-top:.7em;
}
/*************************************/
/* BUTTON STYLES
/*************************************/
.cta-btn-box {
	position:relative;
	float:right;
	width:calc(68% - 20px);
	margin:-10px 0 10px 0;
}
.btn-lt {
	position:relative;
	float:left;
	margin:.7em 1.4em 0 0;
}
.btn-box {
	position:relative;
	float:left;
}
.btn-rt {
	position:relative;
	float:left;
	width:11em;
	margin:.3em .8em .2em 0; /* top, right, bottom, left */
}
/*.btn-rt {
	position:relative;
	float:left;
	margin:.7em .7em 0 0;
}*/
.btn-sidebar {
	position:relative;
	float:left;
	margin:-.4em .7em 0 0;
}
.btn-room-type {
	position:relative;
	float:left;
	margin:0 .5em 1em 0;
}
.btn-room-type.top {
	margin-top:-.7em;
}
.btn-room-type.last {
	margin-bottom:1.2em;
}
.btn-lt a, .btn-rt a, .btn-sidebar a, .btn-room-type a {
	text-decoration:none;
}
.btn-lt a:hover, .btn-rt a:hover, .btn-sidebar a:hover, .btn-room-type:hover {
	color:#fff;
}
.btn-lt, .btn-rt, .btn-sidebar, .btn-room-type {
	font-family:Verdana;
	color:#25c;
	font-size:1.1em;
	font-weight:normal;
	padding:4px 5px 4px 5px;
	background: rgb(148,233,244); /* Old browsers */	
	background: -moz-linear-gradient(top, rgba(148,233,244,1) 0%, rgba(85,221,238,1) 50%, rgba(31,189,206,1) 100%); /* FF3.6+ */	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,233,244,1)), color-stop(50%,rgba(85,221,238,1)), color-stop(100%,rgba(31,189,206,1))); /* Chrome,Safari4+ */	
	background: -webkit-linear-gradient(top, rgba(148,233,244,1) 0%,rgba(85,221,238,1) 50%,rgba(31,189,206,1) 100%); /* Chrome10+,Safari5.1+ */	
	background: -o-linear-gradient(top, rgba(148,233,244,1) 0%,rgba(85,221,238,1) 50%,rgba(31,189,206,1) 100%); /* Opera 11.10+ */	
	background: -ms-linear-gradient(top, rgba(148,233,244,1) 0%,rgba(85,221,238,1) 50%,rgba(31,189,206,1) 100%); /* IE10+ */	
	background: linear-gradient(to bottom, rgba(148,233,244,1) 0%,rgba(85,221,238,1) 50%,rgba(31,189,206,1) 100%); /* W3C */	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94e9f4', endColorstr='#1fbdce',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius:4;
	-moz-border-radius:4;
	border-radius:4px;
	border:solid 1px #5de;
	-moz-box-shadow:-5px 5px 10px -7px #333;
	-webkit-box-shadow:-5px 5px 10px -7px #333;
	box-shadow:-5px 5px 10px -7px #333;
}
.btn-lt:hover, .btn-rt:hover, .btn-sidebar:hover, .btn-room-type:hover {
	background:#0ab;
	background-image:-webkit-linear-gradient(top,#0ab,#5de);
	background-image:-moz-linear-gradient(top,#0ab,#5de);
	background-image:-ms-linear-gradient(top,#0ab,#5de);
	background-image:-o-linear-gradient(top,#0ab,#5de);
	background-image:linear-gradient(to bottom,#0ab,#5de);
	border:solid 1px #0ab;
	-moz-box-shadow:-3px 3px 6px -5px #333;
	-webkit-box-shadow:-3px 3px 6px -5px #333;
	box-shadow:-3px 3px 6px -5px #333;
}

/*************************************/
/* ROOM RATES STYLES
/*************************************/
/*#rates {
    width:calc(100%-40px);
    margin:10px 20px 30px 20px;
}   3 COLUMNS */
#rates {
    width:calc(100%-60px); /* was 40px - 60px allows for 5 columns */
    margin:10px 20px 30px 20px;
}

#rates td.bold{
	font-weight:bold;
}
#rates table { 
	width:100%; 
	border-collapse:collapse; 
}
#rates tr:nth-of-type(odd) { 
	background:#cff;
}
#rates th { 
	background:#0ab; 
	color:white; 
	font-weight:bold;
}
#rates th.no-border { 
	border-right:1px solid #0ab; 
}
#rates th.right { 
	text-align:right;
    padding-right:15px;	
}
#rates td.blue{
	color:#25c;	
}
#rates td.crimson{
	color:#bb004c;	
}
#rates td.no-border { 
	border-right:1px solid #cff;
}
#rates td.border-white { 
	border-right:1px solid #fff;
}
#rates th, td { 
	padding:6px; 
	border:1px solid #5de;
	text-align:left;
    /*border:1px solid red;*/
}
#rates td.last {
	height:2px; /* was 18px */
	background:#cff;
}
#rates td.last-white {
	height:2px;
	background:#fff;
}
#rates a {
	color:#bb004c;	
	text-decoration:underline;
}
#rates a.blue {
	color:#25c;	
	/*text-decoration:underline; */
}
#rates a:hover {
	text-decoration:none;
}
/*************************************/
/* TESTIMONIAL STYLES
/*************************************/
.quote-mark {
	font-size:1.7em;
	font-weight:bold;
	line-height:.6em;
	color:#0ab;
}
.author {
	position:relative;
	max-width:450px;
	margin:1.4em 0 1.8em 0;
	padding-left:21%;
}
.author p{
	font-family:"Orienta", sans-serif;
	font-size:.9em;
	font-style:italic;
	font-weight:normal;
	color:#616161;
}
.bubble {
	position:relative;
	display:inline-block;
	max-width:450px;
	min-height:1.5em;
	padding:20px 20px 7px 20px;
	background:#fff;
	border:#5de solid 2px;
	  -webkit-border-radius:10px;
	  -moz-border-radius:10px;
	border-radius:10px;
}
.bubble:after {
	content:"";
	position:absolute;
	bottom:-15px;
	left:20%;
	border-style:solid;
	border-width:15px 15px 0;
	border-color:#fff transparent;
	display:block;
	width:0;
	z-index:1;
}
.bubble:before {
	content:"";
	position:absolute;
	bottom:-19px;/*was19.5*/
	left:calc(20% - 1px);  
	border-style:solid;
	border-width:18px 18px 0;
	border-color:#5de transparent;
	display:block;
	width:0;
	z-index:0;
}
/*************************************/
/* FAQ STYLES
/*************************************/
#faq-intro {
	position:relative;
	float:left;
	width:100%;
}
.quick-links {
	position:relative;
	float:left;
	margin:25px 20px -10px 25px ;
}
/*************************************/
/* CONTACT PAGE STYLES
/*************************************/
.contact-box {
	padding:0px 0px 15px 20px;
}
.contact-box .contact {
    width:calc(33.33333% - 24px);
	margin-right:20px;
	margin-bottom:10px;
	float:left;
	background-color:#cff;
	border:solid 2px #5de;
}
.contact-box .contact .content {
	padding:0px 10px 15px 10px;
}
.contact-box h2 {
	padding:3px 0px 5px 0px;
	margin:0 -10px 0 -10px;
	text-align:center;
	font-weight:400;
	color:#fff;
	background-color:#0ab;
	border-bottom:solid 2px #5de;
}
.contact h3 {
	font-size:1.2em;
	margin:.5em 0 .5em .35em;	
}
.contact-box p {
	font-size:.9em;
	margin:.5em 0.5em 0;
	line-height:1.8em;
}
li.gap {
	list-style-position:inside;
	margin:10px 0 15px 0;	
}
#enquiry-form {
	position:relative;
	float:left;
	margin:10px 0 20px 20px;
    width:calc(66.66666% - 42px);
	background-color:#cff;
	border:solid 2px #5de;
}
#thanks {
	position:relative;
	float:left;
	width:50%;
	margin-left:23%;
	margin-bottom:20px;
	padding:0px 20px 10px 20px;
	font-size:1em;
	background-color:#cff;
	border:solid 1px #5de;
}
/*************************************/
/* TEXT-BASED PAGE STYLES
/*************************************/
#block-text {
	position:relative;
	float:left;
	width:calc(100%-40px);
	margin:0px 20px 20px 20px;
	padding:0px 20px 20px 20px;
	background-color:#dff;
	border:solid 2px #5de;
}
#block-text h2 {
	margin:1em 0 .5em 0;
}
/*************************************/
/* SITE-MAP PAGE STYLES
/*************************************/
#site-map {
	position:relative;
	float:left;
	width:calc(100%-40px);
	margin:0px 20px 20px 20px;
	padding:0px 20px 20px 20px;
	background-color:#dff;
	border:solid 2px #5de;
}
#site-map h2 {
	font-weight:bold;
	margin:1em 0 2.5em 0;
}
#site-map a {
	font-weight:bold;
	text-decoration:underline;	
}
#site-map p {
	margin:.75em 0 0 2em;	
}
#site-map li {
	margin:1em 0 0 0;	
}
#site-map li.top {
	margin:3em 0 0 0;	
}
#site-map li.low {
	margin-bottom:-.75em;	
}
#site-map ul li ul {
	margin-left:0;
}
/*************************************/
/* FOOTER STYLES
/*************************************/
#copyright {
	padding:14px 20px 6px 20px;
}
#social-media {
	margin:0 20px 0 0;
}
/*************************************/
/* END CSS STYLES
/*************************************/