@charset "UTF-8";
/*************************************/
/* GLOBAL STYLES
/*************************************/
body {
	color:#000;
	line-height:1.5em;
	font-family:verdana,sans-serif;
	font-size:13px;
	background:#cff; 
	}
html { 
	overflow-y:scroll;
}
#page {
	max-width:980px;
	margin:0px auto 0px auto;
	background-color:#fff;
}
header{
	width:100%;
	position:relative;
	float:left;
	margin:0;
	padding:0;
}
#banner {
	height:0;
	padding-bottom:40.8163%; /*40.96%*/
	background-position:center center;
    background-size:100%;
    background-repeat:no-repeat;
}
@media all and (min-width:801px) {
    #banner {
        background-image:url(../images/banner-lge.jpg);
    }
}
@media all and (min-width:501px) and (max-width:800px) {
    #banner {
        background-image:url(../images/banner-med.jpg);
    }
}
@media all and (max-width:500px) {
    #banner {
        background-image:url(../images/banner-sm.jpg);
    }
}
/*************************************/
/* HEADING STYLES
/*************************************/
h1, h2, h3, h4 {
	font-family:"Orienta", sans-serif;
}
h1 {
	font-size:1.8em;
	font-weight:400;
	line-height:1.3em;	
	color:#25c;
	margin:-1.6em 0 .5em 1.0em;
}
h2 {
	font-size:1.3em;
	line-height:1.3em;	
	font-weight:bold;
	color:#0ab;
	margin:.5em 0 .5em 0;
}
h3 {
	font-size:1.1em;
	font-weight:400;
	color:#0ab; 
	margin:0 0 1em 0;	
}
h4 {
	font-size:1.0em;
	font-weight:bold;
	color:#000; 
	margin:0 0 1em 0;	
}
/*************************************/
/* TEXT STYLES
/*************************************/
p {
	font-size:.9em;
	margin:0 0 .75em 0;
}
p.spacer-half {
	width:50%;
	border:dotted 1px #5de;
}
p.spacer {  
	width:100%;	
	border-bottom:solid 1px #5de;
	padding-top:1em;
}
.left {
	text-align:left;	
}
.centre {
	text-align:center;	
}
.right {
	text-align:right;	
}

.side {
	padding-top:3.2em;
}
.normal {
	font-weight:normal;	
}
.bold {
	font-weight:bold;	
}
.italic {
	font-style:italic;	
}
.underline {
	text-decoration:underline;
}
.no-underline {
	text-decoration:none;
}
.white{
	color:#fff;
}
.aqua {
	color:#0ab;	
}

.blue {
	color:#25c;	
}
.crimson {
    color:#bb004c;	
}
.black {
	color:#000;	
}
.caption {
	font-size:.9em;
	text-align:center;
	font-style:italic;
	color:#0ab;
}
.indent {
	margin-left:10px;	
}
.larger {
	font-size:1.1em;	
}
.Xlarge {
	font-size:1.2em;	
}

