/**
 *  --------------------------------------------------------------------------------------
 *  Master CSS
 *  ----------------------------------------------------
 *  1.	Global Styles
 		- Body
		- Text
		- Headers
		- Hyperlinks
		- Lists
		- Forms
		- Extras
 *  2.	Subpage Template Layout Styles
 *  3.	Navigation
 		- Main Nav >>>>> located in seperate CSS files
		- Sub Nav
 *  4.	Page Specific Styles
 		- Homepage
		- All other pages
 *  5.	Footer
 *  --------------------------------------------------------------------------------------
 */



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

/* ---------------------------->>> 1. GLOBAL STYLES <<<------------------------- */

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



/*
	voice-family: "\"}\"";
	voice-family:inherit;
*/


body, html {
	height:100%;
	margin:0;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#bba77d;
	}


/* ------------ */
/* --- Text --- */
/* ------------ */
p {font:12px Arial, Helvetica, sans-serif; color:#413325; line-height:18px; margin:0; padding:0px 0px 20px 0px; text-align:justify;}
td {font:12px Verdana, Arial, Helvetica, sans-serif; color:#000000; line-height:15px;}
th {font:12px Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight: bold; line-height:18px;}

/* --- HEADINGS --- */
h1 {font:26px Georgia, "Times New Roman", Times, serif; color:#5f4a39; font-weight:bold; margin:0px 0px 0px 0px; padding:0;}
h2 {font:24px Georgia, "Times New Roman", Times, serif; color:#5f4a39; font-weight:bold; margin:0px 0px 0px 0px; padding:0;}
h3 {font:16px Georgia, "Times New Roman", Times, serif; color:#5f4a39; font-weight:bold; font-style:normal; margin:0; padding:0px 0px 10px 0px;}
h4 {font:16px Georgia, "Times New Roman", Times, serif; color:#e5d49e; font-weight:normal; margin:0; padding:0;}

/* --- HYPERLINKS --- */
a {font:12px Arial, Helvetica, sans-serif; color:#cc9900; font-weight:normal;}
	a.hpH1Link {font:9px Arial, Helvetica, sans-serif; color:#666666;}
	a.hpH1Link:hover {color:#666666;}

	/* big bottom link */
	p.bigBottomLink {text-align:right;}
	p.bigBottomLink a {font:18px Georgia, "Times New Roman", Times, serif;}

a:link, a:active, a:visited {text-decoration:none;}
a:hover {color:#333; text-decoration:underline;}

/* --- LISTS --- */
ul {margin:0px 0px 20px 0px; padding:0;}
ol {margin:0px 0px 20px 10px; padding:0;}
li {margin:0px 0px 0px 16px; padding:0; font:12px/17px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#000000;}

/* --- FORMS --- */
form {padding:0; margin:0;}
fieldset {border:none;}
input {padding:0; margin:0; font-size:11px;}

/* -- EXTRAS -- */
img {border:0; padding:0; margin:0; display:block;}
.noCSS {visibility:hidden;}
.noDisplay {display:none;}
.inline {display:inline;}
.clear {clear:both;}











/* ----------------------------------------------------------------------------- */
/*                                                                               */
/* ----------------->>> 2. SUBPAGE TEMPLATE LAYOUT STYLES <<<------------------- */
/*                                                                               */
/* ----------------------------------------------------------------------------- */

/* --- Header --- */
#headerWrap {position:relative; width:920px; height:55px; margin:10px auto 0px auto; padding:0px 0px 0px 0px; background-image:url(../images/bg_sp_header.gif); background-repeat:repeat-x; z-index:1000;}
#headerWrap img.headerLogo {position:absolute; left:781px; top:1px; z-index:1000;}
#headerWrap h4 {position:absolute; left:433px; top:2px; z-index:1000;}


/* --- Content --- */

/* content outer wrap */
#contentOuterWrap {clear:both; position:relative; width:920px; margin:0 auto; padding:0px 0px 0px 0px; background-image:url(../images/bg_sp_content.png); background-repeat:repeat-y;}

	img.contentTopGreenBar {position:absolute; left:0px; top:0px; z-index:10;}

	.btnRegister {position:absolute; left:10px; top:0px;  z-index:20; background:url(../images/btn_register.gif) no-repeat; white-space:nowrap; display:block; width:180px; height:165px; margin:0; padding:0;}
	.btnRegister a {display:block; width:180px; height:165px; display:block; float:left;}
	.btnRegister img {width:180px; height:165px; border:0;}
	* html a:hover {visibility:visible;}
	.btnRegister a:hover img {visibility:hidden;}
	
		/* content inner wrap */
		#contentInnerWrap {width:838px; margin:0 auto; padding:0px 0px 30px 0px;}

			/* content wrap */
			#contentWrap {width:675px; margin:0 auto; padding:100px 0px 0px 0px;}
			#contentWrap h1 {padding:0px 0px 10px 0px;}


		/* columns (if required) */
		.contentCol1 {display:inline; float:left; width:400px;}
		.contentCol2 {display:inline; float:right; width:350px; padding-top:23px;}






/* --------------------------------------------------------- */
/*                                                           */
/* ------------------>>> 3. NAVIGATION <<<------------------ */
/*                                                           */
/* --------------------------------------------------------- */

/* --- main nav >>>>> located in seperate CSS files --- */







/* --------------------------------------------------------- */
/*                                                           */
/* ----------->>> 4. PAGE SPECIFIC STYLES <<<--------------- */
/*                                                           */
/* --------------------------------------------------------- */

/* ---------------- */
/* --- Homepage --- */
/* ---------------- */

body.bgHp {
	background-color:#fff;
	background-image:url(../images/bg_hp.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	}

#centeringWrap {
	width: 1000px;
	height: 580px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -290px;
	background-image:url(../images/bg_hp_mainpic.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	}

a.hpRenderingLink {position:absolute; left:723px; top:408px; z-index:500; color:#fff; font:11px Georgia, Times, serif; font-weight:bold; display:block; padding:1px;}
a.hpRenderingLink:link, a.hpRenderingLink:active, a.hpRenderingLink:visited {text-decoration:none;}
a.hpRenderingLink:hover {color:#333; text-decoration:none; background-color:#e6d39d;}

h1.hpIntro {position:absolute; left:587px; top:114px; width:320px; font:22px Georgia, "Times New Roman", Times, serif; color:#fff; font-weight:bold; line-height:24px; text-align:center; margin:0; padding:0px 0px 0px 0px; }
p.hpPrice {position:absolute; left:587px; top:190px; width:280px; font:28px Georgia, "Times New Roman", Times, serif; color:#fff; font-weight:normal; line-height:normal; text-align:right; margin:0; padding:0px 0px 0px 0px; }

.btnRegisterHp {position:absolute; left:50px; top:56px;  z-index:20; background:url(../images/btn_hp_register.jpg) no-repeat; white-space:nowrap; display:block; width:180px; height:164px; margin:0; padding:0;}
.btnRegisterHp a {display:block; width:180px; height:164px; display:block; float:left;}
.btnRegisterHp img {width:180px; height:164px; border:0;}
* html a:hover {visibility:visible;}
.btnRegisterHp a:hover img {visibility:hidden;}

#infoBox1 {position:absolute; left:88px; top:485px; width:255px; height:70px;}
#infoBox1 h1 {font:17px Georgia, "Times New Roman", Times, serif; color:#1d1711; font-weight:bold; margin:0px 0px 4px 0px; padding:0; text-align:center;}
#infoBox1 p {font:12px Arial, Helvetica, sans-serif; color:#413325; font-weight:bold; margin:0px 0px 4px 0px; padding:0; text-align:center;}
#infoBox1 h1:hover {text-decoration:underline;}

#infoBox2 {position:absolute; left:373px; top:492px; width:255px; height:70px; text-align:center;}
#infoBox2 h1 {font:17px Georgia, "Times New Roman", Times, serif; color:#1d1711; font-weight:bold; margin:0px 0px 4px 0px; padding:0; text-align:center;}
#infoBox2 p {font:12px Arial, Helvetica, sans-serif; color:#413325; font-weight:bold; margin:0px 0px 4px 0px; padding:0; text-align:center;}
#infoBox2 h1:hover {text-decoration:underline;}

#infoBox3 {position:absolute; left:660px; top:492px; width:255px; height:70px; text-align:center;}
#infoBox3 h1 {font:17px Georgia, "Times New Roman", Times, serif; color:#1d1711; font-weight:bold; margin:0px 0px 4px 0px; padding:0; text-align:center;}
#infoBox3 p {font:12px Arial, Helvetica, sans-serif; color:#413325; font-weight:bold; margin:0px 0px 4px 0px; padding:0; text-align:center;}
#infoBox3 h1:hover {text-decoration:underline;}

	/* footer */
	#hpFooterWrap {clear:both; width:1000px; margin:0 auto; padding:20px 0px 0px 0px;}
	
	#hpFooterWrap div.hpCopyrightContent {position:relative; margin:0; padding:0; text-align:center;}
	#hpFooterWrap div.hpCopyrightContent p {font:11px Arial, Helvetica, sans-serif; color:#666; padding:0;}
	#hpFooterWrap div.hpCopyrightContent a {font:11px Arial, Helvetica, sans-serif; color:#666;}
	#hpFooterWrap div.hpCopyrightContent a:hover {text-decoration:underline;}



/* ----------------------- */
/* ------ OUR SUITES ----- */
/* ----------------------- */
.btn1BdrSuite {position:absolute; left:23px; top:15px; background:url(../images/btn_1bdrsuite.jpg) no-repeat; white-space:nowrap; display:block; width:332px; height:373px; margin:0; padding:0;}
.btn1BdrSuite a {display:block; width:332px; height:373px; float:left; padding-top:0;}
.btn1BdrSuite img {width:332px; height:373px; border:0;}
* html a:hover {visibility:visible;}
.btn1BdrSuite a:hover img {visibility:hidden;}

.btn2BdrSuite {position:absolute; left:383px; top:15px; background:url(../images/btn_2bdrsuite.jpg) no-repeat; white-space:nowrap; display:block; width:434px; height:373px; margin:0; padding:0;}
.btn2BdrSuite a {display:block; width:434px; height:373px; float:left; padding-top:0;}
.btn2BdrSuite img {width:434px; height:373px; border:0;}
* html a:hover {visibility:visible;}
.btn2BdrSuite a:hover img {visibility:hidden;}




/* ---------------------------- */
/* ------ 1 BEDROOM SUITE ----- */
/* ---------------------------- */
.btn1BdrSmall {position:absolute; left:80px; top:0px; background:url(../images/btn_1bdr.gif) no-repeat; white-space:nowrap; display:block; width:90px; height:100px; margin:0; padding:0;}
.btn1BdrSmall a {display:block; width:90px; height:100px; float:left; padding-top:0;}
.btn1BdrSmall img {width:90px; height:100px; border:0;}
* html a:hover {visibility:visible;}
.btn1BdrSmall a:hover img {visibility:hidden;}

.btn2BdrSmall {position:absolute; left:190px; top:0px; background:url(../images/btn_2bdr.gif) no-repeat; white-space:nowrap; display:block; width:122px; height:100px; margin:0; padding:0;}
.btn2BdrSmall a {display:block; width:122px; height:100px; float:left; padding-top:0;}
.btn2BdrSmall img {width:122px; height:100px; border:0;}
* html a:hover {visibility:visible;}
.btn2BdrSmall a:hover img {visibility:hidden;}

div#oneBdrBox {position:relative; width:610px; height:463px; margin:30px auto 0px auto; background-image:url(../images/bg_box_1bdrsuite.gif); background-repeat:no-repeat;}
div#oneBdrBox h2 {position:absolute; left:30px; top:53px;}
div#oneBdrBox p {position:absolute; top:90px; left:30px; width:245px; margin:0; line-height:normal;}
div#oneBdrBox p.featuresBtn {position:absolute; top:255px; left:30px; width:245px; margin:0; padding:0;}
div#oneBdrBox p.featuresBtn a {width:245px; font-size:14px; margin:0; padding:0;}
div#oneBdrBox p.virtualTourBtn {position:absolute; top:275px; left:30px; width:245px; margin:0; padding:0; font-size:14px;}
div#oneBdrBox p.virtualTourBtn a {width:245px; font-size:14px; margin:0; padding:0;}

div#oneBdrBox p.contactTxt {position:absolute; top:310px; left:30px; width:245px; margin:0; padding:0; font:24px/27px "Times New Roman", Times, serif; color:#fff; font-weight:normal;}
div#oneBdrBox p.contactNumber {position:absolute; top:368px; left:30px; width:195px; margin:0; padding:0; font:39px "Times New Roman", Times, serif; color:#fff; font-weight:bold;}
div#oneBdrBox p.contactEmail {position:absolute; top:413px; left:30px; width:245px; margin:0; padding:0; font:18px "Times New Roman", Times, serif; color:#fff; font-weight:normal;}
div#oneBdrBox p.contactEmail a {font:18px "Times New Roman", Times, serif; color:#cc9933; font-weight:normal;}


/* ---------------------------- */
/* ------ 2 BEDROOM SUITE ----- */
/* ---------------------------- */
.btn1BdrSmall {position:absolute; left:80px; top:0px; background:url(../images/btn_1bdr.gif) no-repeat; white-space:nowrap; display:block; width:90px; height:100px; margin:0; padding:0;}
.btn1BdrSmall a {display:block; width:90px; height:100px; float:left; padding-top:0;}
.btn1BdrSmall img {width:90px; height:100px; border:0;}
* html a:hover {visibility:visible;}
.btn1BdrSmall a:hover img {visibility:hidden;}

.btn2BdrSmall {position:absolute; left:190px; top:0px; background:url(../images/btn_2bdr.gif) no-repeat; white-space:nowrap; display:block; width:122px; height:100px; margin:0; padding:0;}
.btn2BdrSmall a {display:block; width:122px; height:100px; float:left; padding-top:0;}
.btn2BdrSmall img {width:122px; height:100px; border:0;}
* html a:hover {visibility:visible;}
.btn2BdrSmall a:hover img {visibility:hidden;}

div#twoBdrBox {position:relative; width:746px; height:433px; margin:30px auto 0px auto; background-image:url(../images/bg_box_2bdrsuite.jpg); background-repeat:no-repeat;}
div#twoBdrBox h2 {position:absolute; left:30px; top:25px;}
div#twoBdrBox p {position:absolute; top:63px; left:30px; width:245px; margin:0; line-height:normal;}
div#twoBdrBox p.featuresBtn {position:absolute; top:225px; left:30px; width:245px; margin:0; padding:0;}
div#twoBdrBox p.featuresBtn a {width:245px; font-size:14px; margin:0; padding:0;}
div#twoBdrBox p.virtualTourBtn {position:absolute; top:245px; left:30px; width:245px; margin:0; padding:0; font-size:14px;}
div#twoBdrBox p.virtualTourBtn a {width:245px; font-size:14px; margin:0; padding:0;}

div#twoBdrBox p.contactTxt {position:absolute; top:280px; left:30px; width:245px; margin:0; padding:0; font:24px/27px "Times New Roman", Times, serif; color:#fff; font-weight:normal;}
div#twoBdrBox p.contactNumber {position:absolute; top:338px; left:30px; width:195px; margin:0; padding:0; font:39px "Times New Roman", Times, serif; color:#fff; font-weight:bold;}
div#twoBdrBox p.contactEmail {position:absolute; top:387px; left:30px; width:245px; margin:0; padding:0; font:18px "Times New Roman", Times, serif; color:#fff; font-weight:normal;}
div#twoBdrBox p.contactEmail a {font:18px "Times New Roman", Times, serif; color:#cc9933; font-weight:normal;}





/* ----------------------- */
/* ------ FLOORPLANS ----- */
/* ----------------------- */
div#floorplanWrap {clear:both; width:739px; height:522px; margin:0 auto 0 auto; padding-top:15px;}




/* ------------------------------ */
/* ------ OWNERSHIP OPTIONS ----- */
/* ------------------------------ */
.btnTermOwnership {position:absolute; left:0px; top:0px;  z-index:20; background:url(../images/btn_termownership.gif) no-repeat; white-space:nowrap; display:block; width:315px; height:100px; margin:0; padding:0;}
.btnTermOwnership a {display:block; width:315px; height:100px; display:block; float:left;}
.btnTermOwnership img {width:315px; height:100px; border:0;}
* html a:hover {visibility:visible;}
.btnTermOwnership a:hover img {visibility:hidden;}

.btnStrataOwnership {position:absolute; left:345px; top:0px;  z-index:20; background:url(../images/btn_strataownership.gif) no-repeat; white-space:nowrap; display:block; width:315px; height:100px; margin:0; padding:0;}
.btnStrataOwnership a {display:block; width:315px; height:100px; display:block; float:left;}
.btnStrataOwnership img {width:315px; height:100px; border:0;}
* html a:hover {visibility:visible;}
.btnStrataOwnership a:hover img {visibility:hidden;}

/* ---------------------------- */
/* ------ TERM  ----- */
/* ---------------------------- */
.btnTermSmall {position:absolute; left:0px; top:0px; background:url(../images/btn2_term.gif) no-repeat; white-space:nowrap; display:block; width:149px; height:48px; margin:0; padding:0;}
.btnTermSmall a {display:block; width:149px; height:48px; float:left; padding-top:0;}
.btnTermSmall img {width:149px; height:48px; border:0;}
* html a:hover {visibility:visible;}
.btnTermSmall a:hover img {visibility:hidden;}

.btnStrataSmall {position:absolute; left:150px; top:0px; background:url(../images/btn2_strata.gif) no-repeat; white-space:nowrap; display:block; width:149px; height:48px; margin:0; padding:0;}
.btnStrataSmall a {display:block; width:149px; height:48px; float:left; padding-top:0;}
.btnStrataSmall img {width:149px; height:48px; border:0;}
* html a:hover {visibility:visible;}
.btnStrataSmall a:hover img {visibility:hidden;}






/* -------------------- */
/* --- REGISTRATION --- */
/* -------------------- */

/* registration form */
.bgForm {background-color:#004c77;}
.formWrap div {padding:2px 0px;}
.formWrap label {font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:0;}
.submit {margin-left:310px;}






/* ----------------------------------------------------------------------------- */
/* ------------------------------>>> 5. FOOTER <<<------------------------------ */
/* ----------------------------------------------------------------------------- */


/* Footer Wrap */

#footerWrap {clear:both; width:920px; height:100px; margin:0 auto; padding:0; background-image:url(../images/bg_sp_footer.png); background-repeat:no-repeat;}


	p.copyrightContent {font:10px Arial, Helvetica, sans-serif; color:#453829; margin:0 auto; padding:10px 0px 0px 0px; text-align:center;}
	p.copyrightContent a {font:10px Arial, Helvetica, sans-serif; color:#453829;}
	p.copyrightContent a:hover {text-decoration:underline;}

	.footerLogo {width:286px; height:33px; margin:0 auto; padding:50px 0px 0px 0px;}

	.thinkLink {margin:5px 0px 0px 0px; padding:0; text-align:center;}
	.thinkLink p {font:10px Arial, Helvetica, sans-serif; color:#330000; padding:0;}
	.thinkLink a {font:10px Arial, Helvetica, sans-serif; color:#330000;}
	.thinkLink a:hover {text-decoration:underline;}