@charset "UTF-8";

body {
	background:#fff; 
	}
/*************************************/
/* HEADING STYLES
/*************************************/
h1 {
	font-size:1.5em;
	line-height:1.2em;
	margin:-2em 0 .5em .5em;
}
h2 {
	margin:-.2em 0 .4em 0;
}
/*************************************/
/* TEXT STYLES
/*************************************/
p.spacer {  
	padding-top:.2em; 
}
.below {  /*bungalow h2*/
	margin-top:.2em;
}
.hilite {
	padding:.75em;
	border-top:solid 2px #5de;
	border-bottom:solid 2px #5de;
	background-color:#cff;	
}
li.closer {
	padding-bottom:7px;
}
/***********************************************/
/* MENU LANGUAGE FLAGS
/**********************************************/
li.flag-desk a {
	display:none;
}
li.flag-desk a.english {
	margin:5px 10px 0 10px;
}
li.flag-desk a.indo {
	margin:5px 10px 0 10px;
}
/*************************************/
/* MAIN CONTENT STYLES
/*************************************/
#main-content {
    max-width:500px;
	padding:50px 0 0 0;
	border:none;
}
/*************************************/
/* COLUMN STYLES
/*************************************/
.col-100 {
	width:calc(100% - 20px);
	margin:0px 10px 0px 20px;
}
.col-66 {
	float:none;
    width:100%;
	margin:0;
	padding:0;
	border:none;
}
.col-50 {
	float:none;
    width:calc(100% - 20px);
	padding:0 10px;
}
/*************************************/
/* SIDEBAR STYLES
/*************************************/
.sidebar {
	float:none;
    width:calc(100% - 10px);
	padding:0px 0px 10px 10px;
	border-left:none; 
}
.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:4.4em;
}
.sidebar ul {
	margin-top:.2em;
	margin-bottom:0em;
}
/*************************************/
/* BUTTON STYLES
/*************************************/
.btn-lt {
	margin:.5em 0 0 .5em;
}
.btn-rt {
	margin:.3em 1em 0 0;
}
.btn-sidebar {
	margin:.6em .7em 0 0;
}
/*************************************/
/* ROOM RATES STYLES
/*************************************/
#rates {
    width:calc(100%-20px);
    margin:20px 10px 20px 10px;
}
#rates th.right { 
	text-align:right;
    padding-right:10px;	
}

/*************************************/
/* TESTIMONIAL STYLES
/*************************************/
.author {
	margin:1.4em 0 1em 0;
}
/*************************************/
/* CONTACT PAGE STYLES
/*************************************/
.contact-box {
	padding:0;
}
.contact-box .contact {
	width:100%;
	float:none;
	padding:0 0 0 10px;
	border-left:none;
}
.contact-box .contact .content { 
	padding:0px 10px 10px 10px;
}
.contact-box h2 {
	padding:3px 0px 5px 0px;
	margin:0 -10px 0 -20px;
}
li.gap {
	list-style-position:inside;
	margin:5px 0 5px 0;	
}
#enquiry-form {
	margin:10px 10px 15px 10px;
    width:calc(100% - 20px);
}
#thanks {
	width:80%;
	margin-left:6%;
	padding-top:10px;
}
/*************************************/
/* TEXT-BASED PAGE STYLES
/*************************************/
#block-text {
	width:calc(100%-20px);
	margin:0px 10px 10px 10px;
	padding:0px 10px 10px 10px;
}
#block-text h2 {
	margin:.5em 0 .5em 0;
}
/*************************************/
/* SITE-MAP PAGE STYLES
/*************************************/
#site-map {
	width:calc(100%-20px);
	margin:0px 10px 10px 10px;
	padding:0px 10px 10px 10px;
}
/*************************************/
/* FOOTER STYLES
/*************************************/
footer {
	height:2.6em;
	padding-top:5px;
}
#copyright {
	padding:11px 10px 5px 10px;
}
#social-media {
	float:left;
    padding:0;
    margin:0 0 0 10px;
}
/*************************************/
/* END CSS STYLES
/*************************************/