html {


	background: #f5fafe;
}
html, body {
	color: #333;
	margin: 0pt;
	padding: 0pt;
}
body {
	background: #f5fafe url('../images/layout/skyfade.png') 0 -10px repeat-x;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	overflow-x: hidden;
  color: #333;
}

p {
  line-height: 145%;
  margin-bottom: 12px;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

a {
  cursor: pointer;
  border-width: 0;
}

a img {
	border: 0pt none;
}
.clearfix {
	clear: both;
}

.imagel {
  float: left;
  margin: 0 12px 12px 0;
}

.imager {
  float: right;
  margin: 0 0 12px 12px;
}

.norm {
	font-size: 13px;
	color: #000;
}
.norm ul {
	font-size: 13px;
}
a, a.norm {
	color: #009b40;
	text-decoration: underline;
}
a:hover, a.norm:hover {
	color: #4e7f3a;
	text-decoration: underline;
}

.rounded {
  -moz-border-radius: 9px;
  border-radius: 9px;
}

/** Layout */

#clouds{
  position:absolute;
  z-index:1;
  top:0px;
  left:0px;
  margin: 0;
  padding: 0;
  width:100%;
  float: left;
  height:600px;
  /*background: url('../images/layout/cloud2.png') 0 0 no-repeat;*/

}

#clouds2 {
  position:relative;
  z-index:2;
  top:0px;
  left:0px;
  margin: 0;
  padding: 0;
  width:640px;
  float: left;
  height:554px;
  /*background: red;*/
}


#clouds2 img {
  position:absolute;
  z-index:1;
  top:0px;
  left:0px;
  margin: 0;
  padding: 0;
  width:640px;
  height:554px;
  float: left;
}


#content, #topbar {
	clear:both;
	float:left;
	width:100%;
}

#content2, #topbar2 {
	overflow:hidden;
	position:relative;
	width:960px;
	margin: 0 auto;
}

#content{
	padding-bottom: 100px;
	min-height: 300px;
	z-index: 100;
}
#content2 {
	margin: 20px auto 0 auto;
	z-index: 100;
}


#content ul li {
  list-style-type: disc;
  margin-left: 16px;
  line-height: 145%;
  margin-bottom: 12px;
}


#content ul.menu li, li.menuitem {
  list-style-type: none;
  list-style: none;
}



div#topbar {
	height: 100px;
	background: url('../images/layout/whitesmoke3.png') 0 0 repeat;
	margin-bottom: 20px;
	text-align: right;
}
div#topbar2 {
	text-align: right;
	padding: 0;
	height: 100px;
}

#logo {
	float: left;
	margin: auto;
	height: 100px;
}

#logo a {
  margin: 10px 0 15px 0;
  display: block;
}

div.master_header {
	clear:both;
	float:left;
	width:100%;
}
div#master_header_inner {
	margin:0 auto -70px auto;
	overflow:hidden;
	position:relative;
	width:960px;
	top: -70px;
	z-index: 10;
	background: url('../images/layout/greensmoke.png') 0 0 repeat;
}
div#master_header_inner2 {
	padding: 6px 20px;
	height: 56px;
}
#contact_info {
	float: right;
	font-size: 10pt;
	padding: 0;
	color: #009b40;
	padding: 10px 0 0 0;
}
#contact_info a {
	font-size: 10pt;
	color: #009b40;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
}

a#greenman {
  background: url('../images/layout/user_comment_green2.png') 0 1px no-repeat;
}

a#greenman:hover {
  background: url('../images/layout/user_comment_green.png') 0 0 no-repeat;
}

/********************************
			MENUS
/********************************/

#global_nav {
	float: right;
	padding: 0;
	color: #009b40;
	position: absolute;
	right: 0px;
	top: 55px;
	text-align: center;
}

#global_nav li {
  float: left;
  display: block;
  margin: 0 0 10px 0;
}

#global_nav a {
	display: block;
  float: left;

  height:18px;
	line-height: 18px;

	padding: 3px 0 6px 0;
/*  margin: 0 2px 10px 0;*/
  margin: 0 2px 0 0;

	color: #009b40;
	text-decoration: none;
  text-transform: uppercase;
	text-align: center;

	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 14px;
}

#global_nav a {

}

#global_nav a:hover {
	color: #fff;
}

#global_nav a span {
	display: block;
	float: left;
  padding: 0 20px;
	height: 26px;
	line-height: 26px;
}

#global_nav a:hover span,
#global_nav a:active span,
#global_nav li.active a span
{
  background: #009b40;
  color: #fff;
}



#footer_nav ul {
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
}

/********************************
			Split Nav
/********************************/


