@charset "utf-8";
/* CSS Document */


body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td { margin:0px; padding:0px;}
p, h1, h2, h3, h4, h5{ font-family:Arial, Helvetica, sans-serif;}
#wrapper{
	width:980px;
	height:auto;
	text-align:center;
	margin:21px auto;
}
#contentwrap{ background:url(images/bg-contentwrap.jpg) repeat-y; width:870px; height:auto; float:left; margin-left:52px; display:inline; }
body{ background: #242724 url('images/bg-main.jpg') repeat-x center top ;}

img, div, a, input { behavior: url(iepngfix.htc) }


/*HEADER=============*/
#headerwrap{ background:url(images/bg-top-header.jpg) no-repeat; float:left; width:872px; height:94px; padding:36px 54px 0 54px; text-align:left;}
.logowrap{ width:230px; height:auto; float:left;}

.navwrap{ width:600px; height:auto; float:right; margin-right:15px;}
ul.navlist{ float:right; margin-left:15px; text-decoration:none;}
ul.navlist li{ float:left; list-style:none; padding-left:19px; font: bold 12px arial, sans-serif, impact; color:#393838; text-decoration:none; }
ul.navlist li a{ display:block; height:20px; color:#393838; text-decoration:none; padding-top:5px;}
ul.navlist li a:hover { color:#FFFFFF;}

.home{ background:url(images/nav.jpg) 0 0 no-repeat;  color:#FFFFFF}
.dupage-diff{ background:url(images/nav.jpg) -47px 0 no-repeat; width:130px;}
.services{ background:url(images/nav.jpg) -181px 0 no-repeat; width:63px;}
.customer-partnership{ background:url(images/nav.jpg) -246px 0 no-repeat; width:134px;}
.maintenance{ background:url(images/nav.jpg) -382px 0 no-repeat; width:79px;}
.go-green{ background:url(images/nav.jpg) -464px 0 no-repeat; width:63px;}
.contacts{ background:url(images/nav.jpg) -529px 0 no-repeat; width:72px;}


.home22{ background:url(images/nav.jpg) 0 0 no-repeat; width:46px; color:#FFFFFF}
.dupage-diff22{ background:url(images/nav.jpg) -47px -25px no-repeat; width:131px; color:#FFFFFF}
.services22{ background:url(images/nav.jpg) -181px -25px no-repeat; width:63px; color:#FFFFFF}
.customer-partnership22{ background:url(images/nav.jpg) -246px -25px no-repeat; width:134px; color:#FFFFFF}
.maintenance22{ background:url(images/nav.jpg) -382px -25px no-repeat; width:79px; color:#FFFFFF}
.go-green22{ background:url(images/nav.jpg) -464px -25px no-repeat; width:63px; color:#FFFFFF}
.contacts22{ background:url(images/nav.jpg) -529px -25px no-repeat; width:72px; color:#FFFFFF}

.home:hover{ background:url(images/nav.jpg) 0 -25px no-repeat; width:43px;}
.dupage-diff:hover{ background:url(images/nav.jpg) -51px -25px no-repeat; width:123px;}
.services:hover{ background:url(images/nav.jpg) -181px -25px no-repeat; width:60px;}
.customer-partnership:hover{ background:url(images/nav.jpg) -246px -25px no-repeat; width:130px;}
.maintenance:hover{ background:url(images/nav.jpg) -382px -25px no-repeat; width:77px;}
.go-green:hover{ background:url(images/nav.jpg) -464px -25px no-repeat; width:60px;}
.contacts:hover{ background:url(images/nav.jpg) -529px -25px no-repeat; width:71px;}

.home2{ background:url(images/nav.jpg) 0 -25px no-repeat; width:43px;}
.dupage-diff2{ background:url(images/nav.jpg) -51px -25px no-repeat; width:123px;}
.services2{ background:url(images/nav.jpg) -181px -25px no-repeat; width:60px;}
.customer-partnership2{ background:url(images/nav.jpg) -246px -25px no-repeat; width:130px;}
.maintenance2{ background:url(images/nav.jpg) -382px -25px no-repeat; width:77px;}
.go-green2{ background:url(images/nav.jpg) -464px -25px no-repeat; width:60px;}
.contacts2{ background:url(images/nav.jpg) -529px -25px no-repeat; width:71px;}



/*BANNER=============*/
#bannerwrap{ background:url(images/banner.jpg) no-repeat; float:left; width:870px; height:191px; margin-left:52px; display:inline;}
.bannertxtleft{ width:385px; height:auto; float:left; color:#FFFFFF; text-align:right;  margin:0px 0 0 20px; display:inline;}
.bannertxtright{ width:333px; height:auto; float:right; margin:0px 50px 0 0; text-align:left; display:inline; color:#FFFFFF; text-align:center; }
.bannertxtright span{ color:#ffdb19;}
.bannertxtright p { font:Helvetica;}

/*SIDE CONTENT=============*/
#sidecontentwrap{ background:url(images/bg-side-content.jpg) repeat-y; width:300px; height:auto; float:left; padding-bottom:20px; }

.contactformwrap{ width:299px; height:auto; float:left; text-align:left;  display:inline; color:#545451; font-size:12px;}
.contacttitle{ color:#0d3c0a; font-size:22px; margin-bottom:10px;}

.textboxwrap{ width:200px; height:auto; float:left; margin-left:5px; display:inline;}

.textboxtop{ background:url(images/textbox-top.jpg) no-repeat; width:216px; height:5px;  float:left;}
.textboxmid{ background:url(images/textbox-mid.jpg) repeat-y; width:216px; height:auto; float:left; padding:0 5px 0 5px;}
* html .textboxmid{ margin-top:-15px;}
.textboxbottom{ background:url(images/textbox-bottom.jpg) no-repeat; width:216px; height:3px; float:left;}
.textbox{ border:0px; width:200px; height:20px;}
.textmsg{ border:0px; width:200px; height:155px; overflow:hidden;}
.btnsubmit{ margin:10px 0 0 0;}
.btnsubmit2 {margin:10px 0 0 0;}
* html .btnsubmit{ margin-top:-1px;}
* html .contactinfotxt1 { margin-bottom:15px;}
.divider{ background:url(images/divider.jpg) repeat-x; width:280px; height:2px; margin-left:10px;}

.serviceswrap{ width:200px; height:auto; float:left;  display:inline; margin-top:25px;}
.servicestop{ background:url(images/bg-services-top.png) no-repeat; width:262px; height:43px;  padding:9px 0 0 20px; text-align:left; color:#FFFFFF; font-size:20px; margin-left:10px; text-transform:uppercase;}
.servicestop p { margin-left:-5px; font-size:19px; margin-top:3px;  text-transform:none; font-family:Arial, Helvetica, sans-serif;}
.serviceslistwrap{ background:url(images/bg-services-right.jpg) right repeat-y; width:267px; height:auto; float:left; margin-left:14px; display:inline; margin-top:-9px; }
.serviceslist{ background:url(images/bg-services-mid.jpg) bottom #d7d4d7 repeat-x; width:266px; height:auto; float:left; padding-bottom:10px; margin-left:6px;}

.servicesbottom{ background:url(images/bg-services-bottom.png) no-repeat; width:266px; height:13px; float:left; margin-left:20px;  display:inline;}
* html .servicesbottom { margin-left:23px;}
.bulletlistwrap{ background:url(images/bullet-services.png) 0 6px no-repeat;  text-align:left; margin-left:15px; width:200px; padding-left:18px; font-size:18px; margin-top:10px;}

* html .servicestxt1 { margin-top:-5px; margin-bottom:5px;}
.servicestxt1 {position: relative; left: 1px; top: 1px; color:#ffffff; font-weight: bold;}
.servicestxt2 {position: absolute; left: -1px; top: -1px; color: #393939;}

.contactinfowrap{ width:280px; height:auto; float:left; margin:20px 5px 0 5px; display:inline; text-align:left;}
* html .contactinfowrap{ margin-top:-7px;}
/*.contactinfoleft{ background:url(images/bg-contact-info-left.png) no-repeat; float:left; width:11px; height:466px; float:left;}
.contactinfomid{ background:url(images/bg-contact-info-mid.png) repeat-x; float:left; width:260px; height:466px;}
.contactinforight{ background:url(images/bg-conntact-info-right.png) no-repeat; float:left; width:12px; height:466px;}

*html .contactinforight { margin-left:-10px;}*/
.contactinfoleft { background:url(images/bg-contact-us.png) no-repeat; width:290px; height:465px;}
.contactinfotxtwrap{ width:250px; height:auto; float:left; margin:25px 0 0 20px; display:inline;}
.contactinfotitle{ font-size:18px; color:#df7300; margin-bottom:10px; margin-top:15px;}
.contactinfotxt1{ font-size:12px; color:#215F1C;  padding-top:15px;  width:245px; margin-left:5px; border-bottom:#353535 solid 1px; padding-bottom:20px;   }
#contactinfotxt23{ font-size:15px; color:#457842; font-weight:bold; }
.contactinfotxt2{ font-size:14px; color:#457842; font-weight:bold;  width:260px; margin-bottom:5px; margin-top:10px;}
.contactinfotxt3{ font-size:14px; color:#ffffff;  border-bottom:#353535 solid 1px; padding-bottom:20px; }
.contactinfotxt3 a{ color:#78c473;}


.span-span-span { color:#215F1C;} 
.bot-contact-us span.contactinfotxtspan1{ font-size:13px; color:#457842; font-weight:bold;}
.bot-contact-us span.contactinfotxtspan2{ font-size:21px; color:#fff; }

/*MAIN CONTENT=============*/
#maincontentwrap{ background:url(images/bg-content.jpg) top #ffffff repeat-x;  height:auto; float:right;}

.contenttxt{ font-size:12px; text-align:left; width:580px; height:auto; float:left; padding:16px;}
.contenttxt h1{ color:#000; font-size:18px; font-weight:bold; text-transform:uppercase;}
.contenttxt p{ margin-top:15px; line-height:20px; color:#545451}
.contenttxt p a{ color:#20651b; font-weight:bold}

.boxmodelwrap{ width:437px; height:auto; float:left; margin-top:20px; margin-left:50px; margin-bottom:30px; }
.boxmodeltop{ background:url(images/bg-model-box-top.jpg) no-repeat; float:left; width:437px; height:18px;}
.boxmodelmid{ background:url(images/bg-model-box-mid.jpg) bottom repeat-x; float:left; width:435px; height:auto; border-left:#cdcdcd solid 1px; border-right:#cdcdcd solid 1px;}
.boxmodelbottom{ background:url(images/bg-model-box-bottom.jpg) no-repeat; float:left; width:437px; height:18px;}
.boxmodeltxt{ padding:0 15px 0 15px;}
.boxmodeltxt h3{ font-size:18px; color:#656565;}

/*FOOTER=============*/
#footerwrap{ width:870px; height:100px; float:left; margin-left:52px; display:inline; color:#ededed; text-align:left;}
.footerleft{ background:url(images/bg-footer-left.jpg) no-repeat; float:left; width:18px; height:93px;}
.footermid{ background:url(images/bg-footer-mid.jpg) repeat-x; float:left; width:834px; height:93px;}
.footerright{ background:url(images/bg-footer-right.jpg) no-repeat; float:left; width:18px; height:93px;}
.footertxt{ padding:10px 10px 10px 10px; font-size:14px;}
.footertxt a{ font-size:13px; color:#FFFFFF; margin-right:13px; text-decoration:none;}
.footertxt a:hover{text-decoration:underline;}


/*banner additional=============*/

.bannertxtleft p.innovations  { font: bold 30px Arial, Helvetica, sans-serif; color:#49a942;  text-align:left; margin-left:40px;  }
.bannertxtleft p.technology	{  font: bold 30px Arial, Helvetica, sans-serif; color:#ffcc99; margin-right:60px; }
.bannertxtleft p.partnership {  font: bold 30px Arial, Helvetica, sans-serif; color:#fff;  text-align:left; margin-left:40px;}


.contactphone { color:#0D3C0A; font-size:16px; margin-bottom:15px; margin-top:-10px; }
.contactphone a { text-decoration:none; color:#0D3C0A;}
#maincontentwrap .contenttxt h2 { font-size:15px; padding:15px 0 0 0; color:#66ac47;  }

.services-center ul { list-style:none; }
.services-center ul li { padding:15px 0 0 0; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#0D3C0A; }
.services-center ul li a { text-decoration:none; color:#0D3C0A;}
.services-center ul li a:hover { color:#0066CC;}
.maintenance-li {width:300px;}
.maintenance-li ul { list-style:none;  }
.maintenance-li ul li { background:url(images/bullet-maintenance.png) no-repeat 2px 5px; padding:0 5px 0 13px; }
.maintenance-li p.text-for-me { margin-bottom:-10px; font-weight:bold; }
.maintenance-li p.text-for-me2 { margin-bottom:-10px; font-weight:bold; width:300px; text-align:justify; }
.left-in-maintenance { float:left; margin-right:5px; width:190px;}

.left-in-maintenance ul { list-style:none; margin-top:15px;}
.left-in-maintenance ul li { background:url(images/bullet2-maintenance.png) no-repeat 2px 1px; padding:0 0 0 18px;}

.left-in-maintenance3 { float:left; margin-right:5px; width:280px;}

.left-in-maintenance3 ul { list-style:none; margin-top:15px;}
.left-in-maintenance3 ul li { background:url(images/bullet2-maintenance.png) no-repeat 2px 1px; padding:0 0 0 18px;}


.maintenance-li p.text-for-me2 { margin-bottom:-50px; }
.left-in-maintenance2 {float:left; }
.left-in-maintenance2 ul { list-style:none; margin-top:15px;}
.left-in-maintenance2 ul li { background:url(images/bullet2-maintenance.png) no-repeat 2px 1px; padding:0 0 0 18px;}
.banner-contact { background:url(images/banner-contact.png) no-repeat; width:458px; height:65px;}



.go-green-bg { background:url(images/earth-save.jpg) no-repeat 0px 10px; width:480px; height:480px; float:right;}



.contactinfotxt11{ color:#66AC47; font-weight:bold;  margin-bottom:5px; font-size:13px; color:#215F1C;  width:250px;}
.contactinfotxtspan11  { font-size:18px; color:#66AC47;}

.contactphone2 { color:#0D3C0A; font-size:16px; margin-bottom:15px; margin-top:-10px; }
.contactphone2 a { text-decoration:none; color:#66AC47;}
.textboxwrap a.email { text-decoration:none; color:#66AC47; font-size:16px;}
.bottom-nav {padding-top:100px; font:18px Arial, Helvetica, sans-serif;}
.bottom-nav ul { list-style:none;}
.bottom-nav ul li { background:url(images/bullet-maintenance.png) no-repeat 2px 5px; padding:0 5px 0 20px;}
.bottom-nav a { text-decoration:none; color:#333333 }
.listbox-contact { width:208px;}
.bot-contact {
	
	width:500px;
	height:78px;
	margin:0 auto;
	margin-top:13px;
	margin-bottom:2px;
}
.phone-holder { background:url(images/phone-holder.png) no-repeat 15px 0;  height:115px; padding-left:5px; padding-bottom: 10px;}

#bottom-green-text p{ line-height:5px; margin-top:30px;}
.image-contact { margin-top:30px; }
.bg-for-side { background:url(images/side-repeater.png) no-repeat; width:295px; height:464px;}
span.span-id-h1 { font:18px Arial, Helvetica, sans-serif; font-weight:normal}

.banner-sign-in { margin-top:165px; height:20px; width:410px; margin-left:440px; margin-right:20px;}
.banner-sign-in p { font:bold 12px Arial, Helvetica, sans-serif; color:#d1d5a9; float:right;}
#inputform {background:transparent url(images/textbox-top.png) no-repeat scroll 0 0;
color:#666666;
float:left;
height:16px;
width:115px;
margin-left:5px; border: 0 none; padding:2px 5px;  }
.client-text { 
font:bold 15px Arial, Helvetica, sans-serif;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-top:2px;
}

.go-got-top {}
.bot-contact-us { background:url(images/bot-contact-info.png) no-repeat; widows:490px; height:194px; margin-left:20px;}
.bot-contact-us p.tops-text { font:16px Arial, Helvetica, sans-serif; color:#DF7300;  }
.bot-contact-us .border-text {border-right:2px solid #333333; padding-right:5px;}
.table-bot { margin-left:10px;}
* html .table-bot { margin-top:10px;}
#title1 { font: bold 14px Arial, Helvetica, sans-serif; color:#457842;}
.contact-img {margin-top:20px;  }
p.below-the-van {margin-top:20px; font-size:15px; line-height:30px; text-align:justify; color:#545451}
.img-maintenace { padding:10px 0 0 20px }
.img-maintenance1 {padding: 10px 35px 0 0;}
.bg-contact-contact-page {background:url(images/contact-top.png) no-repeat;	width:516px; margin-top:35px; margin:0 auto; padding-top:100px; padding-bottom:10px; }
.text-contact22 { color:#FFFFFF; font-weight:bold; font-size:14px;}
.go-green-li ul { list-style:none; }
.go-green-li li p { font:bold 13px Arial, Helvetica, sans-serif; line-height:10px;}
.go-green-li2 ul { list-style:none; }
.go-green-li2 li { background:url(images/arrow-list-maintenance.jpg) no-repeat 0 6px; padding:0 0 0 20px; }
.go-green-li2 li p { font: 13px Arial, Helvetica, sans-serif; line-height:18px; text-align:left;}

#naviwrap { float:right; width:600px;  }
#naviwrap ul { list-style:none; }
#naviwrap ul li { float:left; padding: 3px 8px 0 8px; font: bold 12px arial;   }

#naviwrap ul li a { text-decoration:none; height:35px; width:600px; }
#naviwrap ul li a:hover { color:#FFFFFF; }
#home11 a {width:45px; height:35px; padding:8px 6px 8px 6px; color:#383838;   }
#home11 a:hover { background:url(images/bg-home.png) no-repeat 0px 0px; width:45px; height:30px; padding:5px 6px 5px 6px; }
#dupagediff11 a {width:149px; height:30px; padding:5px 9px 5px 9px; color:#383838;    }
#dupagediff11 a:hover { background:url(images/bg-dupage-diff.png) no-repeat 0px 0px; width:149px; height:35px; padding:5px 9px 5px 9px; color:#383838;   }
#service11 a {width:65px; height:35px; padding:5px 9px 5px 7px; color:#383838;   }
#service11 a:hover { background:url(images/bg-service.png) no-repeat 0px 0px; width:65px; height:35px; padding:5px 9px 5px 7px; color:#383838;   }
#maintain11 a {width:84px; height:35px; padding:5px 8px 5px 5px; color:#383838;   }
#maintain11 a:hover { background:url(images/bg-maintenance.png) no-repeat 0px 0px; width:84px; height:35px; padding:5px 8px 5px 5px; color:#383838;   }
#green11 a {width:65px; height:35px; padding:5px 7px 5px 6px; color:#383838;   }
#green11 a:hover { background:url(images/bg-gogreen.png) no-repeat 0px 0px; width:65px; height:35px; padding:5px 7px 5px 6px; color:#383838;   }
#conta11 a {width:73px; height:35px; padding:5px 6px 5px 5px; color:#383838;   }
#conta11 a:hover { background:url(images/bg-contact.png) no-repeat 0px 0px; width:73px; height:35px; padding:5px 6px 5px 5px; color:#383838;   }

#home111 a {width:45px; height:35px; padding:5px 6px 5px 6px; color:#FFFFFF; background:url(images/bg-home.png) no-repeat 0px 0px; }
#home111 a:hover { background:url(images/bg-home.png) no-repeat 0px 0px; width:45px; height:35px; padding:5px 6px 5px 6px; }
#dupagediff111 a {width:149px; height:35px; padding:5px 9px 5px 9px; background:url(images/bg-dupage-diff.png) no-repeat 0px 0px; color:#FFFFFF;   }
#dupagediff111 a:hover { background:url(images/bg-dupage-diff.png) no-repeat 0px 0px; width:149px; height:35px; padding:5px 9px 5px 9px;  }
#service111 a {width:65px; height:35px; padding:5px 9px 5px 7px; background:url(images/bg-service.png) no-repeat 0px 0px; color:#fff;  }
#service111 a:hover { background:url(images/bg-service.png) no-repeat 0px 0px; width:65px; height:35px; padding:5px 9px 5px 7px;  }
#maintain111 a {width:84px; height:35px; padding:5px 8px 5px 5px; background:url(images/bg-maintenance.png) no-repeat 0px 0px; color:#fff;  }
#maintain111 a:hover { background:url(images/bg-maintenance.png) no-repeat 0px 0px; width:84px; height:35px; padding:5px 8px 5px 5px;  }
#green111 a {width:65px; height:35px; padding:5px 7px 5px 6px; background:url(images/bg-gogreen.png) no-repeat 0px 0px; color:#fff;  }
#green111 a:hover { background:url(images/bg-gogreen.png) no-repeat 0px 0px; width:65px; height:35px; padding:5px 7px 5px 6px;  }
#conta111 a {width:73px; height:35px; padding:5px 6px 5px 5px; background:url(images/bg-contact.png) no-repeat 0px 0px; color:#fff;  }
#conta111 a:hover { background:url(images/bg-contact.png) no-repeat 0px 0px; width:73px; height:35px; padding:5px 6px 5px 5px;  }

.bot-text {font:14px Arial, Helvetica, sans-serif; padding-top:15px; padding-bottom:5px;}
.bot-text span {font:bold 18px Arial, Helvetica, sans-serif; color:#66ac47}
.bot-text2 { font:14px Arial, Helvetica, sans-serif; }
.bot-text2 span{font:bold 18px Arial, Helvetica, sans-serif; color:#66ac47}
span.spantoh2 { font:bold 12px Arial, Helvetica, sans-serif; color:#545451; text-transform:none; font-weight:normal; line-height:21px; }


/*Sitemap CSS*/

.sitemap-center { margin-bottom:20px; margin-left:15px; width:520px;}
.sitemap-center p { font: 12px; Arial, Helvetica, sans-serif; }
.sitemap-center ul { list-style:none; }
.sitemap-center ul li { padding:15px 0 0 0; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
.sitemap-center ul li a { text-decoration:none; color:#0D3C0A;}
.sitemap-center ul li a:hover { color:#0066CC;}

.contact-message {border: 0pt none ; padding: 5px 7px; background: transparent url(images/textbox-for-msg.png) no-repeat center center; width: 218px; height: 100px; overflow:hidden;}

.contact-text-box {border: 0px none ; padding: 5px 7px 0pt; background: transparent url(images/textbox-contact.png) no-repeat scroll 0% 0%; width: 218px; height: 26px; margin-bottom: 1px;}

.bot-contact-us a.emailme {font-size:15px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#457842;}
.emailme2 {font-size:15px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#457842; border-bottom:2px solid #333333;}



.contenttxt3{ font-size:12px; text-align:left; width:580px; height:auto; float:left; padding:16px;}
.contenttxt3 h1{ color:#000; font-size:18px; font-weight:bold; text-transform:uppercase;}
.contenttxt3 p{ margin-top:15px; line-height:20px; color:#545451; text-align:left;}
.contenttxt3 p a{ color:#20651b;}
#maincontentwrap .contenttxt3 h2 { font-size:15px; padding:15px 0 0 0; color:#66ac47;  }
.greenlink a { color: #49A942; }
.greenlink a:hover { text-decoration: none; }