@charset "utf-8";

/* CSS Document */



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

body {background:#FFFFFF url(../images/bg.png) repeat-x;}



#wrapper {width:1024px; height:auto; clear:both; background-color:#e5e5e5; margin:15px auto; border-bottom: solid #4b4b4b 2px}



/* Txt Style */



p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000000; text-align:justify;}



h1 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#01c0fc; font-weight:bold; font-size:16px;}

.style-txt-1 a {font-size:14px; color:#000000; margin-bottom:10px; text-decoration:none;}

.style-txt-1 a:hover {color:#FF0000; text-decoration:none;}

.style-txt-2 {font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#000000; text-align:center;}

.style-txt-3 a{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#025ac1; text-align:center; text-decoration:none;}

.style-txt-3 a:hover {color:#FF0000; text-decoration:underline;}

.style-txt-4 {font-size:16px; color:#000000; margin-bottom:10px; text-decoration:none;}

.title1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#f8f6f6; text-align:left; text-decoration:none;}

.title2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#020202; text-align:center; text-decoration:none;}

.title3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#010101; text-align:center; text-decoration:none;}

.includes-txt {font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#030303; text-align:left;}

.red-txt {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FF0000;}

a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0066ff; text-decoration:underline;}

a:hove{ text-decoration:underline;}

/* Header */

#header_banner { width:1024px; height:598px; padding:0; margin:0; float:left;}

#logo { width:400px; height:120px; margin:30px 0 0 30px; float:left;}
.logo { width:400px; height:120px; margin:20px 0 0 30px; float:left;}
.logo2 { width:400px; height:120px; margin:0 0 0 30px; float:left;}

/* Home Banner */

#header_banner .boracay-7-stones-home1 {
	width:341px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-7stones-apartments-home-01.jpg) no-repeat;
	}
	#header_banner .boracay-7-stones-home2 {
	width:342px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-7stones-apartments-home-02.jpg) no-repeat;
	}
	#header_banner .boracay-7-stones-home3 {
	width:341px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-7stones-apartments-home-03.jpg) no-repeat;
	}
	#header_banner .boracay-7-stones-home4 {
	width:341px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-7stones-apartments-home-04.jpg) no-repeat;
	}
	#header_banner .boracay-7-stones-home5 {
	width:342px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-7stones-apartments-home-05.jpg) no-repeat;
	}
	#header_banner .boracay-7-stones-home6 {
	width:341px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-7stones-apartments-home-06.jpg) no-repeat;
	}
	#header_banner .boracay-7-stones-home7 {
	width:683px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-7stones-apartments-home-07.jpg) no-repeat;
	}
	#header_banner .boracay-7-stones-home8 {
	width:341px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-7stones-apartments-home-08.jpg) no-repeat;
	}

/* Contact Banner */
#header_banner .boracay-7stone-contact1 {
	width:341px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-7stones-apartments-contact-01.jpg) no-repeat;
	}
	#header_banner .boracay-7stone-contact2 {
	width:342px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-7stones-apartments-contact-02.jpg) no-repeat;
	}
	#header_banner .boracay-7stone-contact3 {
	width:341px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-7stones-apartments-contact-03.jpg) no-repeat;
	}
	#header_banner .boracay-7stone-contact4 {
	width:341px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-7stones-apartments-contact-04.jpg) no-repeat;
	}
	#header_banner .boracay-7stone-contact5 {
	width:342px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-7stones-apartments-contact-05.jpg) no-repeat;
	}
	#header_banner .boracay-7stone-contact6 {
	width:341px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-7stones-apartments-contact-06.jpg) no-repeat;
	}
	#header_banner .boracay-7stone-contact7 {
	width:683px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-7stones-apartments-contact-07.jpg) no-repeat;
	}
	#header_banner .boracay-7stone-contact8 {
	width:341px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-7stones-apartments-contact-08.jpg) no-repeat;
	}
	
