@charset "utf-8";
/* CSS Document */

html, body {

}

a {


}
a:visited {

}

#holder-top {
width:760px;
margin-left:auto;
margin-right:auto;
background:url(../images/top.jpg) no-repeat;
height:18px;
}

#holder-bottom {
clear:both;
background:url(../images/bottom.jpg) no-repeat;
height:18px;
}

#holder {
width:760px;
margin: 0 auto;
background:url(../images/background.jpg) repeat-y;
font-size:12px;
font-family:arial;
}

#holder-popup {
width:300px;

background:url(../images/background-popup.png) repeat-y; */
font-size:12px;
font-family:arial;
}

#holder-popup-top {
background:url(../images/top-popup.png) no-repeat center;
height:18px;
}

#holder-popup-bottom {
background:url(../images/bottom-popup.png) no-repeat center;
height:18px;
}

#holder-popup-content {
margin-left:10px;
margin-right:10px;
}

#holder-content {
background:url(../images/coco.gif) no-repeat center;
margin-left:15px;
margin-right:18px;
}
/* #holder p {


} */
#promo-content {
margin-left:10px;
margin-right:5px;
}

#holder-inside p {
margin-left:8px;
padding-left:15px;
margin-right:8px;
padding-right:15px;
}
#img-right {
float:right;
padding:5px 0px 5px 10px;
}
#img-left {
float:left;
padding:5px 10px 5px 0px;
}
#holder-insde img {

}

#e-payment {
margin-left:8px;
background:url(../images/credit_card.gif) no-repeat;
height:135px;
}

#clock {

background:url(../images/header.png) no-repeat;
width:97.5%;
height:65px;
margin-left:8px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}

#clockmode {
position:relative;
left:460px;
bottom:52px;
}

#search {
	position:relative;
	left:350px;
	top:1px;
	color:#109bc8;
	font-family:arial;
	font-size:12px;
	width: 380;
}

#tour {
margin-left:10px;
}

/* rounded corner */


/*border*/

#room {
margin-left:125px;
background:url(../images/bg-img_big.png) no-repeat;
height:198px;
width:248px;
}

#room img {
position:relative;
top:24px;
left:13px;
}

#room-thumb {

background:url(../images/bg-img_small.png) no-repeat;
height:111px;
width:126px;
}

#room-thumb img {
position:relative;
top:21px;
left:21px;
 height:70px;
 width:85px
}

#xsnazzy a{
	text-decoration:none;
	color:#75604B;
}
#xsnazzy a:hover{
color:#ff6600;
}

#xsnazzy H1 {
	MARGIN: 0px 10px; LETTER-SPACING: 1px
}
#xsnazzy H2 {
	MARGIN: 0px 10px; LETTER-SPACING: 1px
}
#xsnazzy P {
	MARGIN: 0px 10px; LETTER-SPACING: 1px
}
#xsnazzy H1 {
	FONT-SIZE: 2.5em; COLOR: #E7D29D
}
#xsnazzy H2 {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 2em; BORDER-BOTTOM-WIDTH: 0px; COLOR: #06a; BORDER-RIGHT-WIDTH: 0px
}
#xsnazzy P {
	PADDING-BOTTOM: 0.5em
}
#xsnazzy H2 {
	PADDING-TOP: 0.5em
}
#xsnazzy {
	BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 1em; text-align:center
}
.xtop {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%
}
.xbottom {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%
}

.xb1 {
	DISPLAY: block; OVERFLOW: hidden
}
.xb2 {
	DISPLAY: block; OVERFLOW: hidden
}
.xb3 {
	DISPLAY: block; OVERFLOW: hidden
}
.xb4 {
	DISPLAY: block; OVERFLOW: hidden
}

