/*----------------------------------------------------------
	THIS IS THE MAIN STYLESHEET FOR STUCTURAL AND LAYOUT CHANGES
	
	What this stylesheet **IS** for:
	
	1) The main styles relating to the major sections of the site for example the header div or the primary navigation. 
	2)If you are setting the default styles for  section for example #header a or #column_1 p then it would go in here
	
	What this stylesheet is **NOT** for:
	1) If you were adding styles to p or a tags that were outside these section default styles then they would go in the style_type.css file for example

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

/*CHANGE LOG - Anytime this stylesheet is changed please add in a descriptive comment here together with the date*/

/*-------------------------------------------------------
[TABLE OF CONTENT]

(**PLEASE NOTE the although sometimes the order of the HTML element in a page may be in the same  as the TOC below a lot of times it may differ for example #image_container and primary naviagtion usually go within the header structrually within the HTML but dont have to depending on the structure of the site)

0.0 IMPORTS
	0.1 Reset
	0.2 Form

1.0 BODY
	1.1. Wrapper / #wrapper
	1.2. Container / #container

2.0 HEADER / #header 
	2.1 Container for the main page image / #image_container
	2.2 Primary Navigation / #navigation_primary
	2.3 Secondary Navigation / #navigation_secondary
	2.4 Local Navigation / #navigation_local

3.0 CONTENTS/ #content
	3.1. Column 1 / #column_1
	3.2. Column 2 / #column_2
	3.3. Column 3 / #column_3

4.0 FOOTER/ #footer

5.0 MISCELLANEOUS (Please update this )
	5.1 - Miscellaneous - Sidebox
	5.2 - Miscellaneous - Defaults styles
	
6.0 TABLES (Default styles and any others you want to add)

7.0 RECYCLE BIN (old CSS or disable CSS for testing)

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

/* 0.0 - IMPORTS*/

	
/* 1.0 - BODY
------------------------------------------------------------*/
	
body {

}

/* 1.1 - Body / Wrapper
------------------------------------------------------------*/

#wrapper {
}

/* 1.2 - Body / Container
------------------------------------------------------------*/

#container {
	position: relative;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
}	 
	 
/* 2.0 - HEADER
------------------------------------------------------------*/
	
#header {
	position: relative;
	height: 102px;
	width: 960px;
	padding-top: 30px;
}

#header span {
	display: none;
}
#logo a {
	background-image: url(../Assets/ers-logo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 82px;
	width: 216px;
	float: left;
	display: block;
}
#email_container {
	float: right;
	width: 744px;
	text-align: right;
	font-size: 16px;
	line-height: 24px;
}
#email_container  a {
	color: #c2d736;
	text-decoration: none;
}
#email_container a:hover {
	color: #027045;
	text-decoration: none;
}
.number {
	float: right;
	margin-right: 10px;
	padding-right: 10px;
	color: #c2d736;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #027045;
}
.more {
	float: right;
	text-transform: uppercase;
	color: #027045;
}
/* 2.1 - Header / Image Container
------------------------------------------------------------*/

/* 2.1 - Header / Image Container
------------------------------------------------------------*/

#image_container {
	text-align: right;
	padding-bottom: 20px;
	float: left;
	width: 700px;
	height: 290px;
}
#image_container p {
	margin-top: 250px;
}
#nav02 #image_container/* 2.1 - Header / Image Container
------------------------------------------------------------*/

/* 2.1 - Header / Image Container
------------------------------------------------------------*/

 {
	text-align: right;
	float: left;
	width: 700px;
	height: 290px;
	background-image: url(../Assets/img_main03.jpg);
	padding-bottom: 0px;
	margin-bottom: 20px;
}
#nav03  #image_container/* 2.1 - Header / Image Container
------------------------------------------------------------*/

/* 2.1 - Header / Image Container
------------------------------------------------------------*/

 {
	text-align: right;
	float: left;
	width: 700px;
	height: 290px;
	background-image: url(../Assets/img_main05.jpg);
	padding-bottom: 0px;
	margin-bottom: 20px;
}
#nav04   #image_container/* 2.1 - Header / Image Container
------------------------------------------------------------*/