/* Boracay Banner */
#header_banner .boracay-white-beach1 {
	width:341px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-white-beach-01.jpg) no-repeat;
	}
	#header_banner .boracay-white-beach2 {
	width:342px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-white-beach-02.jpg) no-repeat;
	}
	#header_banner .boracay-white-beach3 {
	width:341px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-white-beach-03.jpg) no-repeat;
	}
	#header_banner .boracay-white-beach4 {
	width:341px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-white-beach-04.jpg) no-repeat;
	}
	#header_banner .boracay-white-beach5 {
	width:342px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-white-beach-05.jpg) no-repeat;
	}
	#header_banner .boracay-white-beach6 {
	width:341px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-white-beach-06.jpg) no-repeat;
	}
	#header_banner .boracay-white-beach7 {
	width:683px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-white-beach-07.jpg) no-repeat;
	}
	#header_banner .boracay-white-beach8 {
	width:341px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/banner/boracay-white-beach-08.jpg) no-repeat;
	}
	
/* Main Banner */
#header_banner .main1 { width:341px; height:149px; background:url(../images/banner1.png) no-repeat; float:left;}
#header_banner .main2 {width:341px; height:149px; background:url(../images/banner2.png) no-repeat; float:left;}
#header_banner .main3 {width:342px; height:149px; background:url(../images/banner3.png) no-repeat; float:left;}
#header_banner .main4 {width:341px; height:149px; background:url(../images/banner4.png) no-repeat; float:left;}
#header_banner .main5 {width:341px; height:149px; background:url(../images/banner5.png) no-repeat; float:left;}
#header_banner .main6 {width:342px; height:149px; background:url(../images/banner6.png) no-repeat; float:left;}
#header_banner .main7 {width:341px; height:149px; background:url(../images/banner7.png) no-repeat; float:left;}
#header_banner .main8 {width:341px; height:149px; background:url(../images/banner8.png) no-repeat; float:left}
#header_banner .main9 {width:342px; height:149px; background:url(../images/banner9.png) no-repeat; float:left;}
#header_banner .main10 {width:1024px; height:151px; background:url(../images/banner10.png) no-repeat; float:left;}

/* Accommodation Banner */

#header_banner .accommodation-banner1 { width:341px; height:149px; background:url(../images/accommodation-banner1.png) no-repeat; float:left;}

#header_banner .accommodation-banner2 {width:341px; height:149px; background:url(../images/accommodation-banner2.png) no-repeat; float:left;}

#header_banner .accommodation-banner3 {width:342px; height:149px; background:url(../images/accommodation-banner3.png) no-repeat; float:left;}

#header_banner .accommodation-banner4 {width:341px; height:149px; background:url(../images/accommodation-banner4.png) no-repeat; float:left;}

#header_banner .accommodation-banner5 {width:341px; height:149px; background:url(../images/accommodation-banner5.png) no-repeat; float:left;}

#header_banner .accommodation-banner6 {width:342px; height:149px; background:url(../images/accommodation-banner6.png) no-repeat; float:left;}

#header_banner .accommodation-banner7 {width:341px; height:149px; background:url(../images/accommodation-banner7.png) no-repeat; float:left;}

#header_banner .accommodation-banner8 {width:341px; height:149px; background:url(../images/accommodation-banner8.png) no-repeat; float:left}

#header_banner .accommodation-banner9 {width:342px; height:149px; background:url(../images/accommodation-banner9.png) no-repeat; float:left;}

#header_banner .accommodation-banner10 {width:1024px; height:151px; background:url(../images/accommodation-banner10.png) no-repeat; float:left;}



/* Bed 1 Banner */

#header_banner .bed1-banner1 { width:341px; height:149px; background:url(../images/bed1-banner1.png) no-repeat; float:left;}

#header_banner .bed1-banner2 {width:341px; height:149px; background:url(../images/bed1-banner2.png) no-repeat; float:left;}

#header_banner .bed1-banner3 {width:342px; height:149px; background:url(../images/bed1-banner3.png) no-repeat; float:left;}

#header_banner .bed1-banner4 {width:341px; height:149px; background:url(../images/bed1-banner4.png) no-repeat; float:left;}

#header_banner .bed1-banner5 {width:341px; height:149px; background:url(../images/bed1-banner5.png) no-repeat; float:left;}

#header_banner .bed1-banner6 {width:342px; height:149px; background:url(../images/bed1-banner6.png) no-repeat; float:left;}

#header_banner .bed1-banner7 {width:341px; height:149px; background:url(../images/bed1-banner7.png) no-repeat; float:left;}

