body {
margin: 0;
padding: 0;
font-family: arial, verdana, sans-serif;
font-size: 13.5px;
color: #616161;
}

a {
color: #008080;
text-decoration: none;
}


a:hover {
color: #616161;

}

#container {
width: 929px;
margin-left: auto;
margin-right: auto;
z-index: 1;
}

/************************************
HEADER
************************************/

#header {
width: 908px;
margin-left: auto;
margin-right: auto;
}

#header .headerLeft {
width: 265px;
height: 117px;
background-image: url('../images/header.jpg');
background-repeat: no-repeat;
background-position: left bottom;
float: left;
margin: 0;
margin-left: -3px;
padding: 0;
overflow: hidden;
}

#header .headerLeft a {
	width: 100%;
	height: 117px;
	overflow: hidden;
	text-indent: -5000px;
	display: block;
}

#header .headerRight {
width: 640px;
float: right;
padding-top: 30px;
}



/************************************
TOP NAVIGATION
************************************/

#mainRoundNav{
font-family: arial, verdana, sans-serif;
font-size: 1.17em;
font-weight: bold;
letter-spacing: -0.010em;
padding-right:6px;
padding-bottom: 2px;
height: 35px;
overflow:auto;
height:1%;
clear:both;
float: right;
margin-right: -20px;
}

/*selected*/

body#home #mainRoundNav a#home1,
body#commercial #mainRoundNav a#commercial1,
body#residential #mainRoundNav a#residential1,
body#resource #mainRoundNav a#resource1{
text-decoration: none;
color: #fff;
margin:0 px;
padding-right:5px;
height:28px;
line-height:28px;
display:block;
float:left;
background:url('../images/mb_a.jpg') right top no-repeat;
}

body#home #mainRoundNav a#home1 span,
body#commercial #mainRoundNav a#commercial1 span,
body#residential #mainRoundNav a#residential1 span,
body#resource #mainRoundNav a#resource1 span{
background:url('../images/mb_span.jpg') left top no-repeat;
height:28px;
display:block;
padding-left:9px;
padding-right:5px
}


/*not selected*/

#mainRoundNav a{
text-decoration: none;
color: #000;
margin:0 5px;
padding-right:5px;
height:28px;
line-height:28px;
display:block;
float:left;
}

#mainRoundNav a span{
height:28px;
display:block;
padding-left:4px;
padding-right:5px
}

/*hover*/

#mainRoundNav a:hover{
color: #fff;
background:url('../images/mb_a.jpg') right top no-repeat;
}

#mainRoundNav a:hover span{
background:url('../images/mb_span.jpg') left top no-repeat;

}

/*lines*/


#mainRoundNav a.plain{
text-decoration: none;
color: #000;
background: none;
margin: 0;
padding: 0;
background: none;
cursor: pointer;
}


#mainRoundNav a.plain span.plain{
background: none;
margin: 0;
padding: 0;
cursor: pointer;
}

/************************************
TOP BOTTOM NAVIGATION
************************************/

.subNav  {
clear: both;
text-align: right;
color: #959595; 

}


.subNav ul li {
display: inline;
font-family: arial, verdana, sans-serif;
font-size: 1.1em;
padding-left: 2px;
padding-right: 2px;
}

.subNav ul li a {
text-decoration: none;
color: #959595;
}

/************************************
tel: 01227
************************************/

.tel {text-align: right; margin-top: -7px;}
.tel1 {font-weight: bold; color: #3e3e3e;}
.telNo{font-size: 20px; color: #008080;}



/************************************
HEADER IMAGE
************************************/

#mastHeader {
clear: both;
background-image: url('../images/mastHeader.jpg');
background-position: top center;
background-repeat: no-repeat;
height: 140px;
width: 918px;
margin-top: -10px;
padding-left: 8px;
}



/************************************
HOMEPAGE CONTENT
************************************/

#homepageHolder {
width: 908px;
margin-left: auto;
margin-right: auto;
}

#homepageColTop {
padding-top: 15px;
padding-bottom: 0px;

}

#homepageColTop .homepageColTop1 {
width: 350px;
float: left;
padding-right: 26px;
padding-left: 4px;
}

