/*****************************************************
 RESET: 
****************************************************/
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,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 10;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	text-decoration: none;
}

/*****************************************************
 BASE: 
****************************************************/
html {
 	margin: 0; padding: 0;
	font-family: Arial, Verdana, Sans-Serif;
    background: #adadad;
}
body {
	margin: 0; padding: 0;
	color: #666666;
	font-size: 62.5%;
	text-align: center;
	background: #ececec;
}
a {
  color: #666666;
  text-decoration: underline;
}
a:hover {
  color: #666666;
  text-decoration: none;
}
strong {
  font-weight: bold;
}


/*****************************************************
 COMFORT ZONE: 
****************************************************/

#comfort-zone {
	width: 980px;
	padding: 0; margin: 0 auto;
	text-align: left;
}

/*****************************************************
 HEADER: 
****************************************************/
#header {
  height: 132px;
  background: url(../images/template/background_header.gif) no-repeat;
}
#header .logo {
  float: left;
  width: 91px;
  height: 132px;
}
#header .logo a {
  height: 132px;
  display: block;
  text-indent: -99999px;
}

#header ul.navigation {
  float: right;
  height: 80px;
  margin-top: 52px;
  width: 680px;
}
#header ul.navigation li {
  float: left;
  width: 100px;
  font-size: 1.1em;
  padding-top: 35px;
  padding-left: 10px;
  list-style: none;
  text-transform: uppercase;
}
#header ul.navigation li.home {
  width: 90px;
  padding-left: 0;
}
#header ul.navigation li.contact {
  padding-left: 15px;
}
#header ul.navigation li a {
  color: #fff;
  text-decoration: none;
}
#header ul.navigation li a:hover {
  text-decoration: underline;
}
  
/*****************************************************
  CONTENT ZONE: 
****************************************************/
#content-zone {
  float: left;
  width: 980px;
  background: url(../images/template/background_content_wrap.jpg) top no-repeat;
}
#content-zone .feature {
  width: 980px;
  padding-bottom: 45px;
}
#content-zone h1 {
  font-size: 1.8em;
  color: #3d4f96;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
#content-zone h2 {
  font-size: 1.8em;
  color: #3d4f96;
  margin-bottom: 1em;
}
#content-zone h3 {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 1.0em;
  color: #3d4f96;
}
#content-zone h4 {
  color: #3d4f96;
  font-size: 1.2em;
  margin-top: 2em;
  font-weight: bold;
  margin-bottom: 1.0em;
}
#content-zone p {
  font-size: 1.2em;
  margin: 0 0 .75em; 
  font-size: 1.2em; 
  line-height: 1.5em; 
}
#content-zone li {
  font-size: 1.2em;
  margin: 0 0 .75em; 
  font-size: 1.2em; 
  line-height: 1.2em; 
}
#content-zone p.abstract {
  font-weight: bold;
}

#content-zone .tout h3 {
	color:#FFFFFF; padding:15px 0px 0px 20px; margin:0px;
}