#splitnav {
	/*background: url('../images/layout/widebox_bg.png') repeat scroll 0% 0% transparent;*/
	background: #ecf6fd;
  /*min-height: auto;*/
  height: auto;
  -moz-border-radius: 9px;
  border-radius: 9px;
  margin-bottom: 24px;
}

#splitnav .info-container {
  padding: 12px;
}


#splitnav ul li a {
  height: 42px;
  line-height: 42px;
  font-size: 18px;
  text-decoration: none;
  padding: 0;
  text-transform: uppercase;
  color: #009b40;
  display: block;
  float: left;
	font-weight: bolder;
  width: 100%;
  letter-spacing: 0.0875em;
}

#splitnav ul li li a {
  margin-left: 32px;
  font-size: 14px;
  line-height: 32px;
  height: 32px;
  float: left;
  text-transform: capitalize;
  font-weight: normal;
  letter-spacing: normal;
}

#splitnav ul li li a:hover {
	background: transparent;
	color: #000;
}

#splitnav ul li.active li a {
	background: transparent;
}

#splitnav ul li.active li.active a {
	color: #333;
}

#splitnav ul li a span {
  padding-left: 24px;
}

#splitnav ul li li a span {
  padding-left: 24px;
}

#splitnav ul li a:hover
{
	background: url('../images/layout/weather_clouds.png') 16px 12px no-repeat;

}

#splitnav ul li.active a {
	background: #FFEE88 url('../images/layout/weather_cloudy.png') 16px 12px no-repeat;
}


/********************************
			HOMEPAGE BANNER
/********************************/

#herobox {
	clear:both;
	float:left;
	width:100%;
	height: 240px;
	overflow: hidden;
}
#herobox2 {
	width: 960px;
	height: 240px;
	position: relative;
	margin: 0 auto;
	text-align: right;
	overflow: hidden;
}

#herobox2 div.slide {
	height: 240px;
	overflow: hidden;
}

#herobox2 img.pic {
	width: 960px;
}

html > body #herobox h1,
#herobox h1
{
	position: absolute;
	right: 20px;
	top: 80px;
	border: 0pt none;
	color: #fff;
	font-size: 24px;
	z-index: 1000000;
}

div.master_header div.master_header_nav {
	position: absolute;
	bottom: 19px;
	left: 20px;
	right: 20px;
	color: #fff;
	font-size: 16px;
}
div.master_header_nav a, div.master_header_nav a:active, div.master_header_nav a:visited {
	color: #fff;
	text-decoration: none;
	border-width: 0pt;
	font-weight: bold;
	font-size: 13px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	background: #009b40 url(../images/layout/leaf_16_ffff99.png) 6px 5px no-repeat;
	padding: 2px 6px 4px 30px;
	margin-left: 15px;
}
div.master_header_nav a:hover {
	color: #ffff99;
	text-decoration: none;
	border-width: 0pt;
}
div.master_header_nav a.learnmore {
	color: #ffee88;
	font-size: 24px;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-variant:small-caps;
	background: #009b40;
	height: 24px;
	line-height: 24px;
	padding: 2px 6px;
	margin: 0;
}


/********************************
			INFO BOX
/********************************/


.info-box {
	position: relative;
	background: url('../images/layout/widebox_bg.png') repeat scroll 0% 0% transparent;
	width: 310px;
	float: left;
	margin: 0pt 0pt 30px 7px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

.info-container {
	position: relative;
	padding: 0pt 15px;
	clear: both;
}
.info-container h2 {
	font-size: 1.4em;
	margin: 15px 0pt;
}
.info-container h3 {
	font-size: 1.2em;
	margin: 15px 0pt;
	font-weight: bolder;
}

.info-container .heading {
	height: 36px;
	padding: 36px 6px 24px 6px;
	display: block;
	color: #fff;
	margin-bottom: 15px;
}
.info-container .heading h2 {
	color: #fff;
	font-weight: bolder;
	font-size: 30px;
}



.info-container .heading {
  /*height: 120px;*/
  height: auto;
  padding: 0;
  margin: 15px 0;
  width: auto;
  border: solid 1px #ccc;
	background: url('../images/layout/masthead/services.jpg') 0 0 no-repeat;
}

.info-container .heading h2 {
  background: url('../images/layout/blacksmokegradesmall.png') bottom left repeat-x;
  color: #fff;
  padding: 6px 12px;
  width: auto;
  margin: 32px 0 0 0;
  font-size: 24px;
}


/* special stying for HOME info-boxes */

#content .home .info-box { min-height: 100px; }

#info-airduct .heading {
	background: url('../images/layout/info-airdduct_new.jpg') 0 0 no-repeat;
}