/* 2.1 - Header / Image Container
------------------------------------------------------------*/

 {
	text-align: right;
	float: left;
	width: 700px;
	height: 290px;
	background-image: url(../Assets/img-com.jpg);
	padding-bottom: 0px;
	margin-bottom: 20px;
}
#nav05 #image_container

 {
	text-align: right;
	float: left;
	width: 700px;
	height: 290px;
	background-image: url(../Assets/img_res.jpg);
	padding-bottom: 0px;
	margin-bottom: 20px;
}
#nav06 #image_container

 {
	text-align: right;
	float: left;
	width: 700px;
	height: 290px;
	background-image: url(../Assets/img_main05.jpg);
	padding-bottom: 0px;
	margin-bottom: 20px;
}
#nav07 #image_container

 {
	text-align: right;
	float: left;
	width: 700px;
	height: 290px;
	background-image: url(../Assets/img_main04.jpg);
	padding-bottom: 0px;
	margin-bottom: 20px;
}
#nav08 #image_container

 {
	text-align: right;
	float: left;
	width: 700px;
	height: 290px;
	background-image: url(../Assets/img_both.jpg);
	padding-bottom: 0px;
	margin-bottom: 20px;
}

#column_1 #image_container a, #column_1 #about_container a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
	font-style: italic;
	padding-right: 40px;
}
#column_1 #image_container a:hover {
	text-decoration: none;
	color: #004129;
}

/* 2.2 - Header / Primary Navigation
------------------------------------------------------------*/

#navigation_primary {
	width: 950px;
	position: relative;
	height: 30px;
	background-color: #c1d734;
	padding-left: 10px;
	z-index:99;
}

#navigation_primary li {
	float: left;
	list-style-type: none;
	line-height: 30px;
	font-size: 15px;
	text-align: center;
}
#navigation_primary li a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}

#navigation_primary li a:hover {
	text-decoration: none;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	font-weight: bold;
	text-decoration: none;
}

#nav li {
	float: left;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
}
#nav .downOne             {
	background-color: #027045;
	width: 184px;
}
#nav .downOne li             {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8cc63f;
}
#nav .downTwo             {
	background-color: #02a24b;
	width: 190px;
}
#nav .downTwo  li             {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8cc63f;
}
#nav li ul  {
	position: absolute;
	left: -999em;
}
#nav li ul a {
	font-style: italic;
}
#nav .sub {
	font-size: 12px;
	font-weight: normal;
}
#nav   .subExtend {
	line-height: 16px;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav {
	width: 950px;
	position: relative;
	height: 30px;
	background-color: #c1d734;
	padding-left: 10px;
	z-index: 1000;
}

.home a {
	width: 60px;
	color: #FFFFFF;
	text-align: center;
}
.home a:hover, .about a:hover, .client a:hover, .resource a:hover, .contact a:hover {
	color:  #8cc63f;
}
.about a {
	width: 84px;
	color: #FFFFFF;
	text-align: center;
}
.client a {
	width: 182px;
	color: #FFFFFF;
	text-align: center;
}
.resource  a {
	width: 96px;
	color: #FFFFFF;
	text-align: center;
}
.contact   a {
	width: 100px;
	color: #FFFFFF;
	text-align: center;
}
.residential {
	background-color: #027045;
}
.residential a {
	width: 174px;
	color: #FBFBFB;
	height: 30px;
	padding-left: 10px;
}
.residential  img {
	margin-left: 6px;
	margin-top: 6px;
}
.residential a:hover {
	color: #8cc63f;
}
.commercial  a {
	width: 180px;
	color: #FBFBFB;
	height: 30px;
	padding-left: 10px;
}
.commercial {
	background-color: #02a24b;
}
.commercial   img {
	margin-left: 6px;
	margin-top: 6px;
}
.commercial  a:hover {
	color: #8cc63f;
}
#nav01 .home a {
	color: #8cc63f;
}
#nav02 .about a {
	color: #8cc63f;
}
#nav03 .client a {
	color: #8cc63f;
}
#nav06   .resource a  {
	color: #8cc63f;
}
#nav07    .contact  a  {
	color: #8cc63f;
}
#nav08 .resource_container {
	display: none;
}