#content-zone .tout ul {
  list-style: none;
  margin:0px 0px 0px 30px; padding:0px;
  padding-top:11px;
  font-weight:bold;
  width:170px;
  color:#FFFFFF;
}
#content-zone .tout ul li {
	padding:5px 0px 5px 10px;
	margin:0px;
	text-transform:uppercase;
	font-size:10px;
	background:url(../images/template/li-tout.png) no-repeat center left;
}


  /*****************************************************
    CONTENT ZONE: SIDEBAR: 
  ****************************************************/
  #sidebar {
    float: left;
    margin-top: 10px;
    padding-left: 10px;
    width: 215px;
  }

  #sidebar .tout {
    height: 196px;
    margin-bottom: 28px;
  }

  #sidebar .content {
    padding-right: 13px;
    border-right: 1px solid #b8b8b8;
  }
  #sidebar h4 {
    color: #666666;
  }
  #sidebar h4 .name {
    font-weight: bold;
    color: #3d4f96;
  }
  #sidebar h4 .location {
    font-weight: normal;
    color: #3d4f96;
  }

  /*****************************************************
    MAIN CONTENT: 
  ****************************************************/
  #main-content {
    float: right;
    width: 640px;
    padding-top: 120px;
    padding-right: 90px;
    overflow: hidden;
  }
  
    /*****************************************************
      MAIN CONTENT: Block
    ****************************************************/
    #main-content .blocks {
      float: left;
      width: 640px;
      padding-top: 20px;
      margin-right: 40px;
      background: url(../images/template/background_main_content_blocks.gif) repeat-y;
    }
    #main-content .blocks.alt {
      float: left;
      width: 640px;
      padding-top: 20px;
      margin-right: 40px;
      background: none;
    }
    #main-content .blocks p.note {
      clear: both;
      font-size: 1.1em;
      padding-top: 8px;
      padding-left: 21px;
      border-top: 1px solid #dddedf;
    }
    #main-content .blocks p.note a {
      color: #20368c;
      font-weight: bold;
      text-decoration: none;
      padding-left: 15px;
      background: url(../images/template/icon_bullet_blue_cross.gif) 0 3px no-repeat;
    }
    #main-content .blocks p.note a:hover {
      text-decoration: underline;
    }
    #main-content .blocks li {
      font-size: 1.1em;
      width: 138px;
      margin-left: 10px;
      padding-left: 15px;
      list-style: none;
      background: url(../images/template/icon_bullet_red_cross.gif) 0 3px no-repeat;
    }
    #main-content .block-1 {
      float: left;
    }
    #main-content .block-1 .welcome {
      width: 270px;
    }
    #main-content .block-2 {
      float: right;
	  padding-top:50px;
    }
    #main-content .block-1 .contact {
      padding-left: 0;
      padding-right: 20px;
      width: 350px;
      overflow: hidden;
    }
    #main-content .block-2 .contact {
      padding-left: 20px;
      width: 350px;
      overflow: hidden;
    }
    #main-content .block-1 .consultation,
    #main-content .block-1 .info {
      width: 330px;
    }
    #main-content .block-2 .consultation,
    #main-content .block-2 .info {
      width: 250px;
    }
  
    /*****************************************************
      MAIN CONTENT: Article
    ****************************************************/
    #main-content .article {
      float: left;
      border-bottom: 4px solid #adadad;
      margin-bottom: 23px;
      padding-bottom: 8px;
      width: 640px;
      clear: both;
    }
    #main-content .article h2 {
      font-size: 1.2em;
      float: left;
      color: #fff;
      padding: 8px;
      width: 624px;
      background: #adadad;
    }
    #main-content .article h2 .name {
      float: left;
    }
    #main-content .article h2 .location {
      float: right;
    }
    #main-content .article .content {
      clear: both;
      margin: 0 10px;
      width: 520px;
      float: left;
    }
    #main-content .article .content h3 {
      font-size: 1.2em;
      color: #666666;
      margin: 10px 0 20px 0;
    }
    #main-content ul {
      margin-bottom: 30px;
    }
    #main-content .article img {
      float: right;
    }
    
    /*****************************************************
      MAIN CONTENT: Pagination
    ****************************************************/
    #main-content .pagination p strong {
      font-weight: bold;
      color: #3d4f96;
    }
    #main-content .pagination p.pages a {
      color: #3d4f96;
      font-weight: bold;
      text-decoration: none;
      padding: 3px;
    }
    #main-content .pagination p.pages a.active {
      color: #e51837;
      text-decoration: underline;
    }
    #main-content .pagination p.pages a:hover {
      text-decoration: underline;
    }
    
/*****************************************************
  FOOTER: 
****************************************************/
#footer {
  clear: both;
  color:#333;
  padding: 5px 0 10px 0;
  background: #adadad;
  border-top: 10px solid #3d4f96;
  }

#footer p {
	width: 980px;
	font-size: 1.1em;
	padding: 0; margin: 0 auto;
}
#footer p a {
  color:#333;
}

  

