body {
	text-align:center;
	background:#595959;
	font-size:62.5%;
	font-family:arial;
	color:#5a5a5a;
}
* {
	margin:0;
	padding:0;
}
html {
	height:100%;
	margin-bottom:1px;
	font-size:100%;
	overflow:scroll;
}
#outerwrapper {
	margin:0px auto;
	width:1000px;
	text-align:left;
	min-height:200px;
}
#wrapper {
	width:1000px;
	float:left;
	display:inline;
	overflow: hidden;
	position:relative;
}
#wrapper:after {   
   content: '.'; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}
#wrapper {
   display: inline-block;  /*this is what does it for IE!*/
}
/*\*/
#wrapper {
   display: block;
}
#content {
padding-bottom: 32767px !important;  /*this is the max allowed by Safari!*/
margin-bottom: -32762px !important;   /*if you want some bottom padding for the colums, set this say 10px less than the padding bottom value*/
}
#masthead {
	width:1000px;
	height:182px;
	float:left;
	background:url(../images/masthead_bg.jpg) no-repeat left top;
	position:relative;
}
#contentarea {
	float:left;
	min-height:380px;
	width:936px;
	background:url(../images/content_REPEAT.jpg) repeat-y left top;
	position:relative;
	top:-14px;
	top:-24px;
	padding-top:14px;
	margin-bottom:-10px;
}


#content {
	margin:3px 0 0 35px;
	float:left;
	display:inline;
	width:936px;
	background:#e7e7e7;
}
#home #content {
	margin:1px 0 0 35px;
}
#contentwrapper {
	float:left;
	width:1000px;
	background:url(../images/content_wrapper.jpg) repeat-y left top;
	min-height:400px;
}
#footer {
	width:1000px;
	height:44px;
	float:left;
	background:url(../images/footer_bg.jpg) no-repeat left top;
}
/*-----------------------------STRUCTURAL CLASSES ------------------------------*/
.top {
   float:left;
	margin:0px 0 0 0px;
	display:inline;
	width:948px;
	background:url(../images/content_TOP.jpg) no-repeat left top;
}
#home .top {
	margin:0px 0 0 0px;
	background:none;
}
.bottom {
	background:url(../images/content_BOTTOM.jpg) no-repeat left bottom;
	float:left;
	min-height:21px;
	width:936px;
	position:relative;
	top:-14px;
}

#home .bottom {
	float:left;
	display:inline;
	width:948px;
	position:relative;
	top:-3px;
	background:none;
}
.left_top {
	float:left;
	display:inline;
	width:438px;
	height:189px;
	background:url(../images/welcome_bg.gif) no-repeat left top;
}
.right_top {
	float:left;
	display:inline;
	width:243px;
	width:234px;
	height:184px;
	height:174px;
	background:url(../images/right_top.gif) no-repeat left top;
	position:relative;
	left:-12px;
	top:2px;
	padding:10px 0 0 9px;
}
.mid {
	float:left;
	display:inline;
	width:266px;
	height:144px;
	position:relative;
	left:-5px;
}
.midA {
	float:left;
	display:inline;
	width:266px;
	height:144px;
	background:url(../images/midA_bg.gif) no-repeat left top;
}
.midB {
	float:left;
	display:inline;
	width:258px;
	height:43px;
	background:url(../images/midB_bg.gif) no-repeat left top;
}
.left_bottom {
	float:left;
	display:inline;
	width:181px;
	height:258px;
	background:url(../images/left_bottom_bg.gif) no-repeat left top;
}
.mid_bottom {
	float:left;
	display:inline;
	width:509px;
	height:258px;
	background:url(../images/mid_bottom_bg.gif) no-repeat left top;
	position:relative;
	left:2px;
}
.right_bottom {
	float:left;
	display:inline;
	width:243px;
	height:258px;
	background:url(../images/right_bottom_bg.gif) no-repeat left top;
	font-size:0.9em;
	position:relative;
	left:2px;
}
.hide {
		position:absolute;
		left:-9000px;
}


/*--------------------------------STYLE CLASSES ---------------------*/

