/* Link Styles
-------------------------------------------------*/

a:link    {color: #559340;}
a:visited {color: #559340;}
a:hover   {color: #05602f;}
a:active  {color: #05602f;}
a img {margin:0;padding:0;border:none;}


/* Container
------------------------------------------------ */

 
body {
 	margin: 0;
	padding:0;
 	background-color: #fff;
        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
        font-size:0.8em;
        color:#555;
}

#all
{
   margin: 0 auto 0 auto;
   width: 822px;
   padding: 0px;
   height:auto;
   height:800px;
}

#main
{
 	float:left;
        height:auto;
 	width: 822px;
 	position: relative;
 	text-align: left;
 	margin: 0;
	padding:0 0 0 0;
}


/* Header
------------------------------------------------ */
#header {
  width:822px;
  height:141px;
  padding:0 0 0 0;
}
#masthead {
  float:left;
  height:72px;
  margin:30px 0 0 0px;
  padding:0;
}
#masthead-contact {
  float:right;
  text-align:right;
  font-family:Trebuchet MS, Arial, sans-serif;
  font-size:18px;
  line-height:22px;
  font-weight:bold;
  color:#05602f;
  margin:33px 0px 0 0;
  height:50px;
}
.header-phone {
  color:#05602f;
  font-size:1.4em;
}

/* Navigation & Lists
------------------------------------------------ */
#navigation {
  width:100%;
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size:1.1em;
  color:#fff;
  height:28px;
  background:#80b646;
  margin:10px 0 0px 0;
  padding:0;
}
#navigation ul {
  width:auto;
  margin:0;
  padding:0 0 0 10px;
}
#navigation li {
  float:left;
  list-style-type:none;
  width:auto;
  margin:0;
  padding:0;
  border:none;
}
#navigation ul img {
  border:none;
  margin:0;
  padding:0;
}
#navigation a {
  border:none;
  margin:0;
  display:block;
  padding:6px 26px 6px 22px;
  text-decoration:none;
  color:#fff;
}
#navigation a:hover, #navigation a.active {
  background:url(../images/28.jpg) repeat-x;
}

/*Section Blocks
-------------------------------------------------*/
#section-blocks {
  width:100%;
  height:231px;
  border-bottom:4px solid #05602f;
  padding:1px 0 2px 0;
  margin:10px 0 0 0;
}
#section-block-epc {
  background:url(../images/29.jpg) no-repeat; 
  width:268px;
  height:228px; 
  float:left;
  margin:0 9px 0 0;
}
#section-block-dec {
  background:url(../images/30.jpg) no-repeat; 
  width:268px;
  height:228px; 
  float:left;
  margin:0 9px 0 0;
}
#section-block-hip {
  background:url(../images/31.jpg) no-repeat; 
  width:268px;
  height:228px; 
  float:left;
  margin:0;
}

a.section-block-title {
  font-size:1.1em;
  text-decoration:none;
  display:block;
  padding:8px 155px 7px 22px;
  position:relative;
  top:102px;
}

div.section-block-excerpt {
  color:#555555;
  font-size:0.9em;  
  padding:0 2px 0 8px;
  position:relative;
  top:95px;
  line-height:13px;
}
#section-blocks a:link, #section-blocks a:visited {color:#fff;font-weight:bold;}
#section-blocks a:hover, #section-blocks a:active {color:#e6f0da;font-weight:bold;}
#section-blocks div.section-block-excerpt p a:link, #section-blocks div.section-block-excerpt p a:visited {
  color:#559340;
}

/* SECTIONS
-------------------------------------------------*/
ul.section-list-ul {padding:0 30px;margin:0 0 15px 0;}
ul.section-list-ul a {font-weight:bold;}

li.list-residential {padding-bottom:5px;}
li.list-newbuild {padding-bottom:5px;}
li.list-commercial
{padding-bottom:5px;}