/*****************************************************
  CONTACT FORM: 
****************************************************/  
#contact_us {
  float: left;
  width: 350px;
}
#sidebar #contact_us {
  float: none;
  width: 200px;
  text-align: right;
}
#contact_us h2 {
  margin-bottom: 0;
  text-indent: -9999px;
  background: url(../images/template/heading_contact_us_small.gif) no-repeat;
}
#page-home #contact_us h2 {
  background: url(../images/template/heading_contact_us_small.gif) no-repeat;
}
#contact_us p.sub {
  text-indent: -9999px;
  margin: 5px 0 10px 2px;
  background: url(../images/template/heading_sub_contact_us.gif) no-repeat;
}
#contact_us input[type=submit] { 
  cursor: pointer; 
  color: #fff;
  height: 22px;
  width: 70px;
  padding-right: 17px;
  padding-bottom: 3px;
  background: #20368c url(../images/template/icon_arrow_white.gif) 53px 7px no-repeat;
  border: 1px solid #20368c;
}
#contact_us input[type=submit]:hover {
  background: #2541ad url(../images/template/icon_arrow_white.gif) 53px 7px no-repeat;
}
#contact_us fieldset { 
  padding-left: 20px; 
  margin-bottom: 0px; 
}
#sidebar #contact_us fieldset { 
  padding-left: 2px;  
}
#contact_us div.name {
  float: left;
  width: 158px;
  margin-bottom: 10px;
}
#sidebar #contact_us div.name {
  float: none;
  width: 158px;
  margin-bottom: 10px;
}
#contact_us div.email {
  float: left;
  width: 158px;
  margin-bottom: 10px;
}
#sidebar #contact_us div.email {
  float: none;
  width: 158px;
}
#contact_us div.phone, #contact_us div.suburb {
  float: right;
  width: 158px;
  margin-bottom: 10px;
}

#sidebar #contact_us div.phone, #sidebar #contact_us div.suburb  {
  float: none;
  width: 158px;
}
#contact_us label { 
  display: block; 
  margin-bottom: 2px; 
}
#contact_us .name label {
  height: 13px;
  text-indent: -9999px;
  background: url(../images/template/heading_form_name.gif) no-repeat;
}
#contact_us .suburb label {
  height: 13px;
  text-indent: -9999px;
  background: url(../images/template/heading_form_suburb.gif) no-repeat;
}
#contact_us .email label {
  height: 13px;
  text-indent: -9999px;
  background: url(../images/template/heading_form_email.gif) no-repeat;
}
#contact_us .phone label {
  height: 13px;
  text-indent: -9999px;
  background: url(../images/template/heading_form_phone.gif) no-repeat;
}
#contact_us .message label {
  height: 16px;
  text-indent: -9999px;
  background: url(../images/template/heading_form_message.gif) no-repeat;
}
#contact_us_submit { 
  float: right; 
  margin: 8px 3px 0 0; 
}
#sidebar #contact_us_submit { 
  float: right; 
  margin: 8px 7px 0 0; 
}
#contact_us textarea {
  height: 70px;
  width: 325px;
  border: 1px solid #d3d3d3;
}
#sidebar #contact_us textarea {
  height: 70px;
  width: 190px;
}
#contact_us input[type="text"] {
  border: 1px solid #d3d3d3;
  font-size: 1.2em;
  padding: 2px;
  width: 150px;
}
#sidebar #contact_us input[type="text"] {
  width: 188px;
  font-size: 1.2em;
}

#form_errors {
	color:#FF0000; 
	text-align:right; 
	float: right; 
	padding:14px 10px 0 0;
}

/**
 *
 * PAGE SPECIFIC STYLES
 *
**/ 