/* IE 6 Fix */

* html #navigation_primary li a {
	float: left;  
}


/* 2.3 - Header / Secondary Navigation
------------------------------------------------------------*/

#navigation_secondary {

}

#navigation_secondary li {
	float: left;
}
#navigation_secondary li a {
	
}

#navigation_secondary li a:hover {

}

/* 2.4 - Header / Local Navigation
------------------------------------------------------------*/

#navigation_local {
}

#navigation_local li {
}

/* 3.0 - CONTENT
------------------------------------------------------------*/

#content {
	position: relative;
	width: 960px;
	padding-top: 20px;
	padding-bottom: 20px;
}


/* 3.1 - Content / Column 1
------------------------------------------------------------*/

#column_1
 {
	float: left;
	width: 700px;
	margin-right: 20px;
}

#column_1 h1 {
	padding-bottom: 20px;
	height: 40px;
	font-size: 40px;
	color: #027045;
	margin-top: 10px;
}
#nav04 .sidebox_residential {
	display: none;
}
#nav05 .sidebox_commercial {
	display: none;
}
.rule {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f2f7f5;
	padding-bottom: 10px;
}
#column_1  h3 {
	font-size: 15px;
	margin-bottom: 6px;
	line-height: 20px;
	color: #38b1b8;
}
#column_1 span {
	font-weight: normal;
}
#column_1  h2 {
	color: #027045;
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 26px;
	font-weight: normal;
}
#column_1  h2  span {
	font-weight: normal;
}
#column_1 h4 {
	color: #38b1b8;
	font-size: 14px;
	font-style: italic;
	margin-bottom: 10px;
	line-height: 20px;
}

#column_1  p {
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	margin-bottom: 16px;
}

#column_1 .first {

}

#column_1 a {
	color: #c1d734;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}

#column_1 a:hover {
	text-decoration: none;
	color: #027045;
}
#column_1 ul {
	color: #333333;
	font-size: 13px;
	margin-bottom: 20px;
	margin-left: 20px;
	line-height: 18px;
	margin-top: 10px;
}
#column_1   .project li {
	list-style-image: url(../Assets/bullet.gif);
	margin-bottom: 10px;
}
.project {
	float: left;
	width: 325px;
}
.keyPoints li {
	list-style-image: url(../Assets/bullet.gif);
	margin-bottom: 10px;
}
#nav01 .sidebox_residential, #nav01 .sidebox_commercial {
	display: none;
}

.residential_feature a {
	background-image: url(../Assets/residential.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	display: block;
	height: 144px;
	width: 339px;
	float: left;
	border: 3px solid #c1d734;
	margin-right: 10px;
	margin-bottom: 20px;
}
.residential_feature a:hover {
	background-image: url(../Assets/residential.jpg);
	background-position: center -144px;
}
.residential_feature span {
	display: none;
}
.commercial_feature a  {
	background-image: url(../Assets/commercial.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	display: block;
	height: 144px;
	width: 339px;
	float: left;
	border: 3px solid #c1d734;
	margin-bottom: 20px;
}
.commercial_feature a:hover {
	background-image: url(../Assets/commercial.jpg);
	background-position: center -144px;
}
.commercial_feature span {
	display: none;
}
.clear_feature {
	clear: left;
}

/* 3.2 - Content / Column 2
------------------------------------------------------------*/

#column_2
 {
	float: left;
	width: 240px;
}
 /* 3.2 - Content / Column 2
------------------------------------------------------------*/

#column_2 h2 {
	color: #FFFFFF;
	font-size: 15px;
	height: 39px;
	width: 219px;
	background-color: #c0d732;
	padding-left: 19px;
	line-height: 36px;
}

#column_2 a {

}

