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

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body{background:#FFFFFF url(../images/ivory-bg.jpg) no-repeat 50% 0; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px;}



p{margin-bottom:16px; line-height:25px;}

body#architecture-page div#architecture p:last-child {margin-bottom:0;}

.beigetext{color:#c6b49c;}

.browntext{color:#6a5841; }

.centerer{margin:0 auto;}

.container{padding-top:35px; position:relative;}

.info-evening-button{width:160px; height:90px; position:absolute; z-index:10; background:url(../images/information-evening-button-bg.jpg) no-repeat center top; top:0; left:50%; margin-left:327px; text-align:center;}

.info-evening-button a{display:block; padding:57px 0 0 0; color:#FFFFFF;}

.wrapper{width:960px; text-align:center; color:#d4cfc9}

.logo, .time-to-unwind{width:220px; margin-bottom:38px; }


.wrapper span a{color:#d4cfc9;}

.menu{width:789px; margin-bottom:30px; }

.main-content{width:940px; background-color:#FFFFFF; margin-bottom:30px; border:#ededed 1px solid; text-align:left;  color:#666666;}

.home-flash{width:904px; height:373px; margin:18px;}

h1, h2{ color:#c6b49c; font-size:18px; text-transform:uppercase; font-weight:normal; margin-bottom:16px; letter-spacing:1px;}


h3{ color:#666666; font-size:12px; line-height:25px;}

a{color:#6a5841; text-decoration:underline;}

a:hover{text-decoration:none;}

.clearfix:after {
            content:            ".";
            display:            block;
            height:             0;
            clear:                both;
            visibility:           hidden;
}
 
/* 'zoom' rule could go in a separate IE stylesheet for validation if needed. */
.clearfix {
            zoom:               1; /*for ie 5.5-7*/
}

/*
MAIN NAV
*/

ul#menu {
	margin:0px; padding:0px;
}
ul#menu li {
	display:inline;
}
ul#menu li a {
}

ul#menu li a span{display:none;}

#home-nav, #video-nav, #location-nav, #lifestyle-nav, #architecture-nav, #developed-by-nav, #contact-nav, #specs-and-plans-nav{  display:block; height:15px; background-position:0 0; background-repeat:no-repeat; float:left;}

#home-nav{ width:61px; background-image:url(../images/home-nav.gif); }

#video-nav{width:65px; background-image:url(../images/video-nav.gif);}

#location-nav{width:96px; background-image:url(../images/location-nav.gif);}

#lifestyle-nav{width:88px; background-image:url(../images/lifestyle-nav.gif);}

#architecture-nav{width:123px; background-image:url(../images/architecture-nav.gif);}

#developed-by-nav{width:123px; background-image:url(../images/developed-by-nav.gif);}

#contact-nav{width:84px; background-image:url(../images/contact-nav.gif);}

#specs-and-plans-nav{width:148px; background-image:url(../images/specs-plans-nav.gif);}

#home-nav:hover, #video-nav:hover, #location-nav:hover, #lifestyle-nav:hover, #architecture-nav:hover, #developed-by-nav:hover, #contact-nav:hover, #specs-and-plans-nav:hover{ background-position:0 -15px;}

body#home-page #home-nav, body#video-page #video-nav, body#location-page #location-nav, body#lifestyle-page #lifestyle-nav, body#architecture-page #architecture-nav, body#developed-by-page #developed-by-nav, body#contact-page #contact-nav, body#specs-and-plans-page #specs-and-plans-nav{background-position:0 -15px;}

/*

MAIN CONTENT

*/

.left-col{width:460px; float:left}

.right-col{width:480px; float:left}

body#developed-by-page .right-col{height:410px; overflow:hidden;}

#logos{overflow:hidden; height:340px; width:410px; height:340px; margin:35px;}

.border-18{padding:18px;}

.border-35{padding:35px;}

/*
DEVELOPED BY CONTENT
*/

.left-col-developed-by{width:626px; float:left;}

.right-col-developed-by{width:314px; float:left;}

.developed-by-list-item{margin-bottom:12px;}


/*

CONTACT PAGE CONTENT

*/

.one3-col{width:265px; float:left}

.two3-col{width:415px; float:left}

.three3-col{width:260px; float:left}

.three3-col-border{padding: 0 35px 0 35px;}





/*
Little divs in one3 Col
*/

.one3-left-col{width:97px; float:left}
.one3-right-col{width:97px; float:left}
.two3-right-col{width:247px; float:left}

/* FORM ELEMENTS*/

.form-row{height:30px; float:left}
.form-row-enquiry{padding-bottom:10px; float:left}
.form-left-col{width:75px; float:left}
.form-right-col{width:200px; float:left}

input, textarea{font-family:Arial, Helvetica, sans-serif; background-color:#f0eeed !important; padding:5px; border:0; width:100%; font-size:13px;} 

.submit{padding:5px; width:100px; background-color:#959595 !important; color:#FFFFFF; margin-bottom:10px;}
.smallfont{font-size:9px;}

/* 
Home Beach picture
*/

.beachpicure{margin:18px;}


/*VIDEO*/

#video-area{
width:672px;
height:373px;
margin:0 auto;
}

/*
Developed by COPY
*/
.menu_list {	
}
.menu_head {
	cursor: pointer;
	position: relative;
}
.menu_body {
	display:none;
}
.menu_body a{
  display:block;
  text-decoration:none;
}
.menu_body a:hover{
  color: #000000;
  text-decoration:underline;
}

/*

PLANS AND SPECS PAGE

*/

.sold{color:#FF0000; font-weight:bold;}
.plans-pdf-col{float:left; width:150px;}
.plans-pdf-col a{text-decoration:none; color:#666666;}
.plans-pdf-col a:hover{text-decoration:underline; color:#666666;}

/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.contact-flash{width:180px; height:373px; margin:18px;}
.three3-rsvp-col{width:310px; float:left}
.rsvp-map{width:274px; height:373px; margin:18px;}
.two3-rsvp-col{width:365px; float:left}


/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div {
  display: none !important;
}

   .sIFR-active h1 {
   font-size-adjust:20%;
    }


/*---- Header styling ---*/

/*LIGHTBOX*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 14px  Helvetica, sans-serif; font-weight:normal; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #FFF; }