#header_banner .bed1-banner8 {width:341px; height:149px; background:url(../images/bed1-banner8.png) no-repeat; float:left}

#header_banner .bed1-banner9 {width:342px; height:149px; background:url(../images/bed1-banner9.png) no-repeat; float:left;}

#header_banner .bed1-banner10 {width:1024px; height:151px; background:url(../images/bed1-banner10.png) no-repeat; float:left;}





/* Bed 2 Banner */

#header_banner .bed2-banner1 { width:341px; height:149px; background:url(../images/bed2-banner1.png) no-repeat; float:left;}

#header_banner .bed2-banner2 {width:341px; height:149px; background:url(../images/bed2-banner2.png) no-repeat; float:left;}

#header_banner .bed2-banner3 {width:342px; height:149px; background:url(../images/bed2-banner3.png) no-repeat; float:left;}

#header_banner .bed2-banner4 {width:341px; height:149px; background:url(../images/bed2-banner4.png) no-repeat; float:left;}

#header_banner .bed2-banner5 {width:341px; height:149px; background:url(../images/bed2-banner5.png) no-repeat; float:left;}

#header_banner .bed2-banner6 {width:342px; height:149px; background:url(../images/bed2-banner6.png) no-repeat; float:left;}

#header_banner .bed2-banner7 {width:341px; height:149px; background:url(../images/bed2-banner7.png) no-repeat; float:left;}

#header_banner .bed2-banner8 {width:341px; height:149px; background:url(../images/bed2-banner8.png) no-repeat; float:left}

#header_banner .bed2-banner9 {width:342px; height:149px; background:url(../images/bed2-banner9.png) no-repeat; float:left;}

#header_banner .bed2-banner10 {width:1024px; height:151px; background:url(../images/bed2-banner10.png) no-repeat; float:left;}



/* Rates Banner */

#header_banner .rates-banner1 { width:341px; height:149px; background:url(../images/rates-banner1.png) no-repeat; float:left;}

#header_banner .rates-banner2 {width:341px; height:149px; background:url(../images/rates-banner2.png) no-repeat; float:left;}

#header_banner .rates-banner3 {width:342px; height:149px; background:url(../images/rates-banner3.png) no-repeat; float:left;}

#header_banner .rates-banner4 {width:341px; height:149px; background:url(../images/rates-banner4.png) no-repeat; float:left;}

#header_banner .rates-banner5 {width:341px; height:149px; background:url(../images/rates-banner5.png) no-repeat; float:left;}

#header_banner .rates-banner6 {width:342px; height:149px; background:url(../images/rates-banner6.png) no-repeat; float:left;}

#header_banner .rates-banner7 {width:341px; height:149px; background:url(../images/rates-banner7.png) no-repeat; float:left;}

#header_banner .rates-banner8 {width:341px; height:149px; background:url(../images/rates-banner8.png) no-repeat; float:left}

#header_banner .rates-banner9 {width:342px; height:149px; background:url(../images/rates-banner9.png) no-repeat; float:left;}

#header_banner .rates-banner10 {width:1024px; height:151px; background:url(../images/rates-banner10.png) no-repeat; float:left;}



/* Packages Banner */

#header_banner .packages-banner1 { width:341px; height:149px; background:url(../images/packages-banner1.png) no-repeat; float:left;}

#header_banner .packages-banner2 {width:341px; height:149px; background:url(../images/packages-banner2.png) no-repeat; float:left;}

#header_banner .packages-banner3 {width:342px; height:149px; background:url(../images/packages-banner3.png) no-repeat; float:left;}

#header_banner .packages-banner4 {width:341px; height:149px; background:url(../images/packages-banner4.png) no-repeat; float:left;}

#header_banner .packages-banner5 {width:341px; height:149px; background:url(../images/packages-banner5.png) no-repeat; float:left;}

#header_banner .packages-banner6 {width:342px; height:149px; background:url(../images/packages-banner6.png) no-repeat; float:left;}

#header_banner .packages-banner7 {width:341px; height:149px; background:url(../images/packages-banner7.png) no-repeat; float:left;}

#header_banner .packages-banner8 {width:341px; height:149px; background:url(../images/packages-banner8.png) no-repeat; float:left}