.title {
	color:#0e6399;
	font-weight:bold;
}
iframe {
	width:900px;
	height:500px;
	overflow:hidden;
	position:relative;
	float:left;
	margin:0 0 0 15px;
	display:inline;
	border:none;
	
}
/*---------------------LISTS AND ANCHORS---------------------------*/
a {
	text-decoration:none;
	color:#747474;
	color:#644734;
}
a:hover {
	text-decoration:underline;
}
#home dl {
	position:relative;
	float:left;
	display:inline;
	margin:0px 0 0 10px;
	width:490px;
}
#home dt {
	float:left;display:inline;
	margin:0 7px 0 0;
}
#home dd.ref {
	position:absolute;
	top:0px;
	right:10px;
}
#home dd a {
	color:#658a55;
	font-size:1.1em;
}
#content ul {
	margin:0 0 10px 29px;
}
#content ul li {
	font-size:1.2em;
	margin:0 20px 5px 0;
}
#content .mid_bottom ul {
	clear:both;
	list-style:none;
	float:left;
	display:inline;
	position:relative;
	top:10px;
	left:10px;
	left:-18px;
	width:495px;
	
}
#content .mid_bottom li {
	float:left;
	display:inline;
	margin:0 5px 0 0;
}
.right_bottom a {
	float:right;display:inline;
	margin:-17px 4px 0 0;
}
.midB a {
	display:block;
	margin:10px 0 0 0;
}
ul.sublist {
	float:right;
	display:inline;
	margin:20px 30px 0 0;
}
.sublist li, .sublist li a {
	float:left;
	display:inline;
}
.sublist li a {
	color:#000000;
	font-size:1.7em;
	margin-left:10px;
}
#footer ul {
	float:left;
	display:inline;
	margin:6px 0 0 40px;
	list-style:none;
}
#footer li, #footer li a {
	float:left;display:inline;
	color:#fff;
}
#footer li.first {
	margin-right:500px;
}
#footer li a {
	margin-left:10px;
}
#content ol {
	margin: 0 0 0 20px;
	font-size:1.2em;
}
#content ol li {
	margin:0 20px 10px 13px;
}
#content ol ol {
	font-size:1em;
}
.design {
	float:left;
	margin:0 15px 15px 15px;
	display:inline;
}
#content .design ul  {
	list-style:none;
	float:left;
	margin:10px 0 0 0px;
}
dl#faqList {
	float:left;
	margin:0 0px 0 15px;
	font-size:1.2em;
}
#faqList dt, #faqList dd {
	margin:0 20px 6px 0;
	cursor:pointer;
	
}
#faqList dt {
	font-style:italic;
}
#faq dd {
	color:#644734;
	margin-left:10px;
}
#content ul.news {
	list-style:none;
	float:left;
	margin:0 0 0 15px;
	display:inline;
	padding:0;
}
#content .news li {
	float:left;
	margin:0 0 6px 0;
	padding:0;
	width:800px;
}
#content .news li.first {
	width:100px;
}
#content ul.gallery {
	float:left;
	list-style:none;
	margin:0 0 10px 15px;
	display:inline;
}
#content .gallery li {
	float:left;
	display:inline;
	margin:0 15px 0 0;
	padding:0;
}




/*--------------------------HEADINGS/P -------------------------*/
#home h1 {
	
	margin:12px 15px 3px 15px;
	text-indent:0px;
}
h1 {
	position:relative;
	z-index:10;
	color:#644734;
	font-size:1.5em;
	margin:12px 15px 13px 15px;
	text-indent:0px;
}


#content p {
	font-size:1.2em;
	margin:0px 15px 10px 15px;
	line-height:1.4em;
}
p.hidden {
	margin:0;
	padding:0;
	position :absolute;
	left:-9000px;
}
#contact p.left {
	float:left;
	width:370px;
	display:inline;
}
p.w {
	float:right;
	position:relative;
	top:-10px;
	right:30px;
	display:inline;
	
}
#home #content p {
	font-size:1.1em;
	
}
#home #content .left_top p {
	margin-bottom:5px;
}
#home #content .midB p {
	margin:5px 10px 0 0;
	
}
#contentarea p.breadcrumb  {
	font-size:1.1em;
	top:-20px;
	left:1px;
	color:#747474;
	z-index:10000;
	position:relative;
	margin-bottom:-20px;
	float:left;
}
 #contentarea p.localnav  {
	float:right;
	position:relative;
	margin:-20px 15px 0 0;
	font-size:1.1em;
	z-index:500;
}