#column_2 a:hover {

}

#column_2 p {

}
.free {
	background-image: url(../Assets/free_quote.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 70px;
	width: 240px;
}
#contact_container {
	width: 700px;
	background-color: #00CC99;
}
.details {
	width: 300px;
	float: left;
}
#column_1 iframe {
	border: 1px solid #027045;
	float: left;
	height: 198px;
	width: 398px;
}
.free span {
	display: none;
}
.quote_container {
	background-color: #027045;
	height: 290px;
	width: 240px;
	margin-bottom: 20px;
	overflow: hidden;
}
.resource_container {
	border: 1px solid #c0d732;
	width: 238px;
	background-image: url(../Assets/resource_pattern.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	margin-bottom: 10px;
}
.resource_container p {
	font-size: 12px;
	color: #333333;
	line-height: 16px;
	padding-left: 19px;
	padding-right: 19px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.resource_container img {
	padding-left: 6px;
	margin-top: 16px;
}
.resource_container ul {
	margin-bottom: 20px;
	padding-left: 19px;
	font-size: 12px;
	line-height: 14px;
}
.resource_container li {
	list-style-type: none;
	margin-bottom: 10px;
}
.resource_container a {
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	color: #027045;
}
.resource_container a:hover {
	color: #c1d734;
}

#nav02 .resource_container, #nav03 .resource_container, #nav04 .resource_container, #nav05 .resource_container, #nav06 .resource_container, #nav07 .resource_container, #nav08 .resource_container {
	display: none;
}

.sidebox_residential a {
	height: 104px;
	width: 234px;
	background-image: url(../Assets/sidebox_residential.gif);
	background-repeat: no-repeat;
	background-position: center 0px;
	display: block;
	border: 3px solid #c1d734;
	margin-bottom: 10px;
}
.sidebox_residential a:hover {
	background-image: url(../Assets/sidebox_residential.gif);
	background-position: 0px -104px;
}
.sidebox_residential span {
	display: none;
}
.sidebox_commercial  a {
	height: 104px;
	width: 234px;
	background-image: url(../Assets/sidebox_commercial.gif);
	background-repeat: no-repeat;
	background-position: center 0px;
	display: block;
	border: 3px solid #c1d734;
}
.sidebox_commercial  a:hover {
	background-image: url(../Assets/sidebox_commercial.gif);
	background-position: 0px -104px;
}
.sidebox_commercial  span {
	display: none;
}
.link_res {
	width: 700px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f2f7f5;
	margin-top: 20px;
	padding-bottom: 20px;
}
#column_1 .link_res p {
	margin-bottom: 0px;
}
.link_res  img {
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
}
.last {
	margin-top: 10px;
}

/* 3.3 - Content / Column 3
------------------------------------------------------------*/

#column_3 {
}

/* 4.0 - FOOTER
------------------------------------------------------------*/