#homepageColTop .homepageColTop23Container {
width: 536px;
float: right;
margin-left: -8px;
}


#homepageColTop .homepageColTop3 {
width: 253px;
float: left;

}

#homepageColTop .homepageColTop2 {
width: 259px;
float: right;
}

/*********/

#homepageColBottom {
clear: both;
padding-top: 0px;

}

#homepageColBottom .homepageColBottom1 a {
text-decoration: none;
width: 347px;
height: 46px;
background-image: url('../images/callustoday.jpg');
background-repeat: no-repeat;
color: #fff;
font-size: 20px;
padding-top: 10px;
padding-left: 15px;
float: left;
}

#homepageColBottom .homepageColBottom23Container {
width: 540px;
float: right;
}


#homepageColBottom .homepageColBottom2 a {
text-decoration: none;
width: 253px;
height: 47px;
background-image: url('../images/findoutmore.jpg');
background-repeat: no-repeat;
color: #fff;
font-size: 12px;
padding-top: 9px;
padding-left: 15px;
float: left;
font-weight: bold;
}

#homepageColBottom .homepageColBottom3 a {
text-decoration: none;
width: 253px;
height: 47px;
background-image: url('../images/findoutmore.jpg');
background-repeat: no-repeat;
background-position: center top;
color: #fff;
font-size: 12px;
padding-top: 9px;
padding-left: 15px;
float: right;
font-weight: bold;
}

/*********/

.largehomepageHeader {
padding-bottom: 7px;
}

.homepageHeaderSmall {
position: relative;
bottom: -8px;
padding-bottom: 3px;
}

.largergreen {
font-size: 30px; 
color: #008080;
}

.largerblack {
font-size: 30px; 
color: #343434;
}

.large_header
{
	padding-bottom: 7px;
}

.large_header span
{
	font-size: 30px !important;
}

/************************************
DEFAULT LAYOUT
************************************/

#defaultContainer{
width: 906px;
margin-left: auto;
margin-right: auto;
padding-top: 25px;
}

#defaultLeft {
float: left;
width: 293px;
}

#defaultRight{
float: right;
width: 604px;
}

#defaultCasestudyLeft {
float: left;
width: 250px;
}

#defaultCasestudyRight{
float: right;
width: 604px;
}

.defaultHeaderRight {
padding-bottom: 8px;
}

#casestudyRight { width: 250px; float: right;}

#casestudyLeft {width: 350px; float: left;}



.para
{
	width: 100%;
	clear: both;
	padding-top: 15px;
}

.para div.x
{
	
	text-align: center;
	float: right;
	margin-bottom: 10px;
}

.para div.p
{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 0;
	padding-top: 0;
}

.para div.p img
{
	margin-left: 10px;
	margin-bottom: 10px;
}

.p_right div.x
{
	float: left;
}

.p_right div.p
{
	float: right;
	width: 40%;
}

.p_full div.p
{
	width: 100%;
}

div.p, div.x
{
	margin-top: 0;
	margin-bottom: 0;
}

.para ul li
{

}

/************************************
RESOURCE CENTER CONTENT
************************************/

#resourceLeft {
float: left;
width: 340px;
}

#resourceRight{
float: right;
width: 520px;
}

.resourceLoginContainer {
width: 600px;
}

/*********/

.specifier {
width: 290px;
float: left;
}

.contactor {
width: 290px;
float: right;
}

.specifierLogin{display:block}
.specifierLogin *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#d2e5e5}
.specifierLogin1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ebf3f3;
  border-right:1px solid #ebf3f3;
  background:#ddebeb}
.specifierLogin2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fafcfc;
  border-right:1px solid #fafcfc;
  background:#dae9e9}
.specifierLogin3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #dae9e9;
  border-right:1px solid #dae9e9;}