.xb1 {
	HEIGHT: 1px
}
.xb2 {
	HEIGHT: 1px
}
.xb3 {
	HEIGHT: 1px
}
.xb2 {
	BORDER-RIGHT: #75604B 1px solid; BACKGROUND: #FFFFCC; BORDER-LEFT: #75604B 1px solid
}
.xb3 {
	BORDER-RIGHT: #75604B 1px solid; BACKGROUND: #FFFFCC; BORDER-LEFT: #75604B 1px solid
}
.xb4 {
	BORDER-RIGHT: #75604B 1px solid; BACKGROUND: #FFFFCC; BORDER-LEFT: #75604B 1px solid
}
.xb1 {
	BACKGROUND: #75604B; MARGIN: 0px 5px
}
.xb2 {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 2px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 3px; BORDER-RIGHT-WIDTH: 2px
}
.xb3 {
	MARGIN: 0px 2px
}
.xb4 {
	MARGIN: 0px 1px; HEIGHT: 2px
}
.xboxcontent {
	BORDER-RIGHT: #75604B 1px solid; BORDER-TOP: #75604B 0px solid; DISPLAY: block; BACKGROUND: #FFFFCC; BORDER-LEFT: #75604B 1px solid; BORDER-BOTTOM: #75604B 0px solid; font-size:13px; font-family:Arial, Helvetica, sans-serif;
}

/* -------------------------------------- */


#banner {
height:150px;
background:#fff;
width:97.5%;
margin-left:8px;
z-index:1;

}

#ad {
height:150px;
background:#fff;
width:97.5%;
margin-left:8px;
z-index:1;
margin-bottom:10px;

}

#header {


background:#fff;
width:97.5%;
margin-left:8px;
z-index:1;


}
#ads {
height:75px;
background:#fff;
width:93%;
margin-left:5px; 
margin-top:10px;
margin-bottom:5px;
/* background:url(../images/advertise.png) #666666 no-repeat; */
z-index:1;
padding-left:25px;

}

#flv-movie {
background:url(../images/movie_bg.jpg) no-repeat;
height:;
width:100%;
padding-top:75px;
margin-left:50px;
}

#mp-movie {
background:url(../images/movie_bg.jpg) no-repeat;
height:;
width:100%;
padding-top:75px;
margin-left:60px;
}
#mp-movie p {
position:relative;
margin-left:15px;
}
#menu {
background:#1098c2;
width:97.5%;
height:25px;
margin-left:8px;
}
#main-left {

width:495px;
font-size:12px;
font-family:arial;
z-index:1;

color:black;
margin-left:4px;
/* border-bottom:#5a5a5a solid 3px; */
}

#main-left-content {
margin-left:4px;
margin-top:10px;
}
#main-left-content p{
margin-top:10px;
padding-left:10px;
padding-right:10px;
}
#main-right {
float:right;
width:250px;
font-size:12px;
font-family:arial;
z-index:-1;
text-align:justify;

/* background:url(../images/bg-right.jpg) repeat-y; */
margin-right:11px;
color:#333333;


}

#main-right-content {
margin-left:7px;
padding-top:10px;
padding-bottom:5px;
border-left:1px solid dashed #999999; 
}

#main-right img {
margin-left:6px;
margin-top:8px;
}
#main-right-content table {
margin-left:3px;
margin-right:5px;
}

#main-right-content p {
margin-left:5px;
margin-right:5px;
}

#main-left-left {
width:246px;
/* background-color:#efefef; */
}

#main-left-left-content {

}
#main-left-right-content {
margin-top:10px;

}
#main-left-left-content p {
margin:10px;
}
#main-left-right-content p {
margin:10px 5px;
}
#main-left-left-content p img {
float:right;
padding:5px 5px 5px 5px;
}
#main-left-right {
float:right;
width:245px;
/* background-color:#CCCCCC; */
}

#footer {
clear:both;
height:20px;
text-align:center;
background-color:#1098c2;
font-weight:bold;
color:white;
font-size:12px;
font-family:arial;
margin-left:8px;
padding-top:5px;
padding-bottom:2px;
width:97.5%;
}

#head-orange {
background:url(../images/head-redorange.jpg) repeat-x;
height:65px;
color:#FFFFFF;
font-weight:bold;
padding-top:2px;
padding-left:5px;
font-size:12px
 }
 #head-pink {
