/*-----------------------------------------------------------------------
//
//	Aldrock Surveyors Ltd
//
//	by DPI 21 Ltd - http://www.dpi21.com
//
//  Copyright 2008 DPI 21 Ltd. This code cannot be redistributed without
//  permission from http://www.dpi21.com
//
// ---------------------------------------------------------------------
//	Main Style Sheet
// --------------------------------------------------------------------*/

* {
	margin: 0 ;
	padding: 0;
	border: 0;
}

body {
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0;
	background: url(../images/backgrounds/body.jpg) repeat-x top #00401D;
}

#wrapper {
	width: 1030px;
}

#wrapper, #footer {
	margin: 0px auto;
}

/* @group Margins */

#margin-left, #margin-right {
	width: 70px;
	height: 700px;
}

#margin-left {
	background: url(../images/backgrounds/margin-left.png) bottom no-repeat;
}

#margin-right {
	background: url(../images/backgrounds/margin-right.png) top no-repeat;
}

/* @end */

#contentContainer, #mainNav, #banner, #footer, #overflow, #footerNav {
	width: 880px;
}

#contentContainer {
	background: white;
	padding: 40px 5px 5px 5px;
}

a {
	text-decoration: none;
}

/* @group Headings */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1 {
	font-size: 18px;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 0px 5px 20px;
	background: url(../images/icons/h1-arrow.png) left no-repeat;
	margin-bottom: 5px;
}

h2 {
	font-size: 15px;
	padding: 5px 0px;
	line-height: 18px;
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 13px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 11px;
}

/* @end */


/* Floats */

#margin-left, #contentContainer, #margin-right, #logo, #mainNav, #mainNav li, #banner, #bannerHome, #bannerServices, #bannerCommercial, #bannerResidential, #bannerContact, #newsletter, #newsletter p, #newsletter li, #column1, #overflow, #contactDetails, #caseStudy  {
	float: left;
}

#skipNav, #strapline, #call, #newsletter ul, #column2, #validation, #copyright  {
	float: right;
}

#footerNav {
	clear: both;
}

/*----------------------------------------------------------------*/

/* Colours */

#caseStudy {
	color: white;
}

#strapline, #skipNav a:link, #skipNav a:active, #skipNav a:visited {
	color: #666666;
}

#mainNav a:link, #mainNav a:active, #mainNav a:visited, #newsletter form, #name, #emailAddress, #footer, #footer a:link, #footer a:active, #footer a:visited {
	color: #CCCCCC;
}

#call, .lightGreen, #skipNav a:hover, #mainNav li a:hover, #newsletterSignUp, #send, #column1 h2, #column2 a:link, #column2 a:active, #column2 a:visited, h4, #footer a:hover {
	color: #94C93D;
}

h1, #column2 h3 {
	color: #006838;
}

/*----------------------------------------------------------------*/

#logo {
	width: 220px;
	padding: 0px 0px 0px 10px;
}

#skipNav, #strapline, #call {
	text-align: right;
}

#skipNav {
	font-size: 10px;
	width: 300px;
	padding: 0px 0px 10px 0px;
}

#skipNav a:link, #skipNav a:active, #skipNav a:visited {
	background: url(../images/icons/arrow-grey.jpg) left no-repeat;
	padding-left: 5px;
}

#skipNav a:hover {
	background: url(../images/icons/arrow-light-green.jpg) no-repeat left;
}

#strapline {
	width: 500px;
	font-size: 17px;
}

#call {
	width: 500px;
	font-size: 18px;
}

/* @group Main Nav */

#mainNav {
	background: url(../images/backgrounds/menu.jpg) repeat-x;
	margin-top: 10px;
}

#mainNav li {
	display: block;
	margin: 5px 0px;
	padding: 3px 5px 3px 10px;
}

#mainNav li a:link, #mainNav li a:active, #mainNav li a:visited {
	background: url(../images/icons/button-up.png) left no-repeat;
	padding-left: 20px;
}

#mainNav li a:hover {
	background: url(../images/icons/button-over.png) left no-repeat;
}

.link, #newsletterSignUp {
	border-right: 1px solid #CCCCCC;
}

/* @end */

/* @group Banner */

#banner, #caseStudy p, #column1 p, #column2 p, #footer p {
	padding: 5px 0px;
}

#banner {
	height: 250px; 
}

#bannerHome, #bannerServices, #bannerCommercial, #bannerResidential, #bannerContact {
	text-align: right;
	width: 650px;
}


#bannerHome {
	background: url(../../images/2.jpg) no-repeat;
}