#header_banner .packages-banner9 {width:342px; height:149px; background:url(../images/packages-banner9.png) no-repeat; float:left;}

#header_banner .packages-banner10 {width:1024px; height:151px; background:url(../images/packages-banner10.png) no-repeat; float:left;}



/* Palm Breeze Pic */

.palmbreeze-pic1 { width:256px; height:133px; background:url(../images/palm-breeze1.png) no-repeat; float:left;}

.palmbreeze-pic2 {width:256px; height:133px; background:url(../images/palm-breeze2.png) no-repeat; float:left;}

.palmbreeze-pic3 {width:256px; height:133px; background:url(../images/palm-breeze3.png) no-repeat; float:left;}

.palmbreeze-pic4 {width:256px; height:133px; background:url(../images/palm-breeze4.png) no-repeat; float:left;}

.palmbreeze-pic5 {width:256px; height:133px; background:url(../images/palm-breeze5.png) no-repeat; float:left;}

.palmbreeze-pic6 {width:256px; height:133px; background:url(../images/palm-breeze6.png) no-repeat; float:left;}

.palmbreeze-pic7 {width:256px; height:133px; background:url(../images/palm-breeze7.png) no-repeat; float:left;}

.palmbreeze-pic8 {width:256px; height:133px; background:url(../images/palm-breeze8.png) no-repeat; float:left}

.palmbreeze-pic9 {width:256px; height:133px; background:url(../images/palm-breeze9.png) no-repeat; float:left;}

.palmbreeze-pic10 {width:256px; height:133px; background:url(../images/palm-breeze10.png) no-repeat; float:left;}

.palmbreeze-pic11 {width:256px; height:133px; background:url(../images/palm-breeze11.png) no-repeat; float:left;}

.palmbreeze-pic12 {width:256px; height:133px; background:url(../images/palm-breeze12.png) no-repeat; float:left;}





/* Bpicture Banner */

#header_banner .picture-banner1 { width:341px; height:149px; background:url(../images/7stones-apartmets-picture1.png) no-repeat; float:left;}

#header_banner .picture-banner2 {width:341px; height:149px; background:url(../images/7stones-apartmets-picture2.png) no-repeat; float:left;}

#header_banner .picture-banner3 {width:342px; height:149px; background:url(../images/7stones-apartmets-picture3.png) no-repeat; float:left;}

#header_banner .picture-banner4 {width:341px; height:149px; background:url(../images/7stones-apartmets-picture4.png) no-repeat; float:left;}

#header_banner .picture-banner5 {width:341px; height:149px; background:url(../images/7stones-apartmets-picture5.png) no-repeat; float:left;}

#header_banner .picture-banner6 {width:342px; height:149px; background:url(../images/7stones-apartmets-picture6.png) no-repeat; float:left;}

#header_banner .picture-banner7 {width:341px; height:149px; background:url(../images/7stones-apartmets-picture7.png) no-repeat; float:left;}

#header_banner .picture-banner8 {width:341px; height:149px; background:url(../images/7stones-apartmets-picture8.png) no-repeat; float:left}

#header_banner .picture-banner9 {width:342px; height:149px; background:url(../images/7stones-apartmets-picture9.png) no-repeat; float:left;}

#header_banner .picture-banner10 {width:1024px; height:151px; background:url(../images/7stones-apartmets-picture10.png) no-repeat; float:left;}



/* Navigation */

#navigation {height:40px; width:1024px; margin:0; background-color:#4b4b4b;}

#navigation ul {list-style:none;}

#navigation ul li {float:left; width:146px;}

#navigation ul li a {

	float:left; 

	display:block; 

	padding:10px 0 0 0; 

	width:146px; 

	height:30px; 

	text-align:center; 

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:14px; 

	font-weight:bold; 

	color:#fdfdfd; 

	text-decoration:none;}

#navigation ul li a:hover {color:#01c0fc; text-decoration:none;}

#navigation ul li a.active {color:#01c0fc; text-decoration:none;}



.navigation-bg-line {width:146px; height:40px; background:url(../images/nav-bg-1.png) no-repeat;}



/* Content*/

#content {width:1004px; height:auto; padding:10px; margin:10px 0 10px 0;}