#info-carpet .heading {
	background: url('../images/layout/berber_new.jpg') 0 0 no-repeat;
}

#info-mold .heading {
	background: url('../images/layout/info-mold_new.jpg') bottom left no-repeat;
}


#info-contact .heading {
	background: url('../images/layout/info-contact.jpg') 0 0 no-repeat;
}

#widebox {
  float: right;
  width: 620px;
  min-height: 300px;
	background: url('../images/layout/widebox_bg.png') repeat scroll 0% 0% transparent;
}

#content .home {
	background: url('../images/layout/bg_col_equal.png') 0 0 repeat;
}

#content .home .info-box {
	background: transparent;
}

/********************************
			INTERIOR PAGES
/********************************/

#widebox .heading {
  /*height: 120px;*/
  height: auto;
  padding: 0;
  margin: 15px 0;
  width: auto;
  border: solid 1px #ccc;
	background: url('../images/layout/masthead/services.jpg') 0 0 no-repeat;
}

#widebox div.heading h2 {
  padding: 0 12px;
  width: auto;
  margin: 64px 0 0 0;
  line-height: 64px;
  background: url('../images/layout/blacksmokegrade.png') bottom left repeat-x;
  color: #fff;
  font-size: 30px;
}


/********************************
			BOTTOM
/********************************/

#bottom-container {
	background: none repeat scroll 0% 0% rgb(78, 127, 58);
	width: 100%;
	margin-top: 15px;
}
#bottom-container a {
	color: #fff;
	text-decoration: none;
}
#bottom-container a:hover {
	text-decoration: underline;
}

#bottom-hills {
	position: absolute;
	bottom: 360px;
	left: 0;
	width: 100%;
	height: 297px;
	background: transparent url('../images/layout/rollinghills.png') 0 0 repeat;
	z-index: 1;
}
#skylinecontainer {
	position: absolute;
	bottom: 360px;
	left: 0;
	width: 100%;
	height: 297px;
	float: left;
	z-index: 0;
	/*background: red;*/
}
#skylinecontainer2 {
	position: relative;
	/*left: 50%;*/
	right: 0;
	width: 100%;
	height: 297px;
	margin: 0 auto;
	background: url('../images/layout/skyline_op_blue.png') top right no-repeat;
	z-index: 0;
}

/********************************
			BOTTOM > FOOTER CONTAINER
/********************************/

#footer-container {
	width: 960px;
	text-align: left;
	margin-left: 20px;
	height: 320px;
	position: relative;
	font-size: 9pt;
	line-height: 16pt;
	padding: 20px 0;
}

.footer-column {
	float: left;
	margin-left: 0px;
	width: 190px;
}
#foot-highlight {
	background: url('../images/layout/bg_moo_ectools.gif') no-repeat scroll 0% 0% transparent;
	height: 180px;
	padding: 10px;
	width: 178px;
}

#foot-highlight h3 {
	color: #ffff99;
	font-weight:900;
}

#copyright {
	color: #ffff99;
}

#bottom-container .footer-column ul
#bottom-container .footer-column ul li
{
	list-style: none;
	list-style-type: none;
}

#bottom-container .footer-column a {
	text-decoration: none;
}

#bottom-container .footer-column a:hover {
	color: #ffff99;
}

#bottom-container .footer-column ul li a {
	padding: 0 6px;
	display: block;
}

#bottom-container .footer-column ul li a:hover {
	color: #009b40;
	background: #ffff99;
}

#footer-bottom {
	position: absolute;
	left: 0px;
	top: 160px;
}
#footer-social {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 12px;
}

/********************************
			CONTACT US FORM
/********************************/

#info-contact #contactForm label {
  display: block;
  float: left;
  text-align: right;
  width: 100px;
  margin: 6px 6px 0 0;
  font-weight: bolder;
  color: #009b40;
  font-size: 12px;
}

#info-contact #contactForm input,
#info-contact #contactForm select,
#info-contact #contactForm textarea
{
  display: block;
  float: left;
  width: 160px;
  padding: 3px;
  margin-bottom: 6px;
}


#info-contact #contactForm select
{
  width: 168px;
}



input#submit {
  display: block;
  float: right;
  width: auto;
  height: 24px;
  margin: 6px 6px;
  border: solid 1px #148a4d;
  padding: 3px 6px 2px 6px;
  background: url('../images/layout/button_bg.gif') 0 0 repeat-x;
  text-decoration: none;
  color: #FFEE88;
  font-weight: bolder;
  text-transform: uppercase;
}

/********************************
			TYPOGRAPHY
/********************************/