/* COLOURS ____________________________________________________________________


		Dark Green	#00361d


/* LAYOUT ____________________________________________________________________*/


body{margin:0; text-align:center; color:#00361d;  font-family:Arial, Helvetica, sans-serif; font-size:75%;
line-height:1.4em; background: url(images/interface/tile_bckgrd.jpg) top center repeat-y}

#shadow{ background: url(images/interface/tile_shadow.jpg) top center; width:766px; margin:0 auto}

#wrapper{ margin:0 auto; width:748px; text-align:left; }

#header{ border-left:1px solid #00361d; border-right:1px solid #00361d;}
#header_tile{background:url(images/interface/tile_header.gif); border:1px solid #fff; text-align:center}

#content, #content_home{border:1px solid #00361d; background:#f5f8ef;
padding-bottom:5px !important; padding-bottom:34px}
#content{padding:25px 15px; background: #f5f8ef url(images/interface/tile_content.jpg) top left repeat-x}

#contentleft{ float:left; width:492px}
#contentright{ float:right; width:207px}

#page{ margin: 0 10px}

#footer{ background:#00361d; font-size:.85em; color:#fff; text-align:center; padding:5px 0;border-top:1px solid #fff}

.clear{clear:both} .floatleft{float:left; width:50%}

.comm_map{float:left; margin: 0 15px 15px 0; text-align:center}


/* TEXT, LINKS ____________________________________________________________________*/


h1{ font-size:1.2em; padding:3px 0 3px 5px; margin: 0 0 15px 0; border-bottom:1px solid #00361d; border-top:1px solid #00361d; background:url(images/interface/tile_h1.gif) top left repeat-x}
h2{ font-size:1.2em; padding:0 0 3px 0; margin:20px 0 10px 0; border-bottom:1px solid #00361d;}
h2.plan{ font-size:1.2em; padding:5px; background:#00361d; margin:25px 0 0 0; color:#fff}
h2.popup{margin:0; }
h3{ background:#bfc8a8; text-align:left; font-size:1.1em; border-bottom:1px solid #00361d; padding:5px}
h4{ background:#e0e5d2; text-align:left; font-size:1.1em; border-bottom:1px solid #00361d; padding:3px 5px; margin-top:0}

.grey{ background:#ececec; color:#858585}
.now{ font-weight:bold}


a{ color:#00361d; text-decoration:underline; font-weight:bold}
a:hover, a:active{text-decoration:none}

a.brochure{ padding: 5px 28px; background:url(images/print_icon.gif) no-repeat;}
a.email{ padding: 5px 28px; background:url(images/email_icon.gif) no-repeat;}


/* HOMEPAGE ____________________________________________________________________*/


#home{ margin:0 10px}
#home td{ width:33%; vertical-align:text-top}
#home h2{margin:0; padding:0; font-size:1.1em; background:none; border:none; border-bottom: 1px solid #00361d;}
.hometext{ padding: 20px 20px 10px 20px}
#home p{margin:8px 0 0 0; padding:0}
.homeimg{padding-top:20px}

.outline{border:1px solid #bfc8a8; background:#ebeee3; padding:0 10px}


/* PROPERTY PAGES ____________________________________________________________________*/


#left{float:left; text-align:center; width:356px}
#right{float:right; padding-left:8px;  }
.links{ width:100%}
.links td {border-bottom:1px solid #00361d; padding:10px 5px; text-align:center}

.floorplan{padding:10px; border:1px solid #00361d; background:#fff;}
#masterfloorplan{ text-align:center; margin:15px 0}

.stagespics{margin-bottom:25px}


/* TABLES ____________________________________________________________________*/

.plans thead th{ background:#bfc8a8; text-align:left; font-size:1.2em; border-bottom:1px solid #00361d; padding:5px}
.plans tbody th{ background:#e0e5d2; text-align:left; font-size:1.1em; border-bottom:1px solid #00361d; padding:0 5px}
.plans td{ border-bottom:1px solid #00361d; padding:5px}
.plans td, .plans th{width:20%}
.plans a{text-decoration:none}
.plans a:hover, .plans a:active{text-decoration:underline}

#links img{border:1px solid #00361d;}

#contact td{ border-bottom:1px solid #00361d; padding:5px}

.stages{ width:100%;}
.stages td{ padding:10px; text-align:center}

#gallerytbl{ margin-bottom:20px}
#gallerytbl td{ text-align:center; padding:5px 5px 0 5px;}


/* FORMS ____________________________________________________________________*/


form{margin:0; padding:0}

#register{ }
#register p{padding:0; margin:2px 0 0 0}
fieldset{border:none; margin: 0; padding:10px 0}
label{ width:100px; float:left}
input, textarea, select{ width:200px; border:1px solid #00361d; padding:1px; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
textarea{height:60px}
.chk{width:20px; border:none}
.button{ width:80px; background:#00361d; color:#fff; border:none; padding:2px 0}

#emailfriend{padding:20px; text-align:left; background:#f5f8ef; height:350px}
.emailtitle{ background:#00361d; color:#fff; font-size:1em; font-weight:bold; padding:3px 5px; display:block}


/* ADMIN STYLES ____________________________________________________________________*/


.confirm{ text-align:center; border:1px solid #ff0000; color:#ff0000; font-weight:bold}

.plans thead th.stage{ background:#00361d; text-align:left; font-size:1.2em; padding:5px; color:#fff}

.addbutton{ width:150px; color:#fff; border:1px solid #00361d; padding:1px; text-align:center; float:left; margin-right:20px}
.addbutton a, .addbutton input{color:#fff; background:#00361d; display:block; text-decoration:none; width:150px;font-weight:bold; height:18px;}
.addbutton input{margin-right:-20px;}

.formpg{text-align:center}
.formpg h1{ margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #00361d;}

form.admin{ width:400px; text-align:left}
form.admin p{margin:0; padding:0; margin-top:5px}
form.admin label{width:150px;}
form.admin p{clear:both}

a.stagelinks{ display:block; float:left; width:30%; margin:0 10px 10px 0;color:#fff; font-weight:bold; padding:4px 0;
background:#00361d; text-decoration:none; text-align:center}