.smaller {
	font-size:.9em;
}
.small {
	font-size:.85em;	
}
.xsmall {
	font-size:.9em;	
	padding-top:10px;
}
.email {
	font-size:.85em;	
	padding-top:8px;
	/*text-align:center;*/
}
.first {  /*index h2*/
	margin:-.2em 0 .5em 0;
}
.first-more {  /*index h2*/
	margin:-.6em 0 .5em 0;
}
.below {  /*bungalow h2*/
	margin-top:0em;
}
.top {
	margin-top:-.7em;
	margin-right:0;
	colour:red;
}
.lower {
	margin-bottom:1.8em;	
}
.higher {
       padding-top:0;
}
.spacing {
	letter-spacing:1px;	
}
.spacing-x2 {
	letter-spacing:2px;	
}
.hilite {
	padding:1em;
	border-top:solid 2px #5de;
	border-bottom:solid 2px #5de;
	background-color:#cff;	
}
/*************************************/
/* LINK STYLES
/*************************************/
a {
	color:#25c;	
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a img {
	border:solid 1px #fff;	
}
a:hover img {
	border:solid 1px #5de;
}
/*************************************/
/* LIST STYLES
/*************************************/
ul {
	margin-top:-20px;
	margin-left:-25px;
}
li {
	padding-bottom:7px;
	list-style:square;
}
li.none {
	padding-bottom:7px;
	list-style:none;
}
li.closer {
	padding-bottom:0px;
}
li.rooms {						
	font-size:.9em;
	list-style-type:square; 
	list-style-position:inside;
	padding:.2em 0 .1em 0;
}
/*************************************/
/* MAIN CONTENT STYLES
/*************************************/
#main-content {
	position:relative;
	float:left;
    margin:0px auto 0px auto;
    width:100%;
}
/*************************************/
/* IMAGE SHADOW STYLES
/*************************************/
.shadow {
	-moz-box-shadow:5px 5px 10px -6px #333; /*H, V, blur, spread */
	-webkit-box-shadow:5px 5px 10px -6px #333;
	box-shadow:-5px 5px 10px -6px #333;
}
/**************************************/
/* MAGNIFIC STYLE*/
/**************************************/
.image-box img {
	max-width:100%;
	border:solid 1px #5de;
	margin-bottom:15px;
}
.image-box img:hover {
	opacity:0.8;
	filter:alpha(opacity=80); /* for <IE9 */
	border:solid 1px #94e9f4;
}
.image-box {
	position:relative;
	float:left;
	width:31.5%; 
	margin:0 20px 0 0;
	padding:0;
	box-sizing:border-box;
}
.image-box:after {
	content:"";
	display:table;
	clear:both; 
}
/********************************/
.main-box {
	padding-top:3%;
}
.container-box img {
	max-width:100%;
	border:solid 1px #5de;
}
.container-box img:hover {
	opacity:0.8;
	filter:alpha(opacity=80); /* for <IE9 */
	border:solid 1px #94e9f4;
}
.container-box {
	position:relative;
	width:calc(100% - 40px);
	margin:0 20px 15px 20px;
	padding:0;
	box-sizing:border-box;
}
.columns {
	width:100%;
	float:left;
	margin:0 20px 0 0;
	box-sizing: border-box;
}
.stacked {
	margin-top:12px;	
}
.columns.right {
	width:100%;
	float:right;
	margin:0 0 0 20px;
	box-sizing:border-box;
}
.single.columns { 
	width:31.5%; 
}
.single.columns.wide { 
	width:31.5%;
	margin:0 30px 0 0;
}
.single.columns.high { 
	width:31.5%;
	margin:-20px 30px 0 0;
}
.container-box:after {
	content:"";
	display:table;
	clear:both; 
}
@media (min-width:501px) and (max-width:800px) {
  .container-box {
	width:calc(100% - 30px);
	margin:0 15px 5px 15px; 
  }
  .columns {
	margin:0 15px 0 0;
  }
}
@media (min-width:50px) and (max-width:500px) {
  .container-box {
	width:calc(100% - 20px);
	margin:0 10px 5px 10px;
  }
  .columns {
	margin:0 10px 0 0;
  }
  .single.columns { 
	width:40%; 
  }
  .single.columns.wide { 
	width:40%; 
  }
  .single.columns.high { 
	width:40%; 
  }
}
/*************************************/
/* FOOTER STYLES
/*************************************/
footer {
	position:relative;
	float:left;
	height:3em;
	width:100%;
	line-height:.9em; 
	background-color:#5de;
}
#copyright {
	position:relative;
	float:left;
	font-size:.9em; 
	color:#0c6abb;
}
#social-media {
	position:relative;
	float:right;
	padding:0;
}
/***********************************************/
/* DROP-DOWN MENU STYLES
/**********************************************
This copyright notice must be untouched.
The original version of this stylesheet and the 
associated (x)html is available at 
http://www.cssplay.co.uk/menus/
cssplay-responsive-multi-level-menu-jquery.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may  
be modified in anyway to fit your requirements
***********************************************/
/* Large Screen MENU
/**********************************************/
.cssplay_menu {width:100%;max-width:980px;
	/*background:#5de;
	background-image:linear-gradient(to bottom,#94e9f4,#1fbdce);*/
	
	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 */

	text-align:left;height:30px;position:relative;z-index:100;left:0;}