background:url(../images/head-pink.jpg) repeat-x;
height:65px;
color:#FFFFFF;
font-weight:bold;
padding-top:2px;
padding-left:5px;
font-size:12px
 }
  #head-green {
background:url(../images/head-green.jpg) repeat-x;
height:65px;
color:#FFFFFF;
font-weight:bold;
padding-top:2px;
padding-left:5px;
font-size:12px
 }
   #head-red{
background:url(../images/head-red.jpg) repeat-x;
height:65px;
color:#FFFFFF;
font-weight:bold;
padding-top:2px;
padding-left:5px;
font-size:12px
 }
 #head-yellow {
background:url(../images/head-yellow.jpg) repeat-x;
height:65px;
color:#FFFFFF;
font-weight:bold;
padding-top:2px;
padding-left:5px;
font-size:12px
 }
  #head-blue {
background:url(../images/head-skyblue.jpg) repeat-x;
height:65px;
color:#FFFFFF;
font-weight:bold;
padding-top:2px;
padding-left:5px;
font-size:12px
 }


.table-promo td {
border:solid 1px black;
padding:0px 0px 0px 0px;
}
/* tabs menu */

.tabs {
position:relative;
left:0px;
bottom:23px;
width:100%;
	PADDING-RIGHT: 0px; PADDING-LEFT: 3px; BACKGROUND: url(images/tab_e.gif); PADDING-BOTTOM: 0px; MARGIN:0px; PADDING-TOP: 0px; 
	/* BORDER-BOTTOM: #000 1px solid; */
	 LIST-STYLE-TYPE: none; HEIGHT: 23px;
	 z-index:100
}
.tabs LI {
	DISPLAY: block; FLOAT: left; MARGIN: 0px -20px -1px 0px
}
.tabs LI A {
	DISPLAY: block; TEXT-DECORATION: none
}
.tabs LI A EM {
	PADDING-RIGHT: 10px; BORDER-TOP: #fff 1px solid; PADDING-LEFT:15px; FONT-SIZE: 11px; Z-INDEX: 100; BACKGROUND: url(images/tab_d.gif) #109bc8 repeat-x left bottom; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #fff; LINE-HEIGHT: 20px; PADDING-TOP: 0px; BORDER-BOTTOM: #000 1px solid; FONT-STYLE: normal; FONT-FAMILY: verdana; POSITION: relative; HEIGHT: 22px
}
.tabs LI A B {
	BORDER-TOP: #fff 1px solid; DISPLAY: block; FONT-SIZE: 0px; Z-INDEX: 300; BACKGROUND: url(images/tab_d.gif) #109bc8 repeat-x left bottom; FLOAT: left; WIDTH: 1px; LINE-HEIGHT: 0; BORDER-BOTTOM: #000 1px solid; POSITION: relative
}
.tabs LI B.p1 {
	BORDER-TOP-WIDTH: 0px; MARGIN-TOP: 4px; Z-INDEX: 100; BACKGROUND: #fff; HEIGHT: 19px
}
.tabs LI B.p2 {
	BORDER-TOP: #fff 2px solid; MARGIN-TOP: 2px; Z-INDEX: 100; BORDER-BOTTOM: #888 1px solid; HEIGHT: 19px
}
.tabs LI B.p3 {
	MARGIN-TOP: 1px; Z-INDEX: 100; WIDTH: 2px; HEIGHT: 21px
}
.tabs LI B.p5 {
	MARGIN-TOP: 2px; HEIGHT: 20px
}
.tabs LI B.p6 {
	MARGIN-TOP: 3px; HEIGHT: 19px
}
.tabs LI B.p7 {
	MARGIN-TOP: 4px; HEIGHT: 18px
}
.tabs LI B.p8 {
	MARGIN-TOP: 5px; HEIGHT: 17px
}
.tabs LI B.p9 {
	MARGIN-TOP: 6px; HEIGHT: 16px
}
.tabs LI B.p10 {
	MARGIN-TOP: 7px; HEIGHT: 15px
}
.tabs LI B.p11 {
	MARGIN-TOP: 8px; HEIGHT: 14px
}
.tabs LI B.p12 {
	MARGIN-TOP: 9px; HEIGHT: 13px
}
.tabs LI B.p13 {
	MARGIN-TOP: 10px; HEIGHT: 12px
}
.tabs LI B.p14 {
	MARGIN-TOP: 11px; HEIGHT: 11px
}
.tabs LI B.p15 {
	MARGIN-TOP: 12px; HEIGHT: 10px
}
.tabs LI B.p16 {
	MARGIN-TOP: 13px; HEIGHT: 9px
}
.tabs LI B.p17 {
	MARGIN-TOP: 14px; HEIGHT: 8px
}
.tabs LI B.p18 {
	MARGIN-TOP: 15px; HEIGHT: 7px
}
.tabs LI B.p19 {
	MARGIN-TOP: 16px; HEIGHT: 6px
}
.tabs LI B.p20 {
	MARGIN-TOP: 17px; HEIGHT: 5px
}
.tabs LI B.p21 {
	MARGIN-TOP: 18px; HEIGHT: 4px
}
.tabs LI B.p22 {
	MARGIN-TOP: 19px; HEIGHT: 3px
}
.tabs LI B.p23 {
	MARGIN-TOP: 20px; HEIGHT: 2px
}
.tabs LI B.p24 {
	MARGIN-TOP: 21px; OVERFLOW: hidden; HEIGHT: 1px
}
.tabs LI B.p25 {
	BORDER-TOP-WIDTH: 0px; MARGIN-TOP: 22px; BACKGROUND: #fff; OVERFLOW: hidden; WIDTH: 1px; HEIGHT: 1px
}
.tabs LI B.p26 {
	BORDER-TOP-WIDTH: 0px; MARGIN-TOP: 23px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #000; BORDER-BOTTOM-WIDTH: 0px; OVERFLOW: hidden; WIDTH: 1px; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0px
}
.tabs LI EM B.shdw {
	BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; Z-INDEX: 500; BACKGROUND: url(images/tab_a.gif) #109bc8 left bottom; LEFT: -4px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 17px; BOTTOM: 0px; POSITION: absolute; HEIGHT: 17px; BORDER-RIGHT-WIDTH: 0px
}
.tabs LI A:hover {
	Z-INDEX: 500; CURSOR: pointer; COLOR: #000; WHITE-SPACE: nowrap; POSITION: relative
}
.tabs LI A:focus {
	Z-INDEX: 500; CURSOR: pointer; COLOR: #000; WHITE-SPACE: nowrap; POSITION: relative
}
.tabs LI A:active {
	Z-INDEX: 500; CURSOR: pointer; COLOR: #000; WHITE-SPACE: nowrap; POSITION: relative
}
.tabs LI A:hover EM {
	BACKGROUND: url(images/tab_b.gif) #fc8 left bottom; BORDER-BOTTOM-COLOR: #888; COLOR: #800
}
.tabs LI A:focus EM {
	BACKGROUND: url(images/tab_b.gif) #fc8 left bottom; BORDER-BOTTOM-COLOR: #888; COLOR: #800
}
.tabs LI A:active EM {
	BACKGROUND: url(images/tab_b.gif) #fc8 left bottom; BORDER-BOTTOM-COLOR: #888; COLOR: #800
}
.tabs LI A:hover EM B.shdw {
	VISIBILITY: hidden
}
.tabs LI A:focus EM B.shdw {
	VISIBILITY: hidden
}
.tabs LI A:active EM B.shdw {
	VISIBILITY: hidden
}
.tabs LI A:hover B {
	BACKGROUND: url(images/tab_b.gif) #fc8 left bottom; BORDER-BOTTOM-COLOR: #888
}
.tabs LI A:focus B {
	BACKGROUND: url(images/tab_b.gif) #fc8 left bottom; BORDER-BOTTOM-COLOR: #888
}
.tabs LI A:active B {
	BACKGROUND: url(images/tab_b.gif) #fc8 left bottom; BORDER-BOTTOM-COLOR: #888
}
.tabs LI A:hover B.p1 {
	BACKGROUND: #fff; BORDER-BOTTOM-COLOR: #888
}
.tabs LI A:focus B.p1 {
	BACKGROUND: #fff; BORDER-BOTTOM-COLOR: #888
}
.tabs LI A:active B.p1 {
	BACKGROUND: #fff; BORDER-BOTTOM-COLOR: #888
}
.tabs LI A:hover B.p25 {
	BACKGROUND: #fff; BORDER-BOTTOM-COLOR: #888
}
.tabs LI A:focus B.p25 {
	BACKGROUND: #fff; BORDER-BOTTOM-COLOR: #888
}
.tabs LI A:active B.p25 {
	BACKGROUND: #fff; BORDER-BOTTOM-COLOR: #888
}
.tabs LI A:hover B.p26 {
	BACKGROUND: #888
}
.tabs LI A:focus B.p26 {
	BACKGROUND: #888
}
.tabs LI A:active B.p26 {
	BACKGROUND: #888
}
.tabs LI A.selected {
	Z-INDEX: 600; CURSOR: default; COLOR: #000; WHITE-SPACE: nowrap; POSITION: relative
}
.tabs LI A.selected:hover {
	Z-INDEX: 600; CURSOR: default; COLOR: #000; WHITE-SPACE: nowrap; POSITION: relative
}
.tabs LI A.selected:active {
	Z-INDEX: 600; CURSOR: default; COLOR: #000; WHITE-SPACE: nowrap; POSITION: relative
}
.tabs LI A.selected EM {
	BACKGROUND: url(images/tab_c.gif) #FFf left bottom; BORDER-BOTTOM-COLOR: #fff; COLOR: #109bc8
}
.tabs LI A.selected:hover EM {
	BACKGROUND: url(images/tab_c.gif) #FFf left bottom; BORDER-BOTTOM-COLOR: #fff; COLOR: #800
}
.tabs LI A.selected:active EM {
	BACKGROUND: url(images/tab_c.gif) #FFfleft bottom; BORDER-BOTTOM-COLOR: #fff; COLOR: #800
}
.tabs LI A.selected EM B.shdw {
	VISIBILITY: hidden
}
.tabs LI A.selected:hover EM B.shdw {
	VISIBILITY: hidden
}
.tabs LI A.selected:active EM B.shdw {
	VISIBILITY: hidden
}
.tabs LI A.selected B {
	BACKGROUND: url(images/tab_c.gif) #FFf left bottom; BORDER-BOTTOM-COLOR: #fff
}
.tabs LI A.selected:hover B {
	BACKGROUND: url(images/tab_c.gif) #FFf left bottom; BORDER-BOTTOM-COLOR: #fff
}
.tabs LI A.selected:active B {
	BACKGROUND: url(images/tab_c.gif) #fff left bottom; BORDER-BOTTOM-COLOR: #fff
}
.tabs LI A.selected B.p1 {
	BACKGROUND: #fff; BORDER-BOTTOM-COLOR: #fff
}
.tabs LI A.selected:hover B.p1 {
	BACKGROUND: #fff; BORDER-BOTTOM-COLOR: #fff
}
.tabs LI A.selected:active B.p1 {
	BACKGROUND: #fff; BORDER-BOTTOM-COLOR: #fff
}
.tabs LI A.selected B.p26 {
	BORDER-TOP-WIDTH: 0px; MARGIN-TOP: 23px; BACKGROUND: #fff; OVERFLOW: hidden; WIDTH: 1px; HEIGHT: 1px
}
.tabs LI A.selected:hover B.p26 {
	BORDER-TOP-WIDTH: 0px; MARGIN-TOP: 23px; BACKGROUND: #fff; OVERFLOW: hidden; WIDTH: 1px; HEIGHT: 1px
}
.tabs LI A.selected:active B.p26 {
	BORDER-TOP-WIDTH: 0px; MARGIN-TOP: 23px; BACKGROUND: #fff; OVERFLOW: hidden; WIDTH: 1px; HEIGHT: 1px
}