#current_developments.half_moon_courtyard #contentarea p.breadcrumb {
	margin-bottom:-20px;
}

#home dd h2 {
	font-size:1.1em;
	text-transform:uppercase;
	color:#0e6399;
}
.right_bottom h1 {
	text-align:center;
}
.midB p, .midB h1 {
	float:left;display:inline;
}
.midB h1 {
	margin:10px 10px 0 12px;
}

.top h1 {
	text-indent:-9000px;
}


/*------------------------- FORMS -------------------------------*/
#home form {
	float:left;display:inline;
	width:auto;
	margin:-5px 0 0 0;
	position:relative;
}
#home form p {
	margin:0 0 5px 15px;
}

#home label {
	float:left;display:inline;
	display:block;
	width:75px;
	padding-top:2px;
}
#home input {
	width:133px;
	height:17px;
	background:url(../images/news_input_bg.jpg) no-repeat left top;
	border:none;
	padding:3px 6px 0 6px;
	font-size:0.9em;
}
#home input.btn {
	width:60px;
	height:17px;
	background:url(../images/news_input_btn_bg.jpg) no-repeat left top;
	position:absolute;
	bottom:-18px;
	right:0px;
	padding:0;
}
/*********************** CONTACT FORM ************************/

#contact #content form  {
	width:520px;
	float:right;
	margin:5px 0px 10px 0px;
	nargin:0 100px 0 0;
	display:inline;
	font-family:arial;
	font-size:1em;
}
#contact #content form p {
	margin:0 0 8px 0;
	padding:0;
	width:390px;
}
#contact #content fieldset {
	padding:10px 5px 10px 10px;
	margin-bottom:8px;
	border:1px solid #747474;
	width:385px;
}
#contact #content fieldset.validation {
	padding:0 5px 0 10px;
}
#contact #content legend {
	font-size:1.4em;
	padding:0 2px 0 2px;
	font-weight:bold;
	color:#747474;
}
#contact #content label {
	float:left;
	display:inline;
	width:150px;
	padding-top:3px;
}
#contact #content input  {
	border:1px solid #747474;
	padding:3px;
	width:220px;
	background:url(../images/input.gif);
}
#contact #content input.btn  {
	height:18px;
	width:55px;
	margin:10px 0 0 0px;
	background:url(../images/submit.jpg) no-repeat left top;
	border:none;
	padding:0 0 0 0;
	clear:both;
}
#contact #content input.captcha {
	width:80px;
	margin-top:10px;
}

#contact #content textarea  {
	width:225px;
	width:219px;	
	height:100px;
	height:94px;
	border:1px solid #747474;
	background:url(../images/input.gif);
	padding:3px;
}
#contact #content textarea.message  {
	height:125px;
	margin:8px 0 0 0;
}
#contact #content .req, #contact #content label.req  {
	color:red;
}
#contact #content .errors {
	border:1px solid #747474;
	width:390px;
	min-height:50px;
	padding:5px 5px 0px 10px;
	margin-bottom:10px;
}

#contact #content p.underline  {
	border-bottom:1px solid #747474;
	height:20px;
}
#contact #content p.line {
	border:1px solid #9c0059;
	padding:10px;
	width:385px;
	margin-top:10px;
}

#contact .error p {
	color:#9c0059;
	text-align:center;
}

#contact #content label.check  {
	float:none;
}
#contact #content  input.check  {
	width:30px;
	border:none;
	
}
#contact #content input.radio  {
	margin-left:0px;
	width:20px;
	border:none;
}
#contact input.radio {
	float:left;
	margin:4px 10px 0 0;
	
}