#content .image1{ width:350px; height:auto; float:right; margin:0 0 0 15px;}

#content .image2{ width:280px; height:auto; float:right; margin:0 0 0 15px;}

.image2 {width:1024px; height:399px; clear:both; margin:20px 0 20px 0;}

.accommodation-main-thumbs {width:980px; height:auto; border:#666666 solid 1px; padding:10px;}

.image3 {width:350px; height:300px; float:left; margin:0 15px 0 0;}

.button {width:252px; height:36px; margin:100px 0 0 330px; float:left; background:url(../images/button.png) no-repeat; text-align:center; padding:15px 0 0 0;}

.button a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#f9f2f2; text-decoration:none; padding:10px 0 0 0;}

.button a:hover {color:#f6f3f3; text-decoration:underline;}

.image4 {width:400px; height:auto; float:left; margin:20px 0 0 95px; text-align:center;}

.image4 p {text-align:center}

.image5{ width:400px; height:auto; float:left; margin:20px 0 0 15px; text-align:center;}

.image5 p {text-align:center}

.image6 {width:1024px; height:400px; clear:both; background:url(../images/pic3.png) no-repeat; margin:20px 0 20px 0;}

.rate-main-pic {width:984px; height:auto; padding:10px; clear:both; background-color:#5f5f5f; margin:0; border:solid #000000 1px;}

.monthly-rate { width:1001px; height:auto; padding:0; clear:both; border:#000000 solid 2px; margin:20px 0 0 0;}

.monthly1 {width:248px; height:auto; float:left; border-right:#000000 solid 2px; border-bottom:#000000 solid 2px; text-align:center;}

.monthly1 p {text-align:center}

.monthly2 {width:251px; height:auto; float:left; border-bottom:#000000 solid 2px; text-align:center;}

.monthly2 p {text-align:center}

.monthly3 {width:248px; height:auto; float:left; border-right:#000000 solid 2px;}

.monthly3 p {text-align:center}

.monthly4 {width:248px; height:auto; float:left;}

.monthly4 p {text-align:center}

.nightly-rate-pic {width:350px; height:300px; margin:20px auto;}

.rate-pic {float:right; margin:0 0 0 30px; text-align:center; width:auto;}

.rate-pic p {color:#f9f3f3; text-align:center}

.rate-button {width:252px; height:36px; margin:30px 0 0 50px; float:left; background:url(../images/button.png) no-repeat; text-align:center; padding:15px 0 0 0;}

.rate-button a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#f8f8f8; text-decoration:none; padding:10px 0 0 0;}

.rate-button a:hover {color:#f5f0f0; text-decoration:underline;}



.packages-main {width:600px; height:auto; padding:10px; clear:both; margin:0 auto; background:url(../images/packges.png) no-repeat; background-position:top;}

.one-bedroom {}

/* Footer */



#footer {width:1024px; height:auto; margin:0 auto; clear:both;}

.footer-box {width:900px; height:auto; margin:0 auto; padding:0 20px 20px 20px; text-align:center;}

#footer p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; text-align:center;}

#footer .clear {clear:both; margin:10px;}



#footer a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#0066CC; text-decoration:none;}

#footer a:hover {color:#FF0000; text-decoration:underline;}





/* Other*/

.clear {clear:both;}

.picture-box1{ width:300px; height:214px; margin:0 0 30px 180px; float:left;}

.picture-box2{ width:300px; height:214px; margin:0 0 30px 50px; float:left;}

.picture-script {
	width:1004px;
	height:auto;
	margin:10px auto 30px auto;
	clear:both;
	min-height:600px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	}
.picture-script img {
	padding-bottom:8px;
	}
.picture-script-main-thumbs {
	width:1000px;
	height:auto;
	clear:both;
	margin:20px auto 0 auto;
	padding:0 0 3px 0;
	float:none;
	border-bottom:1px solid #666666;
	}
.picture-script-main-thumbs .thumbs{
	width:96px;
	height:auto;
	float:left;
	margin:5px 2px;
	}
#screenshot {

	margin: 0;

	padding: 8px;

	position: absolute;

	border: 1px solid #122025;

	background: #000;

	display: none;

	z-index: 200;

}

.latest_img {

	border: 1px solid #575757;

	margin-left: 12px;

}