html { margin:0; padding:0;	height:100%; font-size:100%; } 
body { margin:0px; padding:0px; height:100%; text-align:center; font-family:Arial,Helvetica,sans-serif; font-size: 71%; color: #444444; background-color:#b1ca83; background-image:url('images/container-bg.jpg'); background-position:top; background-repeat:repeat-x; }

h1 { font-size:340%; color:#822000; padding:10px 0px 20px 0px; margin:0px; font-family:"Times New Roman", Serif; font-weight:normal; }
h2 { font-size:180%; color:#b10909; padding:0px 0px 6px 0px; font-family:"Myriad Pro","Trebuchet MS",Arial; font-weight:normal; }
h3 { font-size:150%; color:#b10909; padding:0px 0px 4px 0px; font-family:"Myriad Pro","Trebuchet MS",Arial; font-weight:normal; }
h4 { font-size:110%; color:#2e6222; padding:0px 0px 10px 0px; margin:8px 0px 3px 0px; font-weight:bold; }
h5 { font-size:95%; color:#555555; padding:0px 0px 6px 0px; font-weight:bold; }
h6 { font-size:90%; color:#555555; padding:0px 0px 4px 0px;  }
p { padding:0px 0px 8px 0px; margin:0px; }

table { font-size: 100%; /* IE hack */ }
a img { border:none; }
a { color:#822000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* body ------------------------- */
#site-container { width:920px; margin:0px auto; }
#frame-top { background:transparent url(images/container-frame-top.jpg) no-repeat scroll left bottom; padding:30px 0px 0px 0px; margin:0px; }
#frame-middle { background:transparent url(images/container-frame-middle.gif) repeat-y scroll left; padding:0px 7px 0px 6px; margin:0px; }
#frame-bottom { background:transparent url(images/container-frame-bottom.gif) no-repeat scroll left top; padding:0px; margin:0px; }
#frame-inner { background-color:#ffffff; }
/* for Internet Explorer */
/*\
* html #frame-inner { height:200px; }
/**/

.right { float:right; }
#contact { clear:both; height:400px; }

#site-header { border-bottom: solid 2px #7f2309; padding:0px 0px 0px 20px; margin:0px; text-align:left; }
#site-header .quick-links { float:right; padding:10px 20px 0px 0px; }
#site-header .quick-links a { font-size:110%; text-decoration:none; font-weight:bold; color:#737373; }
#site-header .quick-links a:hover { font-size:110%; text-decoration:underline; color:#6d791e; }
#site-header .quick-links #quick-contact { padding:5px 15px 0px 30px; height:22px; display:block; float:left; background:transparent url('images/quick-links-contact.gif') no-repeat left; }
#site-header .quick-links #quick-home { padding:5px 15px 0px 30px; height:22px; display:block; float:left; background:transparent url('images/quick-links-home.gif') no-repeat left; }

#site-header .quick-search { float:right; padding:12px 20px 0px 0px; }
#site-header .quick-search .search-field { width:120px; border:solid 1px #cccccc; float:left; font-size:95%; color:#888888; padding-left:2px; }
#site-header .quick-search input { padding-left:5px; }

#site-nav { background:transparent url('images/site-nav-bg.gif') scroll repeat-x left top; border-top:solid 1px #ffffff; height:34px; padding:0px 0px 0px 0px; text-align:center; }
#site-nav-wrapper { }
#site-nav-wrapper ul { list-style:none; margin:0px; padding:8px 0px 0px 0px; list-style-image:none; list-style-position:outside; list-style-type:none; }
#site-nav-wrapper ul li { display:inline; padding:0px 40px 0px 40px; border-right:solid 1px #3e882b;  }
#site-nav-wrapper ul li.last { border:none;  }
#site-nav-wrapper a { font-size:125%; font-weight:bold; color:#ffffff; text-decoration:none; }
#site-nav-wrapper a:hover { text-decoration:underline; }


#site-body { border-top:solid 1px #ffffff; }
#sub-container { padding:20px 20px 20px 20px; }

#sub-nav { float:left; text-align:left; width:185px; padding:0px; }
#sub-nav ul {list-style:none; margin:0px; padding:0px; list-style-image:none; list-style-type:none; }
#sub-nav ul li { border-bottom:solid 1px #cdcdcd; padding:5px 5px 5px 15px; }
#sub-nav ul li a { font-size:110%; font-weight:bold; color:#515151; text-decoration:none; display:block; }
#sub-nav ul li.first { padding:5px 5px 5px 5px; font-size:110%; }
#sub-nav ul li a.active { color:#822000; }
#sub-nav ul li.active { background:transparent url('images/sub-menu-arrow.gif') scroll no-repeat right; }
#sub-nav ul li.hover { background:transparent url('images/sub-menu-arrow.gif') scroll no-repeat right; }
#sub-nav ul li.hover a { color:#822000; }

#sub-body { border-left:solid 1px #cdcdcd; text-align:left; margin-left:185px; padding:5px 10px 10px 20px; }
#full-body { text-align:left; padding:5px 10px 10px 20px; }
.breadcrumb-nav { border-bottom:solid 1px #cccccc; padding:0px 0px 5px 5px; }
.breadcrumb-nav a { color:#888888; font-size:90%; font-weight:bold; text-decoration:none; }

#site-footer { padding:15px 5px 20px 5px; text-align:left; }
#site-footer .site-by { font-size:90%; }
#site-footer .copyrite { float:right; font-size:90%; }
#footer-links { float:right; font-size:90%; padding-right:10px; }
#footer-links ul { list-style:none; margin:0px; list-style-image:none; list-style-position:outside; list-style-type:none; }
#footer-links ul li { display:inline; padding:0px 5px 0px 5px; border-right:solid 1px #888888; }
#footer-links ul li.last { border-right:none; }
#site-footer a { color:#3b6e02; text-decoration:underline; }
#site-footer a:hover { text-decoration:none; }

/* Homepage -------------------------------------- */
#links {  border-top:solid 4px #ffffff; padding:5px 0px 5px 0px; }
#links img { border:none; } 

#section-banner { border-top:solid 1px #ffffff; height:119px; background-color:transparent; background-repeat:no-repeat; background-position:left top; }
#section-banner.our-residences { background-image:url('images/banner-our-residences.jpg') }
#section-banner.our-lifestyle { background-image:url('images/banner-our-lifestyle.jpg') }
#section-banner.now-selling { background-image:url('images/banner-now-selling.jpg') }
#section-banner.our-team { background-image:url('images/banner-our-team.jpg') }
#section-banner.news-and-events { background-image:url('images/banner-news-and-events.jpg') }
#section-banner.contact-us { background-image:url('images/banner-contact-us.jpg') }
#section-banner.sitemap, #section-banner.disclaimer, #section-banner.search-results { background-image:url('images/banner-default.jpg') }

#slideshow-container { padding-bottom:3px; }
#slideshow-container img { border:none; }
#slideshow { position:relative; height:350px; display:block; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; }
#slideshow IMG.active { z-index:10; }
#slideshow IMG.last-active { z-index:9; }

.faq { padding:0px 0px 25px 0px; }
.faq h4 { margin:5px 0px 0px 0px; }
.faq div p { padding:0px 0px 6px 0px; margin:0px; }

#sitemap ul li { padding:3px; }
#sitemap ul li a { font-size:110%; color:#2e6222; font-weight:bold; text-decoration:none; }
#sitemap ul li a:hover { color:#b10909; text-decoration:underline; }

#unitmenu { }
#unitmenu table { width:651px; }
#unitmenu a { font-size:125%; font-weight:bold; color:#ffffff; text-decoration:none; text-align:center; line-height:30px; display:block; background-color:#000000; }

#unitimages { height:536px;  }
#unitimages img { position:absolute; }

.download-brochure img { position:relative; float:right; top:-65px; }


/* Enquiry Form -------------------- */
.displaynone { display:none; }
.required { color:red; }
.emailForm td { width:140px; vertical-align:top; font-size:100%; font-weight:bold; }
.emailForm input { width:220px; }
.emailForm textarea { width:220px; font-family:Arial,Helvetica,sans-serif; font-size:100%; }
.emailForm .button { width:80px; font-weight:bold; font-size:95%; color:#000066; }
.successMessage img { display:block; padding:10px 0px 5px 0px; }
.errorMessage { padding-top:5px; }
.errorMessage img { float:left; margin:2px 5px 2px 0px; }
.errorMessage h2 { padding-top:5px; }

/* Enquiry Form -------------------- */


/* Latest News -------------------- */
.newsItem { padding:10px 0px 10px 0px; border-bottom:solid 1px #cccccc; }
.newsDate { font-weight:bold; font-size:90%; }
.newsTitle { font-size:190%; color:#2e6222; padding:0px 0px 4px 0px; font-family:"Myriad Pro","Trebuchet MS",Arial; font-weight:normal; }
.newsTitle a { color:#2e6222; text-decoration:none;  }
.newsTitle a:hover { text-decoration:underline; }
.newsSummary { padding:8px 0px 3px 0px; }
.newsFullStory { padding:5px 0px 0px 0x; }
/* Latest News -------------------- */