/* Footer
------------------------------------------------ */
#footer {
  width:100%;
  font-size:0.85em;
  color:#000;
  padding:0px 0 0 0;
}
#footer a:link, #footer a:visited {
  color:#559340;
  text-decoration:none;
  text-transform:uppercase;
}
#footer a:hover {
  color:#05602f;
  text-decoration:none;
}
#footer ul li {
  display:inline;
  list-style-type:none;
  padding:0 50px 0 0;
}
#footer ul {padding:5px 0 0 30px;margin:0;}

#footer-contact {
  color:#b5b6b7;
  font-weight:normal;
  padding:5px 0 0 10px;
}
#footer-copy {padding:5px 10px 0 10px;margin-bottom:10px;color:#555;}
.footer-left {float:left;}
.footer-right {float:right;}

/* Layout
------------------------------------------------ */

.first-float-rigid
{
    float: left;    
    width: 538px;
    padding: 0;
    margin: 0;
}

.second-float-rigid
{
    float: left;
    width: 270px;
    padding: 0 0 20px 0;
    margin: 34px 0 0 0px;
}



#lhscontainer
{
    height: auto;
    position: relative;
    margin: 0px 0px 15px 0px;
    padding: 10px 10px 10px 0px;
    border-bottom:1px solid #f2f2f2;
    text-align: left;
    color: #555;
}


#rhscontainer
{

    height: auto;
    position: relative;
    margin:13px 0px 0px 0px;
    padding: 10px 10px 10px 0px;
    border:1px solid #f2f2f2;
    text-align: left;
    color: #555;
}


/* SPECIAL OFFER
------------------------------------------------ */
#special-offer-container {
  width:252px;
  text-align:center;
  margin:0 0 10px 10px;
}
#special-offer-container h4 {
  float:none;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  color:#fff;
  font-size:24px; 
  line-height:24px;
}
#special-offer-container p {
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  color:#fff;
  font-size:12px; 
  line-height:12px;
  margin:5px 0;
}
.special-offer-top {
  margin:0;
  padding:0;
  height:48px;
  width:252px;
}
.special-offer-content {
  background:url(../images/41.jpg) repeat-y;
  margin:0;
  padding:5px 20px;
  width:212px;
}
.special-offer-bottom {
  margin:0;
  padding:0;
  height:34px;
  width:252px;
}

/* PANELS
------------------------------------------------ */
#contact-callout {
  border:1px solid #417130;
  width:90%;
  padding:15px 10px 10px 15px;
  line-height:20px;
  margin:10px 0 20px 0;
  background:#55933e;
}
.callout-blue {
  width:252px;
  height:130px;
  padding:0px 0 0 0px;
  background:url(../images/32.jpg) no-repeat;
  margin:0 0 10px 10px;
}

.callout-green {
  width:252px;
  height:130px;
  padding:0px 0 0 0px;
  background:url(../images/33.jpg) no-repeat;
  margin:0 0 10px 10px;
}