#contact #content input.number  {
	width:50px;
	margin-bottom:10px;
	margin-top:10px;
}
#contact #content label.number  {
	padding-top:15px;
}
p.alert {
	color:#941c08;
}
#contact #content img.captcha {
	margin-top:6px;
	float:left;
}

/*--------------------------------IMAGES-------------------------------*/
img {
	border:none;
}
.right_top img {
	margin:9px 0 0 8px;
	margin:0 0 0 0;
}



/*---------------------------MAIN NAVIGATION---------------------------------------*/
/*The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.*/

.menu {
   position:relative;
	float:left;
	display:inline;
	margin:17px 0 0  197px ;
	font-size:1.2em;
	height:163px;
}
* html .menu {
   padding-bottom:0;
}
.menu ul{
   list-style-type:none;
   float:left;display:inline;
	margin:0px 0 0px 0px;
	padding-top:10px;
   height:153px;
	line-height:23px;
	width:172px;
	background:#fff;
	
}
.menu li {
   float:none;
  background:url(../images/foot_r.jpg) no-repeat 4% 50%;
 }
 .menu li.foot_l {
  background:url(../images/foot_l.jpg) no-repeat 4% 50%;
 }


.menu a b, .menu :visited b {
   display:block;
   font-weight:normal;
   float:none;
   padding-left:15px;
   line-height:20px; 
   cursor:pointer;
	margin:0px 0px 1px 20px;
	margin:0px 0px 1px 20px;
	background:url(../images/dot.jpg) repeat-x left bottom;
    width:137px;
	color:#644734;
}
.fixedmenu ul {	 
	 position:absolute;
	 left:172px;
	 top:0px;
	 height:133px;
	 line-height:23px;
	 background:url(../images/subnav_bg.jpg) no-repeat left top;
	 width:117px;
	 z-index:0;
	 padding-top:31px;
}
.fixedmenu li {
	display:inline;
	background:none;
}
.menu ul ul.hover {
	margin-top:-30px;
	height:163px;
	width:117px;
	padding-left:0px;
	z-index:500;
	 background:url(../images/subnav_nomenu_bg.jpg) no-repeat left top;
	 
}
.menu ul ul {
   visibility:hidden;
   position:absolute;
   height:133px;
	width:117px; 
   margin-top:-30px;
   left:172px;
	background:url(../images/subnav_bg.jpg) no-repeat left top;
	z-index:10;
   padding-top:31px;
}
.menu :hover {
   white-space:normal;
}
.menu a:hover b {
   background:#644734;
	color:#fff;
	
	
}

.menu li:hover > a b {
   color:#ffffff;
   background:#644734;
   
  
}
.menu li ul li {
	background:none;
}

.menu ul li:hover ul, .menu ul a:hover ul{
   display:block;
   visibility:visible;
	top:30px;
	height:133px;
	
}
.menu ul :hover ul li a, .fixedmenu a  {
   display:block; 
   font-size:1em; 
   height:20px;
   line-height:20px; 
   width:117px; 
   float:none;
	text-align:center;
	color:#644734;
	margin-bottom:1px;

	
}
.menu ul :hover ul li a:hover,.menu .fixedmenu  a:hover, .fixedmenu a.selected, #masthead .menu a.selected b, .home_designs .fixedmenu a.half_moon_courtyard, .exchange_rates .fixedmenu a.half_moon_courtyard  {
	height:20px;
	background:#644734;
	color:#fff;
	text-decoration:none;
}
#current_developments.half_moon_courtyard .fixedmenu a.half_moon_courtyard, #current_developments.ocean_lawns .fixedmenu a.ocean_lawns,
#current_developments.ocean_lawns_gallery .fixedmenu a.ocean_lawns
{
	height:20px;
	background:#644734;
	color:#fff;
	text-decoration:none;
}
/*---------------------- FOR IE --------------*/

.menu table {
   position:absolute;
   border-collapse:collapse;
   left:0px;
   top:0px;
	width:100%;
	z-index:10; 
}
.menu li a:hover  {
	background:none;
	color:#fff;
	text-decoration:none;
}