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

body { background:#e6cc7f;}


* { margin:0 auto; padding:0;}

#wrapper { width:1004px; height:auto; background:#FFFFFF; padding:10px; margin:20px auto}


/* Txt STyle*/
.style-h1 {font-family:"Arial Unicode MS"; font-size:30px; text-align:center; color:#542a00; font-weight:normal;}
.style-left-h1 { font-family:"Arial Unicode MS"; font-size:20px; text-align:left; color:#542a00; font-weight:bold; margin-bottom:7px;}
.style1 {font-family:"Arial Unicode MS"; font-size:20px; font-weight:normal; text-decoration:none; color:#5b2e01;}
.style2 { font:"Arial Unicode MS"; font-size:16px; font-weight:normal; text-decoration:none; text-align:center;}
.style3 {font-family:"Arial Unicode MS"; font-size:20px; font-weight:normal; text-decoration:none; color:#a38566; margin:15px 0 10px 0;}
.style4 {font-family:"Arial Unicode MS"; font-size:18px; font-weight:normal; text-decoration:none; color:#663300;}
.style4 a{font-family:"Arial Unicode MS"; font-size:16px; font-weight:normal; text-decoration:none; color:#663300;}
.style4 a{ text-decoration:underline;}
.style5 { font-family:Arial; font-size:18px; text-align:center; color:#542a00; font-weight:bold; margin-bottom:7px;}
p { font-family:"Arial Unicode MS"; font-size:12px; color:#000000; text-align:justify;}

a { font-family:"Arial Unicode MS"; font-size:12px; color:#5a2d01; text-decoration:underline; font-family:}
a:hover { color:#FF0000; text-decoration:underline;}


/* Side Navigation */
#navigation {height:auto; width:350px; margin:0; background-color:#996633; padding:15px 0 30px 0; float:left;}
#navigation ul {list-style:none;}
#navigation ul li {float:left; width:300px; margin:0 0 0 20px;}
#navigation ul li a {
	float:left; 
	display:block; 
	padding:30px 0 0 5px; 
	width:295px; 
	height:20px; 
	text-align:left; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px; 
	font-weight:bold;
	border-bottom:1px solid #FFFFFF; 
	color:#fdfdfd; 
	text-decoration:none;
	 background:url(../images/bullet.png) no-repeat; background-position:right;}
#navigation ul li a:hover {color:#0e0700; text-decoration:none;}
#navigation ul li a.active {color:#0e0700; text-decoration:none;}


/* footer Navigation */
#footer-navigation {height:auto; width:648px; margin:0 auto; background-color:#996633;}
#footer-navigation ul {list-style:none;}
#footer-navigation ul li {float:left; width:162px;}
#footer-navigation ul li a {
	float:left; 
	display:block; 
	padding:5px 0 0 5px; 
	width:156px; 
	height:20px; 
	text-align:center; 
	font-family:"Arial Unicode MS";
	font-size:10px; 
	font-weight:bold;
	color:#000000;
	border-right:1px #462a0d solid; 
	text-decoration:underline;}
#footer-navigation ul li a:hover {color:#f9f9f9; text-decoration:underline;}
#footer-navigation ul li a.active {color:#fef8f8; text-decoration:none;}

/* Header */
#header { width:1004px; height:auto; margin:0; padding:0; clear:both; min-height:25px;}
.header-box { width:644px; margin:0 0 0 10px; float:left; height:auto; border-bottom:4px #996633 dashed;}
.header-property { width:1004px; margin:0; float:left; height:auto; border-bottom:1px #996633 solid;}
.logo { width:600px; height:auto; margin:15px 22px 0 22px; text-align:center; float:left;}
.logo p{ font-family:"Arial Unicode MS"; text-align:center; color:#4e2701;}
.logo hr{ margin:5px 0 0 0; color:#542a00;}
.house-img { width:200px; height:180px; float:left; margin:15px 0 0 10px;}
.house-img2 { width:200px; height:180px; float:left; margin:15px 60px 0 30px;}
.qoute-box { width:300px; height:auto; float:left; margin:60px 0 0 0;}
.qoute-box2 { width:600px; height:auto; float:left; margin:20px 0 0 0; text-align:center}


/* Side Panel */
#side-panel {height:auto; width:330px; margin:5px 0 0 0; background-color:#ffcc66; padding:20px 10px 10px 10px; float:left; min-height:400px;}
.landlord-img { width:150px; height:207px; float:left; background:url(../images/landlord-pic.png) no-repeat; margin:0 5px 0 0;}
#side-panel p{ font-size:12px; margin-bottom:8px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#6c3600; line-height:20px;}


/* Content */
#side-panel-and-content { width:1004px; height:auto; clear:both; margin:0;}
#content { width:644px; margin:5px 0 0 10px; float:left; height:auto; min-height:530px}
#content2 { width:994px; height:auto; clear:both; margin:5px 0 5px 0; padding:5px}
#content p{ font-size:12px; font-family:"Arial Unicode MS"; color:#754719; line-height:20px;}
.content-1 {width:980px; float:left; height:auto; min-height:270px; border:1px #663300 solid; margin:20px  5px 0 5px;}
.content-title {width:960px; float:left; height:auto; min-height:30px; border-bottom:1px #663300 solid; margin-bottom:5px; background-color:#ffc45b; padding:10px}
.thumbs { width:250px; height:200px; float:left; margin:0 5px 5px 5px;}
.property-info {width:715px; height:auto; min-height:200px; text-align:justify; margin:0 0 5px 0; float:left;}
.property-info p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; color:#663300; line-height:20px;}

.more-info { width:250px; height:35px; float:right; padding:15px 0 0 0; background:url(../images/more-info-button.png) no-repeat; margin:80px 0 0 0; text-align:center;}
.more-info a{font-family:"Arial Unicode MS"; font-size:15px; font-weight:bold; text-decoration:none; color:#663300; text-align:center; padding:13px 40px 0 0;}
.more-info a:hover{ text-decoration:underline;}
.content-2 {width:980px; float:left; height:auto; min-height:700px; margin:20px  10px 0 10px;}
.content-2 p{font-size:12px; font-family:"Arial Unicode MS"; color:#754719; line-height:20px;}
.one-bed-img1 { width:300px; height:auto; float:right; margin:0 0 10px 0;}
.one-bed-img2 { width:500px; height:auto; float:left; margin:0 0 0 80px;}
.one-bed-img3 { width:350px; height:auto; float:left; margin:10px 0 0 135px;}
.one-bed-img4 { width:350px; height:auto; float:left; margin:10px 0 0 10px;}
.one-bed-img5 { width:230px; height:auto; float:left; margin:10px 0 0 135px;}
.one-bed-img6 { width:230px; height:auto; float:left; margin:10px 0 0 10px;}
.property-banner-1 {width:750px; height:auto; margin:10px auto; float:none;}
.property-banner-2 {width:500px; height:auto; margin:10px auto; float:none;}

.boracay-island-philippines {width:644px; height:298px; background:url(../images/boracay-island-philippines.png) no-repeat;}
.dining-beach-view {width:644px; height:400px; background:url(../images/dining-beach-view.png) no-repeat;}
.room { width:320px; height:225px; margin:2px 4px 5px 0; float:left; background:url(../images/big-room.png) no-repeat;}
.dinning {width:320px; height:225px; margin:2px 0 5px 0; float:left; background:url(../images/dining.png) no-repeat;}
.button1 { width:160px; height:40px; float:right; margin:0 10px 0 0; background:url(../images/button1.png) no-repeat; text-align:center; padding:10px 0 0 10px;}
.button1 a{ font-family:"Arial Unicode MS"; font-size:20px; color:#f9f3f3; text-decoration:none;}
.button1 a:hover{ text-decoration:underline;}
/* Footer  */
#footer { width:964px; height:auto; margin:10px 0 0 0; padding:20px 20px 30px 20px; clear:both; min-height:50px; background-color:#996633;}
#footer p { text-align:center; margin:0; font-family:"Arial Unicode MS"; font-size:10px; color:#000000; }
#footer a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; text-decoration:none; font-weight:bold;}
#footer a:hover { color:#fbf5f5; text-decoration:underline;}

/* Other */
.clear {clear:both;}
.line { width:auto; height:1px; background:url(../images/line.png) repeat-x; margin:3px 0;}
.line2 { width:360px; height:1px; background:url(../images/line.png) repeat-x; float:none; margin:3px auto;}
/* Property Slice Banner*/
/* Deluxe Room Banner*/
.deluxe-suite1 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/deluxe-room/deluxe-room-1.png) no-repeat;}
.deluxe-suite2 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/deluxe-room/deluxe-room-2.png) no-repeat;}
.deluxe-suite3 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/deluxe-room/deluxe-room-3.png) no-repeat;}
.deluxe-suite4 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/deluxe-room/deluxe-room-4.png) no-repeat;}
.deluxe-suite5 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/deluxe-room/deluxe-room-5.png) no-repeat;}
.deluxe-suite6 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/deluxe-room/deluxe-room-6.png) no-repeat;}
.deluxe-suite7 { width:250px; height:184px; float:left; background: url(../images/palm-breeze/deluxe-room/deluxe-room-7.png) no-repeat;}
.deluxe-suite8 { width:250px; height:184px; float:left; background: url(../images/palm-breeze/deluxe-room/deluxe-room-8.png) no-repeat;}
.deluxe-suite9 { width:250px; height:184px; float:left; background: url(../images/palm-breeze/deluxe-room/deluxe-room-9.png) no-repeat;}

/* View from Deluxe Room Banner*/
.view-deluxe-suite1 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/deluxe-room/view-form-deluxe-room-1.png) no-repeat;}
.view-deluxe-suite2 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/deluxe-room/view-form-deluxe-room-2.png) no-repeat;}
.view-deluxe-suite3 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/deluxe-room/view-form-deluxe-room-3.png) no-repeat;}
.view-deluxe-suite4 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/deluxe-room/view-form-deluxe-room-4.png) no-repeat;}
.view-deluxe-suite5 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/deluxe-room/view-form-deluxe-room-5.png) no-repeat;}
.view-deluxe-suite6 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/deluxe-room/view-form-deluxe-room-6.png) no-repeat;}
.view-deluxe-suite7 { width:250px; height:184px; float:left; background: url(../images/palm-breeze/deluxe-room/view-form-deluxe-room-7.png) no-repeat;}
.view-deluxe-suite8 { width:250px; height:184px; float:left; background: url(../images/palm-breeze/deluxe-room/view-form-deluxe-room-8.png) no-repeat;}
.view-deluxe-suite9 { width:250px; height:184px; float:left; background: url(../images/palm-breeze/deluxe-room/view-form-deluxe-room-9.png) no-repeat;}