.callout-blue a:link, .callout-blue a:visited {
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:18px;
  display:block;
  padding:7px 155px 7px 15px;
}
.callout-blue a:hover, .callout-blue a:active {color:#ccecf9;}

.callout-green a:link, .callout-green a:visited {
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:18px;
  display:block;
  padding:7px 155px 7px 15px;
}
.callout-green a:hover, .callout-green a:active {color:#E6F0DA;}


.callout-blue h4 a:link, .callout-blue h4 a:visited {
  color:#05602f;
  text-decoration:none;
  display:block;
  font-size:1em;
  padding:0 10px 10px 0;
  margin:0;
}
.callout-blue h4 a:hover, .callout-blue h4 a:active {color:#80b646;}

.callout-blue-detail {
  padding:2px 0 0 10px;
  font-size:0.9em;
}
.callout-blue-detail p {padding:0;margin:0;}
.callout-newsletter {
  width:242px;
  height:124px;
  background:url(../images/33.jpg) no-repeat;
  padding:6px 0 0 10px;
  margin:0 0 15px 10px;
}
#callout-newsletter-detail {
  margin:15px 0 0 0px;
}



.coloured-callout {width:76px;height:70px;margin:0 4px;float:left;text-align:center;background:url(../images/34.jpg) no-repeat;}


.coloured-callout a:link, .coloured-callout a:visited {text-decoration:none;color:#fff;font-weight:bold;display:block;padding:15px;}
.coloured-callout a:hover, .coloured-callout a:active {text-decoration:none;color:#e6f0da;}

#side-image img {border:1px solid #05602f;margin-left:7px;}

#holding {padding:40px 0;}
#holding img {padding:0 0 20px 0;}
#holding h3 {padding:20px 0 5px 0;color:#004f80;}


/* ARTICLES
------------------------------------------------ */
#article-main a {font-weight:bold;} 
.article-body-image {
  float:left;
  padding:0 15px 15px 0;
}

/* FORMS
----------------------------------------*/
.form-row {
   clear:both;
   padding-bottom:5px;
}
.form-row-checkboxes {
   clear:both;
   padding:10px 0 10px 0;
}
#contact-form .form-row-checkboxes label{width:auto;padding-left:10px;}
#contact-form {
   font-size:1em;
   color:#fff;
   padding-left:10px;
}
#contact-form label {
   float:left;
   width:120px;
   font-size:0.9em;
   margin-top:8px;
}
#contact-form input {
  float:left;
  margin-top:4px;
}
#contact-form textarea {
  float:left;
  margin-top:4px;
}
#contact-form .zemSubmit {
  float:right;
}
fieldset {
  border:none;
}
ul.zemError {
  font-size:0.9em;
  margin-left:40px;
}
#contact-form .zemCheckbox input {
  margin:0px;
  border:0;
  padding:0;
}

.signup .zemText {width:100px;}
.signup .zemSubmit {margin-right:5px;}

.form-row-checkbox {clear:both;}
.form-row-checkbox label{width:200px;padding-left:10px;margin-top:0;}
.form-row-checkbox .zemCheckbox {margin-top:20px;}



/* Headers and Paragraphs:
---------------------------------------------------------------- */
h1 {color:#05602f;margin:0;border-bottom:1px solid #f2f2f2;font-size:1.8em;font-weight:normal;padding:0 0 10px 0;}
h2 {color:#05602F; font-size:1.3em;}
h3 {color:#80B646;margin:0;padding:0;font-size:1.2em;}
h4 {padding:0;margin:0;float:right;}
.green-header {border-bottom:1px solid #a39c00;color:#a39c00;}
.orange-header {border-bottom:1px solid #d88600;color:#d88600;}
.red-header {border-bottom:1px solid #b51f29;color:#b51f29;}

.alert-red {text-transform:uppercase;font-weight:bold;color:#bb0000;}
.alert-blue {text-transform:uppercase;font-weight:bold;color:#009bdf;}

/* Miscellaneous Conveniences
---------------------------------------------------------------- */

form label
{cursor: pointer;}

.bold {font-weight:bold;}

input, select, td
{font-size: 90%;}

html[xmlns] pre { font-size: 1.3em;}

.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }

img{border: 0;margin:0;padding:0;}


li {margin:0;padding:0;}


#error-default {
  width:500px;
  margin:10px 0 50px 0;
}
#error-default h2 {
  color:#304c9f;
}

/* Form Styles
---------------------------------------------------------------- */

.form-row {padding: 0px; margin: 0px; text-align:left;clear:both;}

label
{
      float:left;
      width:auto;
      margin: 0px;

}
select, input, textarea

{
      float:left;
      margin:0px 0px 0px 0px;
}



.zemError li
{
        padding-left: 0px;
	list-style: none;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 3px;
	padding-bottom: 5px;
	color: #FF0000;
}