.specifierLogin4{
  border-left:1px solid #ebf3f3;
  border-right:1px solid #ebf3f3}
.specifierLogin5{
  border-left:1px solid #ddebeb;
  border-right:1px solid #ddebeb}
.specifierLoginfg{
  background:#d2e5e5;padding: 5px;}



.contractorLogin{display:block}
.contractorLogin *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ececec}
.contractorLogin1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6;
  background:#f0f0f0}
.contractorLogin2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#efefef}
.contractorLogin3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #efefef;
  border-right:1px solid #efefef;}
.contractorLogin4{
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6}
.contractorLogin5{
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0}
.contractorLoginfg{
  background:#ececec;padding: 5px;}



.contractorLoginfg input, .contractorLoginfg textarea, .specifierLoginfg input, .specifierLoginfg textarea {
background-color: white;
border: 1px solid #54a8a8;
padding: 2px;float: right;
}



.contractorLoginfg .submit, .specifierLoginfg .submit {
text-align: right;
}

.contractorLoginfg .submit input, .specifierLoginfg .submit input {
background-color: white;
border: 1px solid #54a8a8;
padding: 2px;
color: #54a8a8;
}

.registerMain {width: 290px;
margin-lefT: auto; margin-right:auto;
padding-top: 30px;}

.registerCont { width: 320px;}
.register{display:block}
.register *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#d2e5e5}
.register1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ebf3f3;
  border-right:1px solid #ebf3f3;
  background:#ddebeb}
.register2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fafcfc;
  border-right:1px solid #fafcfc;
  background:#dae9e9}
.register3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #dae9e9;
  border-right:1px solid #dae9e9;}
.register4{
  border-left:1px solid #ebf3f3;
  border-right:1px solid #ebf3f3}
.register5{
  border-left:1px solid #ddebeb;
  border-right:1px solid #ddebeb}
.registerfg{
  background:#d2e5e5; padding: 10px;}


.registerHeader {
	color: #616161;
	font-size: 16px;
	
}


.registerfg input, .registerfg textarea {
background-color: white;
border: 1px solid #54a8a8;
padding: 2px;

color: #000;
}

.submit input { color: #54a8a8; }



.registerfg .submit {


}


.alert {
color: #666666;
background-color:#ffffcc;
border-left:0px;
border-right:1px solid #EBEB8B;
border-top:0px;
border-bottom:1px solid #EBEB8B;
text-decoration:none;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
font-size: 11px;
color: #F12D2D;
}

.highlight {color: #000;}


.forgottenPassword {
width: 300px;
}
.forgotten{display:block}
.forgotten *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#d2e5e5}
.forgotten1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ebf3f3;
  border-right:1px solid #ebf3f3;
  background:#ddebeb}
.forgotten2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fafcfc;
  border-right:1px solid #fafcfc;
  background:#dae9e9}
.forgotten3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #dae9e9;
  border-right:1px solid #dae9e9;}
.forgotten4{
  border-left:1px solid #ebf3f3;
  border-right:1px solid #ebf3f3}
.forgotten5{
  border-left:1px solid #ddebeb;
  border-right:1px solid #ddebeb}
.forgottenfg{
  background:#d2e5e5; padding: 5px;}




.forgottenfg .submit {
text-align: right;
}

.forgottenfg .submit input, .forgottenfg input {
background-color: white;
border: 1px solid #54a8a8;
padding: 2px;
color: #54a8a8;
}


/************************************
MENU NAVIGATION STYLES
************************************/

/*** Long Nav ***/



.navLevel2 {
margin-left: 20px;
}

.navLevel3 {
margin-left: 30px;
}

.grey a {
color: #999898;
font-size: 12px;
}


.longNav {
background: transparent url('../images/rounded_long_top.jpg') no-repeat top left;
width: 273px;
background-color: #d1e5e4;
}

.longBottom {
background: transparent url('../images/rounded_long_bottom.jpg') no-repeat bottom left;
padding-left: 15px;
}


.longNavWhite {
background: transparent url('../images/rounded_long_top_white.jpg') no-repeat top left;
width: 273px;
background-color: #fff;
}

.longBottomWhite {
background: transparent url('../images/rounded_long_bottom_white.jpg') no-repeat bottom left;
padding-left: 15px;
padding-bottom: 2px;
}




.resourceNav {
background: transparent url('../images/rounded_resource_top.jpg') no-repeat top left;
width: 333px;
background-color: #d1e5e4;
}

.resourceBottom {
background: transparent url('../images/rounded_resource_bottom.jpg') no-repeat bottom left;
padding-left: 15px;
}


.resourceNavWhite {
background: transparent url('../images/rounded_resource_top_white.jpg') no-repeat top left;
width: 333px;
background-color: #fff;
}

.resourceBottomWhite {
background: transparent url('../images/rounded_resource_bottom_white.jpg') no-repeat bottom left;
padding-left: 15px;
padding-bottom: 2px;
}



.sectionNav {
background: transparent url('../images/rounded_sub_top.jpg') no-repeat top left;
width: 223px;
background-color: #d1e5e4;
}

.sectionBottom {
background: transparent url('../images/rounded_sub_bottom.jpg') no-repeat bottom left;
padding-left: 15px;
}

.sectionNavWhite {
background: transparent url('../images/rounded_sub_top_white.jpg') no-repeat top left;
width: 223px;
background-color: #fff;
}

.sectionBottomWhite {
background: transparent url('../images/rounded_sub_bottom_white.jpg') no-repeat bottom left;
padding-left: 15px;

}






.generalNav {
background: transparent url('../images/rounded_general_top.jpg') no-repeat top left;
width: 198px;
background-color: #d1e5e4;
}

.generalBottom {
background: transparent url('../images/rounded_general_bottom.jpg') no-repeat bottom left;
padding-left: 15px;
}

.generalNavWhite {
background: transparent url('../images/rounded_general_top_white.jpg') no-repeat top left;
width: 198px;
background-color: #ffffff;
}

.generalBottomWhite {
background: transparent url('../images/rounded_general_bottom_white.jpg') no-repeat bottom left;
padding-left: 15px;
}



/*********/

.greenTitle {
font-size: 20px; 
color: #008080;font-weight: lighter;
}

.blackTitle {
font-size: 20px; 
color: #343434;font-weight: lighter;
}

.black {
color: #000000;
}

.green {
color: #008080;
}


h3 {
font-size: 13px;
color: #000;
}

#house {text-align: center;}

/*********/

ul.greenlinks li {
list-style-type: none;
color: #616161;
background: url('../images/greenlist.gif') no-repeat 0px 6px;
margin-left: -25px;
padding-left: 10px;
}



ul.rightLinksGrey {
padding-left: 15px;
}


ul.rightLinksGrey li {
list-style-type: none;
color: #616161;
background: url('../images/greylist.gif') no-repeat 0px 6px;
margin-left: 0px;
padding-left: 10px;
padding-bottom: 2px;
}

ul.rightLinksGrey ul ul  {
margin-left: -20px;
}

ul.rightLinks
{
	width: 100%;
	clear: both;
	display: block;
	margin-top: 4px;
}

ul.rightLinks {
padding-left: 15px;
}


ul.rightLinks li {
list-style-type: none;
color: #616161;
background: url('../images/greenlist.gif') no-repeat 0px 6px;
margin-left: 0px;
padding-left: 10px !important;
clear: both;
width: 100%;
display: block;
float: left;
}

/*******SITE MAP*********/

ul.siteMap {
margin-top: -5px;
padding-left: 15px;
}


ul.siteMap li {
list-style-type: none;
color: #616161;
background: url('../images/greenlist.gif') no-repeat 0px 6px;
margin-left: 0px;
padding-left: 10px;
}

ul.siteMap li ul li {
background: url('../images/smallgreenlist.gif') no-repeat 0px 6px;

}

ul.siteMap li ul li ul {
margin-left: 0px;
}

ul.siteMap li ul li ul li {
background: url('../images/dash.gif') no-repeat 0px 6px;
}

/*******Contact Us*******/
.contact { padding-right: 5px; width: 330px;}
.contactForm{display:block}
.contactForm *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#eeeeee}
.contactForm1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7;
  background:#f2f2f2}
.contactForm2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f1f1f1}
.contactForm3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f1f1f1;
  border-right:1px solid #f1f1f1;}
.contactForm4{
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7}
.contactForm5{
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2}
.contactFormfg{
  background:#eeeeee;
padding: 10px;
padding-right: 10px;}

.contactText {
color: #008080;
font-size: 11px;
}

.contactTextBlack {
color: #000000;
font-size: 11px;
}

.contactFormfg input, .contactFormfg textarea {
background-color: white;
border: 1px solid #54a8a8;
padding: 2px;
}


.contactFormfg .submit, .registerfg .submit  {
text-align: right;
}

.contactFormfg .submit input{
background-color: white;
border: 1px solid #54a8a8;
padding: 2px;
color: #54a8a8;

}





/***********/

.rightFooter {
color: #000000;
}


.rightFooterBlack {
text-decoration: underline;
color: #000000;
}


/**back buttons**/
.back {
float: right;
clear: both;
text-align: right;
}
.backLeft {
float: left;
clear: both;
text-align: right;
}
.backTo{display:block;

}
.backTo *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#eeeeee}
.backTo1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7;
  background:#f2f2f2}
.backTo2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f1f1f1}
.backTo3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f1f1f1;
  border-right:1px solid #f1f1f1;}
.backTo4{
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7}
.backTo5{
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2}
.backTofg{
  background:#eeeeee;

padding-right: 5px;
padding-left: 5px;
}



/************************************
FOOTER
************************************/


#footer {
clear: both;
width: 908px;
margin-left: auto;
margin-right: auto;
padding-top: 50px;
padding-bottom: 10px;
color: #898989;
padding-left: 6px;
}

#footer .seo {
width: 840px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.seogreen {
color: #008080;
}

.seogrey {
color: #898989;
}

a.sitemap {
color: #008080;
text-decoration: underline;
font-size: 13px;
}
a.sitemap:hover {
text-decoration: none;
}

.footerFooter {
margin-top: 10px;
border-top: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3;
height: 58px;
}

.footerFooter .left {
background-image: url('../images/logos.jpg');
background-repeat: no-repeat;
background-position: top;
width: 325px;
height: 58px;
float: left;
}


.footerFooter .right {
float: right;
font-size: 11px;
text-align: right;
}

a.footerMedia {
color: #008080;
text-decoration: none;
}
a.footerMedia:hover {
text-decoration: underline;
}

a.footerScribbles {
color: #fe832f;
text-decoration: none;
}
a.footerScribbles:hover {
text-decoration: underline;
}

#dummy_element {visibility: hidden;}
.form_errors {color: red; font-size: 0.9em;} 

.wordwrap
{
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}


#defaultRight ul
{

	margin-bottom: 5px;
	display: block;
	padding: 5px;
}

#defaultRight ul li
{
}




#defaultRight, .para ul, #defaultRight ul ul, .para ul ul,  #defaultRight ul li, .para ul li
{
	list-style: none !important;
}

#defaultRight ul ul, .para ul ul
{
	margin-left: 15px;
}

#defaultRight ul li div, .para ul li div
{

}

#defaultRight ul li ul, .para ul li ul, #defaultRight ul li ul li ul, .para ul li ul li ul
{
	padding: 0;
}

.para ul { clear: both; }

/*.p_right p { clear: none; }

.p_right ul, .para ul { clear: none; width: 220px;}

.p_right ul li div { float: none; }*/

.para li, .para li div { width: auto; }

.para li div
{
	clear: both;
	padding-top: 0;
	float: none;
	text-align: left;
	margin-bottom: 5px;
}



li.bullet_me
{
	padding-left: 15px;
	background: url(../images/grey_bullet.gif) no-repeat left -6px #FFF;
}

li.bullet_me div
{
	background: none;
}


#generaldivNavigation .rightLinks, #generaldivNavigation .rightLinks li
{
	width: auto;
}

.sectionNavWhiteSub
{
	overflow: auto;
	background: none;
	font-size: 0.94em;
	line-height: 1.5em;
	padding-bottom: 0.2em;
}

.WhiteSubEnd
{
	display: block;
	background: url(../images/sub_keyline.gif) no-repeat 12px 0px;
	padding-bottom: 0.3em;
	width: 80%;
	height: 1px;
	overflow: hidden;
	display: block;
	clear: both;
}

.sectionNavWhiteSub ul
{
	margin-left: 0.5em !important;
}

.sectionNavWhiteSub ul li
{
	background: no-repeat -4px 1px url(../images/rounded_sub_top_white.jpg) !important;
}