/* -------------------------------------- CSS Image Map ----------------------------------------- */

.uk {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 100; BACKGROUND: url(../images/philippines_map.jpg) #ccc;PADDING-BOTTOM: 0px;  MARGIN-TOP: 25px;/*MARGIN: 50px 225px 100px; */ WIDTH: 275px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: relative;  HEIGHT: 375px 
}
.uk LI A {
	DISPLAY: block; BACKGROUND: #666; WIDTH: 8px; TEXT-INDENT: -999px; LINE-HEIGHT: 8px; POSITION: absolute; HEIGHT: 8px
}
.uk LI A EM {
	VISIBILITY: hidden; POSITION: absolute; z-index:200
}
.uk LI A.cagayan {
	LEFT: 180px; TOP: 275px
}
.uk LI A.bohol {
	LEFT: 175px; TOP: 240px
}
.uk LI A.palawan {
	LEFT: 50px; TOP: 245px
}
.uk LI A.cebu {
	LEFT: 165px; TOP: 230px
}
.uk LI A.bacolod {
	LEFT: 155px; TOP: 218px
}
.uk LI A.iloilo{
	LEFT: 135px; TOP: 215px
}
.uk LI A.boracay {
	LEFT: 115px; TOP: 185px
}
.uk LI A.manila {
	LEFT: 110px; TOP: 125px
}
.uk LI A.subic {
	LEFT: 85px; TOP: 118px
}
.uk LI A.puerto {
	LEFT: 105px; TOP: 158px
}
.uk LI A.baguio {
	LEFT: 100px; TOP: 80px
}
.uk LI A.vigan {
	LEFT: 93px; TOP: 50px
}
.uk LI A.camiguin {
	LEFT: 185px; TOP: 255px
}
.uk LI A.davao {
	LEFT: 205px; TOP: 300px
}
.uk LI A:hover {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 1em; BACKGROUND: #109bc8; PADDING-BOTTOM: 2px; WIDTH: 90px; COLOR: #fff; TEXT-INDENT: 0px; LINE-HEIGHT: 1em; PADDING-TOP: 2px; HEIGHT: 1.2em
}
* HTML .uk LI A:hover {
	WIDTH: 90px; HEIGHT: 1.2em
}
.uk LI A:hover EM {
	BORDER-RIGHT: #109bc8 1px solid; PADDING-RIGHT: 25px; BORDER-TOP: #109bc8 1px solid; PADDING-LEFT: 25px; BACKGROUND: #fff; VISIBILITY: visible; PADDING-BOTTOM: 25px; MARGIN-LEFT: 5px; BORDER-LEFT: #109bc8 1px solid; WIDTH: 150px; COLOR: #333333; LINE-HEIGHT: 1.5em; PADDING-TOP: 25px; BORDER-BOTTOM: #109bc8 1px solid; FONT-STYLE: normal; FONT-FAMILY: tahoma, geneva, "lucida sans unicode", "lucida grande", arial, sans-serif; LETTER-SPACING: 1px; TOP: -135px; z-index:125
}
* HTML .uk LI A:hover EM {
	WIDTH: 150px
}
.uk LI A:hover EM IMG {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; DISPLAY: block; MARGIN-BOTTOM: 10px; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid
}
.uk LI A:hover EM SPAN {
	BORDER-RIGHT: #fff 0px solid; BORDER-TOP: #fff 15px solid; DISPLAY: block; LEFT: 0px; OVERFLOW: hidden; BORDER-LEFT: #109bc8 15px solid; WIDTH: 0px; BORDER-BOTTOM: #fff 15px solid; POSITION: absolute; TOP: 128px; HEIGHT: 0px
}
* HTML .uk LI A:hover EM SPAN {
	WIDTH: 0px; HEIGHT: 0px
}