#footer {
	position: relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #027045;
	color: #027045;
	padding-top: 10px;
	margin-bottom: 20px;
}
#footer  .logos ul {
	float: left;
}
#footer .logos {
	width: 960px;
	float: left;
	height: 81px;
	padding-bottom: 10px;
}
#footer .logos span {
	display: none;
}
#footer li {
	float: left;
	list-style-type: none;
}
.ers {
	height: 81px;
	width: 134px;
	margin-right: 20px;
	background-image: url(../Assets/ers_logo_footer.jpg);
}
.twitter  {
	font-weight: bold;
	color: #68d8f6;
	text-decoration: none;
	display: block;
	font-size: 12px;
	width: 160px;
	padding-left: 36px;
	line-height: 32px;
	margin-top: 22px;
}
.bre a {
	background-image: url(../Assets/bre_logo_a.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 81px;
	width: 72px;
	margin-right: 20px;
}
.bre a:hover {
	background-image: url(../Assets/bre_logo.gif);
}
.est a {
	background-image: url(../Assets/est_logo_a.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 81px;
	width: 148px;
	margin-right: 20px;
}
.est a:hover {
	background-image: url(../Assets/est_logo.jpg);
}
.sap a {
	background-image: url(../Assets/sap_logo_a.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 81px;
	width: 100px;
	margin-right: 20px;
}
.sap a:hover {
	background-image: url(../Assets/sap_logo.gif);
}
.nher a {
	background-image: url(../Assets/nher_logo-a.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 81px;
	width: 137px;
	display: block;
	margin-right: 20px;
}
.nher a:hover {
	background-image: url(../Assets/nher_logo.jpg);
}
.csh a {
	display: block;
	height: 81px;
	width: 72px;
	background-image: url(../Assets/csh_logo-a.gif);
}
.csh a:hover {
	background-image: url(../Assets/csh_logo.gif);
}

#footer a {

}

#footer a:hover {

}
.links  p {
	font-size: 12px;
	line-height: 18px;
	color: #027045;
	padding-bottom: 16px;
	padding-left: 20px;
}
.links img {
	padding-left: 6px;
}
.head_office {
	float: left;
	width: 390px;
}
.useful {
	float: left;
	width: 190px;
	margin-bottom: 20px;
}
#footer h2 {
	font-size: 12px;
}
#footer dl {
	font-size: 12px;
	margin-top: 10px;
	line-height: 20px;
}
#footer  dt {
	list-style-type: none;
}

#footer .left {
	float: left;
	width: 500px;
	font-size: 11px;
	color: #999999;
	padding-top: 10px;
}
#footer .left a {
	font-style: italic;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
#footer .left a:hover {
	text-decoration: underline;
}
.links {
	width: 960px;
	background-color: #e5f0ec;
	background-image: url(../Assets/footer_pattern.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	float: left;
	padding-top: 20px;
}
.links a {
	font-style: italic;
	color: #027045;
	text-decoration: none;
}
.links a:hover {
	text-decoration: underline;
}

#footer .right {
	float: left;
	font-size: 11px;
	color: #999999;
	width: 460px;
	padding-top: 10px;
	text-align: right;
}
#footer  .right  a {
	font-style: italic;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
#footer  .right  a:hover {
	text-decoration: underline;
}
	
/* 5.0 - MISCELLANEOUS
------------------------------------------------------------*/

/* 5.1 - Miscellaneous - Sidebox
------------------------------------------------------------*/

/* 5.2 - Miscellaneous - Default styles
------------------------------------------------------------*/

#content .hr {  }
	#content hr { display:none; }
	
.thumb_left {
	padding: 2px;
	float: left;
	border: 1px solid #CCCCCC;
	margin-right: 20px;
	margin-bottom: 14px;
	
}

.thumb_right {  
		padding: 2px;
	float: right;
	border: 1px solid #CCCCCC;
	margin-left: 20px;
	margin-bottom: 14px;
}

/* Miscellaneous - Gallery Styles
------------------------------------------------------------*/

#gallery {
	
}

#gallery a:link img {

}

#gallery a:hover img {

}

#gallery li {
	float: left;
}

/* 6.0 - TABLES - Default table styles
------------------------------------------------------------*/

#content table {
	width:100%;
	border-collapse:collapse;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	line-height: 19px;
	clear: both;
}

#content caption { color: #0060A6; font-weight: bold; font-size: 12px;
}

#content td {

	text-align:left;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 10px;
	border: 1px solid #999999;
		line-height: 21px!important;
}

#content th {
	padding-left: 10px;
	text-align:left;
	color:#fff;
	background-color: #0075CE;
	border: 1px solid #999999;
}

#content tr.even td { background-color: #EFEFEF;
}

#content tr.odd td { background-color: #FFFFFF;
}

#content td.empty, tr.odd td.empty, tr.even td.empty {background:#fff;
}
/* use this if you want to apply different styleing to empty table cells*/

/* 7.0 - RECYCLE BIN
------------------------------------------------------------*/

/*
Put old css in here:

*/