/* Horizon Suite Banner */
.horizon-suite1 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/horizon-suite/horizon-suite-1.png) no-repeat;}
.horizon-suite2 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/horizon-suite/horizon-suite-2.png) no-repeat;}
.horizon-suite3 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/horizon-suite/horizon-suite-3.png) no-repeat;}
.horizon-suite4 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/horizon-suite/horizon-suite-4.png) no-repeat;}
.horizon-suite5 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/horizon-suite/horizon-suite-5.png) no-repeat;}
.horizon-suite6 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/horizon-suite/horizon-suite-6.png) no-repeat;}
.horizon-suite7 { width:250px; height:184px; float:left; background: url(../images/palm-breeze/horizon-suite/horizon-suite-7.png) no-repeat;}
.horizon-suite8 { width:250px; height:184px; float:left; background: url(../images/palm-breeze/horizon-suite/horizon-suite-8.png) no-repeat;}
.horizon-suite9 { width:250px; height:184px; float:left; background: url(../images/palm-breeze/horizon-suite/horizon-suite-9.png) no-repeat;}

/* Nirvana Suite Banner */
.nirvana-suite1 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/nirvana-suite/nirvana-suite-1.png) no-repeat;}
.nirvana-suite2 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/nirvana-suite/nirvana-suite-2.png) no-repeat;}
.nirvana-suite3 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/nirvana-suite/nirvana-suite-3.png) no-repeat;}
.nirvana-suite4 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/nirvana-suite/nirvana-suite-4.png) no-repeat;}
.nirvana-suite5 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/nirvana-suite/nirvana-suite-5.png) no-repeat;}
.nirvana-suite6 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/nirvana-suite/nirvana-suite-6.png) no-repeat;}
.nirvana-suite7 { width:250px; height:184px; float:left; background: url(../images/palm-breeze/nirvana-suite/nirvana-suite-7.png) no-repeat;}
.nirvana-suite8 { width:250px; height:184px; float:left; background: url(../images/palm-breeze/nirvana-suite/nirvana-suite-8.png) no-repeat;}
.nirvana-suite9 { width:250px; height:184px; float:left; background: url(../images/palm-breeze/nirvana-suite/nirvana-suite-9.png) no-repeat;}

/* Bauhinia Suite Banner */
.bauhinia-suite1 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/bauhinia-suite/bauhinia-suite-1.png) no-repeat;}
.bauhinia-suite2 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/bauhinia-suite/bauhinia-suite-2.png) no-repeat;}
.bauhinia-suite3 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/bauhinia-suite/bauhinia-suite-3.png) no-repeat;}
.bauhinia-suite4 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/bauhinia-suite/bauhinia-suite-4.png) no-repeat;}
.bauhinia-suite5 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/bauhinia-suite/bauhinia-suite-5.png) no-repeat;}
.bauhinia-suite6 { width:250px; height:183px; float:left; background: url(../images/palm-breeze/bauhinia-suite/bauhinia-suite-6.png) no-repeat;}
.bauhinia-suite7 { width:250px; height:184px; float:left; background: url(../images/palm-breeze/bauhinia-suite/bauhinia-suite-7.png) no-repeat;}
.bauhinia-suite8 { width:250px; height:184px; float:left; background: url(../images/palm-breeze/bauhinia-suite/bauhinia-suite-8.png) no-repeat;}
.bauhinia-suite9 { width:250px; height:184px; float:left; background: url(../images/palm-breeze/bauhinia-suite/bauhinia-suite-9.png) no-repeat;}