@charset "utf-8";
@media print {#header. #footer. #nav. {display: none !important}
.header {
	display:none;
}
a img {
	display:none;
}
}
body {
	font-family:Tahoma, Geneva, sans-serif;
	margin:0;
	background-color:#CEF;
	font-size:16px;
	max-width:1100px;
	margin:auto;
}
.header {
	background:#44a;
}
input[type=checkbox] {
	display:none;
}
label {
	display:none;
}
em {
	display:block;
	color:#000;
	margin:15px;
}
small {
	color:#fff;
	font-size:12px;
	font-style:normal;
	text-align:left;
}
h1 {
	margin-top:0;
	padding-right:15px;
	padding-top:15px;
	padding-left:50px;
	color:#000;
	font-size:30px;
	font-style:normal;
	text-align:left;
}
h2 {
	margin-top:0;
	padding-right:15px;
	padding-top:15px;
	padding-left:40px;
	color:#000;
	font-style:normal;
	text-align:left;
}
h3, h4, h5, h6, p {
	margin-top:0;
	padding-right:15px;
	padding-left:15px;
	color:#000;
	font-style:normal;
	text-align:justify;
}
a img {
	border:none;
}

nav {
background-position:!important;
	display:block;
	width:auto;
	overflow:auto;
}
nav ul {
	margin:5px 0 10px 0;
	float:left;
	list-style:none;
		font-size:large;
}
nav li {
	float:left;
}
nav a {
	float:left;
	padding:.5em 0.5em;
	text-decoration:none;
	text-shadow:0 1px 0 rgba(255,255,255,.5);
	letter-spacing:1px;
	border-width:1px;
	border-style:solid;
	border-color:#fff #ccc #999 #eee;
    background-image: linear-gradient(#DDF, #447);
}
nav a:hover, nav a:focus {
	outline:0;
	background:linear-gradient(#337, #CCF);
}
nav a:active {
	box-shadow:0 0 2px 2px rgba(0,0,0,.3) inset;
}
.footer {
	padding:10px;
	background:#074d95;
	position:relative;
	clear:both;
}
.fltrt {
	float:right;
	margin-left:3px;
	margin-right:3px;
	background-color:#111;
}


.wa {
	content:url(../pub/Images/common/wa.webp);
	float:right;
	width:auto;
	margin-right:15px;
}
.imghomea {
	content:url(../pub/Images/home/beach-bungalow.webp);
	float:right;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}
.imghomeb {
	content:url(../pub/Images/home/beach-view.webp);
	float:right;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}
.imgaccma {
	content:url(../pub/Images/accomodation/635.webp);
	float:right;
	margin-top:20px;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}
.imgaccmb {
	content:url(../pub/Images/accomodation/pool.webp);
	float:left;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}
.imgaccmc {
	content:url(../pub/Images/accomodation/354.webp);
	float:left;
	margin:15px;
}
.imgaccmd {
	content:url(../pub/Images/accomodation/220.webp);
	float:right;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}
.imgaccme {
	content:url(../pub/Images/accomodation/421.webp);
width: 200px;
	float:right;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}
.imgacta {
	content:url(../pub/Images/activities/lokon.webp);
	float:right;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}
.imgactb {
	content:url(../pub/Images/activities/657.webp);
	float:right;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}
.imgactc {
	content:url(../pub/Images/activities/kuskus.webp);
	float:right;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}
.imgactd {
	content:url(../pub/Images/activities/tarsius.webp);
	float:left;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}
.imgdiva {
	content:url(../pub/Images/diving/170.webp);
	float:right;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}
.imgdivb {
	content:url(../pub/Images/diving/205.webp);
	float:right;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}
.imgdivc {
	content:url(../pub/Images/diving/240.webp);
	float:right;
	width:440px;
	margin-top:20px;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}
.imgdivd {
	content:url(../pub/Images/diving/429.webp);
	float:right;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}
.imgdive {
	content:url(../pub/Images/diving/440.webp);
	float:left;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}
.imgdivf {
	content:url(../pub/Images/diving/929.webp);
	width:300px;
	float:left;
	margin-bottom:15px;
	margin-right:40px;
	margin-left:15px;
}
.imggena {
	content:url(../pub/Images/geninfo/027.webp);
	float:right;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}
.imggenb {
	content:url(../pub/Images/geninfo/116.webp);
	float:left;
	margin-top:20px;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}
.imggenc {
	content:url(../pub/Images/geninfo/560.webp);
	float:left;
	width:250px;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}
.imggend {
	content:url(../pub/Images/geninfo/722.webp);
	float:right;
	margin-top:20px;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}
.hdw {
	width:100%;
	height:auto;  
	content:url(../pub/Images/common/Headera.webp);
}
.ftw {
	content:url(../pub/Images/common/cakalanglogo.webp);
	float:right;
	width:250px;
	margin-right:15px;	
	height:auto;
	position:center;
}


a:link {
	color:#000;	
}
a:visited {
	color:#333;
}
span.codedirection {
	unicode-bidi:bidi-override;
	direction:rtl;
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
html, body {
	height:100%;
}
body {
	margin:0;
	padding:0;
	overflow-x:hidden;
}
#container {
	display:run-in;
}
input[type=checkbox] {
	position:absolute;
	opacity:0;
}
label {
	background:#000;
	position:fixed; 
	z-index:1;
	display:block;
	font-size:3em;
	color:#fff;
	cursor:pointer;
	transform:translate3d(0, 0, 0);
	transition:transform .4s;
}
input[type=checkbox]:checked ~ label {
}
input[type=checkbox]:checked ~ .content {
transform:translate3d(250px, 0, 0);
}
input[type=checkbox]:checked ~ .slide-menu {
transform:translate3d(0, 0, 0);
}
input[type=checkbox]:checked ~ .slide-menu .menu li {
width:100%;
}
.slide-menu {
	transform:translate3d(-275px, 0, 0);
	position:fixed;
	width:275px;
	color:#fff;
	opacity:.95;
	height:25em;
	transition:all .4s;
}
.slide-menu h1 {
	margin:10px;
}
.menu {
	list-style:none;
	color:#000;
	margin:0;
}
.menu a {
	width:170px;
	display:block;
	text-decoration:none;
	font-size:1em;
	padding:10px;
}
.menu a:hover {
	background:linear-gradient(#337, #CCF);
	box-shadow:inset 0px 1px 1px #999999;
}
}
@media screen and (max-width:767px) {
html, body {
	height:100%;
}
body {
	margin:0;
	padding:0;
	overflow-x:hidden;
}
#container {
	display:run-in;
}
input[type=checkbox] {
	position:absolute;
	opacity:0;
}
label {
	background:#000;
	position:fixed;
	z-index:1;
	display:block;
	font-size:3em;
	color:#fff;
	cursor:pointer;
	transform:translate3d(0, 0, 0);
	transition:transform .4s;
}
input[type=checkbox]:checked ~ label {
}
input[type=checkbox]:checked ~ .content {
transform:translate3d(250px, 0, 0);
}
input[type=checkbox]:checked ~ .slide-menu {
transform:translate3d(0, 0, 0);
}
input[type=checkbox]:checked ~ .slide-menu .menu li {
width:100%;
}
.slide-menu {
	transform:translate3d(-275px, 0, 0);
	position:fixed;
	width:275px;
	color:#fff;
	opacity:.95;
	height:25em;
	transition:all .4s;
}
.slide-menu h1 {
	margin:10px;
}
.menu {
	list-style:none;
	color:#000;
	margin:0;
}
.menu a {
	width:170px;
	display:block;
	text-decoration:none;
	font-size:1em;
	padding:10px;
}
.menu a:hover {
	background:linear-gradient(#337, #CCF);
	box-shadow:inset 0px 1px 1px #999999;
}

.imghomea {
	width:93%;
	height:auto;
	float:none;
}
.imghomeb{
	width:93%;
	height:auto;
	float:none;
}
.footer {
	padding:15px;
	width:auto;
	position:relative;
	clear:both;
}
.ftw {
	display:none;
}
.imgaccma {
	width:93%;
	height:auto;
	float:none;
}
.imgaccmb {
	width:93%;
	height:auto;
	float:none;
}
.imgaccmc {
	width:93%;
	height:auto;
	float:none;
}
.imgaccmd {
	width:93%;
	height:auto;
	float:none;
}
.imgaccme {
	width:93%;
	height:auto;
	float:none;
}
.imgacta{
	width:93%;
	height:auto;
	float:none;
}
.imgactb {
	width:93%;
	height:auto;
	float:none;
}
.imgactc {
	width:93%;
	height:auto;
	float:none;
}
.imgactd {
	width:93%;
	height:auto;
	float:none;
}
.imgacte {
	width:93%;
	height:auto;
	float:none;
}
.imgactf {
	width:93%;
	height:auto;
	float:none;
}
.imgact7 {
	width:93%;
	height:auto;
	float:none;
}
.imgdiva {
	width:93%;
	height:auto;
	float:none;
}
.imgdivb {
	width:93%;
	height:auto;
	float:none;
}
.imgdivc {
	width:93%;
	height:auto;
	float:none;
}
.imgdivd {
	width:93%;
	height:auto;
	float:none;
}
.imgdive {
	width:93%;
	height:auto;
	float:none;
}
.imgdivf {
	width:93%;
	height:auto;
	float:none;
}
.imggena  {
	width:93%;
	height:auto;
	float:none;
}
.imggenb  {
	width:93%;
	height:auto;
	float:none;
}
.imggenc  {
	width:93%;
	height:auto;
	float:none;
}
.imggend  {
	width:93%;
	height:auto;
	float:none;
}
.fltrt {
	float:right;
	margin-left:3px;
	margin-right:3px;
	background-color:#111;
}
.clearfloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}