/*****************************************************
  HOMEPAGE: 
****************************************************/
#page-home #content-zone {
  padding-bottom: 25px;
  background: url(../images/template/background_content_wrap_home.jpg) top no-repeat;
}
#page-home #content-zone .tout {
  height: 235px;
}
#page-home #content-zone div.main {
  float: left;
  background: url(../images/template/background_content_main_home2.jpg) repeat-y;
}
#page-home div.block {
  padding-right: 12px;
  padding-left: 12px;
}
#page-home div.block h2 {
  height: 18px;
}
#page-home div.block p {
  padding-left: 12px;
}
#page-home div.welcome {
  float: left;
  width: 520px;
}
#page-home div.services {
  float: left;
  width: 520px;
}
#page-home div.services ul {
  list-style: none;
}
#page-home div.services li {
  float: left;
  font-size: 1.1em;
  width: 138px;
  margin-left: 10px;
  padding-left: 15px;
  background: url(../images/template/icon_bullet_red_cross.gif) 0 3px no-repeat;
}
#page-home div.services p.note {
  clear: both;
  font-size: 1.1em;
  padding-top: 8px;
  padding-left: 21px;
  border-top: 1px solid #dddedf;
}
#page-home div.services p.note a {
  color: #20368c;
  font-weight: bold;
  text-decoration: none;
  padding-left: 15px;
  background: url(../images/template/icon_bullet_blue_cross.gif) 0 3px no-repeat;
}
#page-home div.services p.note a:hover {
  text-decoration: underline;
}
#page-home div.contact {
  float: right;
  width: 360px;
  padding-right: 12px;
  padding-left: 12px;
}


/*****************************************************
  ACTIVE NAVIGATION: 
****************************************************/
#page-home ul.navigation li.home a,
#page-about ul.navigation li.about a,
#page-services ul.navigation li.services a,
#page-gallery ul.navigation li.gallery a,
#page-testimonials ul.navigation li.testimonials a,
#page-contact ul.navigation li.contact a{
  color: #e65569;
  text-decoration: underline;
}

.tout a {color:#FFF; text-decoration:none;}
.tout a:hover {text-decoration:underline;}

#page-customdesigned .tout li.custom a,
#page-renovation .tout li.renovation a,
#page-reface .tout li.reface a,
#page-benchtop .tout li.benchtop a,
#page-finish .tout li.finish a,
#page-installation .tout li.installation a {
	text-decoration:underline;
}


/*****************************************************
 PAGE HEADINGS: 
****************************************************/
#page-about h1 {

}
#page-services h1 {

}
#page-testimonials h1 {
  text-indent: -9999px;
  background: url(../images/template/heading_customer_testimonials.gif) no-repeat;
}
#page-contact h1 {

}
#page-privacy h1 {
  text-indent: -9999px;
  background: url(../images/template/heading_privacy.gif) no-repeat;
}
#page-case-studies h1 {
  text-indent: -9999px;
  background: url(../images/template/heading_case_studies.gif) no-repeat;
}

/*****************************************************
 OTHER HEADINGS: 
****************************************************/
div.welcome h2 {
  
}
#page-home div.welcome h2 {
padding:0px; margin:5px; color:#3d4f96; text-indent:0px;
}
#page-home div.services h2 {
}
#page-home .contact #contact_us h2 {
  text-indent: -9999px; 
  background: url(../images/template/heading_contact_us.gif) no-repeat;
}
.contact #contact_us h2 {
  text-indent: -9999px; 
  background: url(../images/template/heading_contact_us_small.gif) no-repeat;
}
div.consultation h2 {
  text-indent: -9999px;
  background: url(../images/template/heading_obligation_free_consultation.gif) no-repeat;
}
#sidebar .testimonials h3 {
  text-indent: -9999px;
  background: url(../images/template/heading_testimonials_small.gif) no-repeat;
}
#sidebar .case-studies h3 {
  text-indent: -9999px;
  height: 15px;
  background: url(../images/template/heading_case_studies_small.gif) -3px 0 no-repeat;
}

.form_input_error{
	background-color: #ffe0e0 !important;
	border: 1px solid #ff0000 !important;
}

.thumb {border:10px #FFF solid;-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888; margin:0px 20px 20px 0px; float:left;}