.cssplay_toggle {display:none;}
.cssplay_menu ul {margin:0;padding:0;list-style:none;white-space:nowrap;text-align:left;}
.cssplay_menu ul {display:inline-block;} 
.cssplay_menu ul {*display:inline;}
.cssplay_menu li {margin:0;padding:0;list-style:none;}
.cssplay_menu li.close {display:none;}
.cssplay_menu li {display:inline-block;display:inline;}
.cssplay_menu ul ul {position:absolute;left:-9999px;border:1px solid #f5f7f9;border-top:0;}
.cssplay_menu > ul {margin:0 auto;}
.cssplay_menu > ul > li {float:left;display:block;position:relative;}
.cssplay_menu ul ul li a {border-top:1px solid #f5f7f9;}
.cssplay_menu > ul > li.left {float:right;display:block;position:relative;}
/*.cssplay_menu > ul > li.has-sub > a {background-image:url(../images/down.gif);background-repeat:no-repeat;background-position:right 13px;padding-right:18px;}/*13px moves arrows down padding-right was 20px*/ 
/**********************************************/
/* Sub-Sub MENU
/**********************************************/
.cssplay_menu ul ul > li.has-sub > a {background-image:url(../images/right.gif);background-repeat:no-repeat;background-position:right center;}
.cssplay_menu ul ul > li.show-hide {max-height:15em; visibility:visible;}
.cssplay_menu ul li b {display:block;width:100%;height:30px;background:transparent;position:relative;z-index:10;-webkit-transition:0s 0.5s;transition:0s 0.5s;}
.cssplay_menu ul ul li b {margin-top:-30px;}
.cssplay_menu ul li b {*display:none;}
.cssplay_menu ul {
	/*background:#5de;
	background-image:linear-gradient(to bottom,#94e9f4,#1fbdce);*/
	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 */
	/*outline:solid 1px #f00;*/
	}
.cssplay_menu a {display:block;font-family:verdana,arial,sans-serif;font-size:12px;font-weight:bold;color:#0c6abb;line-height:30px;text-decoration:none;/*padding:0 20px 0 10px;*/padding:0 15px 0 15px;}/*every link*/

.cssplay_menu a.lt {padding-left:23px;/*was 5px:*//*outline:solid 1px #f00;*/}/*ADDED*/ /************************************************CHANGED************************************************************/

.cssplay_menu a.lt-1 {padding:0 0 0 3px;}/*ADDED*/

.cssplay_menu a.lt-2 {padding-left:3px;/*outline:solid 1px #f00;*/}/*ADDED*/

.cssplay_menu a.rt {padding-right:10px;}/************************************************ADDED************************************************************/

.cssplay_menu > ul > li > a {float:left;}
.cssplay_menu ul li:hover > ul {visibility:visible;left:-1px;top:30px;opacity:1;}
.cssplay_menu ul ul li:hover > ul {visibility:visible;left:100%;top:auto;margin-top:-31px;}
.cssplay_menu li.left:hover > ul {visibility:visible;left:auto;right:-1px;top:30px;}
.cssplay_menu li.left ul li:hover > ul {visibility:visible;left:auto;right:100%;top:auto;margin-top:-31px;}
.cssplay_menu ul li:hover > b {width:0;}
.cssplay_menu li.left ul a {text-align:right;padding:0 10px 0 10px;}
.cssplay_menu li:hover > a,
.cssplay_menu li.left ul li:hover > a {
	/*background-color:#75f0f9;*/
	/*background-image:linear-gradient(to bottom,#0ab,#5de);*/
	color:#fff;
	/*color:#0ab;*/
	text-decoration:none;
	}
	
/*.cssplay_menu ul li ul li {*/
.has-sub ul li.sub a{
	/*background-color:#f00;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1fbdce+0,55ddee+50,94e9f4+100 */
	background: rgb(31,189,206); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(31,189,206,1) 0%, rgba(85,221,238,1) 50%, rgba(148,233,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,189,206,1)), color-stop(50%,rgba(85,221,238,1)), color-stop(100%,rgba(148,233,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(31,189,206,1) 0%,rgba(85,221,238,1) 50%,rgba(148,233,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(31,189,206,1) 0%,rgba(85,221,238,1) 50%,rgba(148,233,244,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(31,189,206,1) 0%,rgba(85,221,238,1) 50%,rgba(148,233,244,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(31,189,206,1) 0%,rgba(85,221,238,1) 50%,rgba(148,233,244,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fbdce', endColorstr='#94e9f4',GradientType=0 ); /* IE6-9 */
	
	/*outline:solid 1px #0f0;*/
}	
/***********************************************/
/* MENU LANGUAGE FLAGS
/**********************************************/
li.flag a {
	display:inline-block;
	margin:0;
	padding:0;
	width:24px;
	height:19px;
	background:url(../images/flag_sprites.gif) no-repeat;
}
li.flag a.english {
	margin:5px 10px 0 20px;
	background-position:0px 0px;
	}
li.flag a.english:hover {
	background-position:0px -24px;
	}
li.flag a.indo {
	margin:5px 10px 0 5px;
	background-position:-29px 0px;
	}
li.flag a.indo:hover {
	background-position:-29px -24px;
	}
/**********************************************/
/* Tablet & Mobile MENU (<800px)
/**********************************************/
.cssplay_menu_mini {height:100%;width:300px;overflow:scroll;overflow-x:hidden;background:#5de;position:fixed;left:-300px;top:0;z-index:500010;-webkit-overflow-scrolling:touch;}

/*.cssplay_menu_mini + .cssplay_toggle {display:block;width:80px;height:40px;background:#5de url(../images/menu-icon.gif) no-repeat left center; position:fixed;left:-30px;top:0px;cursor:pointer;z-index:500000;border-radius:0 10px 10px 0;font:bold 16px/40px "PT Sans", arial, sans-serif;color:#0c6abb;text-align:right;padding-right:10px;/*border:solid 1px #0ab;border-left:none;*/  /*-webkit-transition:0.25s;transition:0.25s;}*/

.cssplay_menu_mini + .cssplay_toggle {display:block;width:47px;height:40px;background:#85e6eb url(../images/menu-icon.png) no-repeat left center; position:fixed;left:-10px;top:5px;cursor:pointer;z-index:500000;border-radius:0 8px 8px 0;padding-right:8px;-webkit-transition:0.25s;transition:0.25s;}

.cssplay_menu_mini + .cssplay_toggle:hover {left:0;background:#cff url(../images/menu-icon.png) no-repeat left center;}
.cssplay_menu_mini ul {padding:0;margin:0 0 20px 0;list-style:none;background:#0ab;width:100%;border:1px solid rgba(255,255,255,0.2);border-top:0;text-align:left;}
.cssplay_menu_mini ul ul {background:#0abad2;width:calc(100% - 40px);margin-left:20px;}
/**********************************************/
/* Sub-Sub MENU
/**********************************************/
.cssplay_menu_mini ul ul ul {background:#47cbdd;width:calc(100% - 40px);}
.cssplay_menu_mini ul li {position:relative;border-top:1px solid rgba(255,255,255,0.2);list-style:none;}
.cssplay_menu_mini li.close {display:block;height:40px;font:bold 18px/40px "Orienta", sans-serif;color:#0c6abb;text-align:left;padding-left:10px;background:#5de;cursor:pointer;}
.cssplay_overlay {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);display:none;cursor:pointer;z-index:500005;}
.cssplay_menu_mini ul li a {display:block;font:normal 18px/40px "Orienta", sans-serif;color:#fff;text-decoration:none;text-indent:10px;}
.cssplay_menu_mini ul li a:hover {color:#0c6abb;}
.cssplay_menu_mini b {display:none;}

.cssplay_menu_mini li.flag a.english {margin:13px 10px 0 10px;}
/*.cssplay_menu_mini li.flag a.english:hover {background-position:-29px -24px;}*/
.cssplay_menu_mini li.flag a.indo {margin:13px 10px 0 10px;background-position:-29px 0px;}
/*.cssplay_menu_mini li.flag a.indo:hover {background-position:-29px -24px;}*/
/**********************************************/
/* END DROP-DOWN MENU
/**********************************************/

/*************************************/
/* CLEAR FLOATS
/*************************************/
.clear-floats {
	clear:both;
	line-height:1px;	
}
/*************************************/
/* END CSS STYLES
/*************************************/