#bannerServices {
	background: url(../../images/3.jpg) no-repeat;
}

#bannerCommercial {
	background: url(../../images/4.jpg) no-repeat;
}

#bannerResidential {
	background: url(../../images/5.jpg) no-repeat;
}

#bannerContact {
	background: url(../../images/6.jpg) no-repeat;
}

#caseStudy {
	width: 210px;
	padding: 5px 10px 10px 10px;
	background: url(../images/backgrounds/case-study.jpg) repeat-x;
	height: 235px;
	font-size: 14px;
	line-height: 18px;
}

.caseStudyTitle {
	border-bottom: 1px dashed white;
}

/* @end */

/* @group Newsletter Sign Up */

#newsletter {
	background: url(../images/backgrounds/newsletter.jpg) repeat-x;
	padding: 5px;
	width: 870px;
}

#newsletter form p {
	padding: 0px 5px;
}

#newsletterSignUp {
	font-size: 15px;
	padding: 0px 10px 0px 30px;
	background: url(../images/icons/newsletter.png) left no-repeat;
	margin-right: 5px;
}

#newsletter li {
	display: block;
	padding: 0px 5px;
}

#newsletter ul {
	border-left: 1px solid #CCCCCC;
}

#newsletter #name, #newsletter #emailAddress {
	border: 1px solid #CCCCCC;
	width: 150px;
	background: #666666;
	padding: 2px 5px;
	font-size: 10px;
	margin-left: 5px;
}

#send {
	background: url(../images/icons/send.png) left no-repeat;
	padding-left: 15px;
	height: 15px;
	width: 60px;
}

/* @end */
#overflow {
	background: url(../images/backgrounds/overflow.jpg) right repeat-y;
}

/* @group Column 1 */

#column1 {
	width: 625px;
	padding: 10px;
	background: url(../images/backgrounds/watermark.jpg) no-repeat left bottom;
	height: 400px;
}

#column1 ul {
	padding-left: 30px;
	margin: 15px 0;
}

html>body #column1 {
	height: auto;
	min-height: 400px;
}

#column1 p {
	line-height: 16px;
}

/* @end */

/* @group Column 2 */

#column2 {
	width: 215px;
	padding: 0px 10px 10px 10px;
	border-top: solid white 5px;
}

#column2 p {
	font-size: 10px;
	line-height: 14px;
}

#column2 a:link, #column2 a:active, #column2 a:visited {
	padding-left: 15px;
	background: url(../images/icons/news-arrow.png) left no-repeat;
}

#column2 a:hover {
	text-decoration: underline;
}

#dec, #epc, #depc {
	padding: 10px 0px 0px 40px;
	height: 35px;
}

#dec {
	border-top: 1px dashed #CCCCCC;
	background: url(../images/icons/dec-certificate.png) left no-repeat;
}

#depc, #epc {
	background: url(../images/icons/epc-certificate.png) left no-repeat;
}

#epc {
	border-top: 1px dashed #CCCCCC;
}



/* @end */

/* @group Footer */

#footer li {
	display: inline;
}

#footerContainer {
  clear: both;
  width: 100%;
  background: url(../images/backgrounds/footer.jpg) repeat-x #FAFAFC;
  border-top: 2px solid #94C93D;
}

#footer {
	padding: 10px 0px;
	font-size: 10px;
	line-height: 16px;
}

#footer a:hover {
	text-decoration: underline;
}

#contactDetails {
	width: 400px;
}

#validation, #copyright  {
	width: 400px;
	text-align: right;
}

#validation li {
	background: url(../images/icons/validate.png) left no-repeat;
	padding: 0px 0px 0px 12px;
}

#footerNav {
	padding: 5px 0px;
	text-align: center;
}

#footerNav {
	text-align: center;
}

#telephone, #email {
	padding: 2px 5px 2px 20px;
}

#address {
	padding: 2px 0px 2px 17px;
	background: url(../images/icons/address.png) left no-repeat;
}

#telephone {
	background: url(../images/icons/telephone.png) left no-repeat;
}

#email {
	background: url(../images/icons/email.png) left no-repeat;
}

/* @end */

#map {
	width: 300px;
	float: left;
	margin-left: 20px;
	padding-top: 10px;
}

#form {
	width: 280px;
	float: left;
}

fieldset {
	border: 1px solid lightgray;
	padding: 10px;
}

legend {
	color: white;
	background: darkgreen;
	padding: 6px;
}

#form input, textarea {
	border: 1px solid lightgray;
	padding: 3px;
}

input#send {
	border: none;
	
}

table {
	border: 1px solid lightgray;
	padding: 10px;
}