body {
  background: url(images/bg.jpg) no-repeat top left;
}

.header {
  background: url(images/topbg.jpg) repeat-x;
  height: 60px;
}

.navcenter {
  margin: 0 auto;
  text-align: center;
}

ul.navigation {
  list-style: none;
  margin: 0;
  padding: 24px 0 0 0;
}

ul.navigation li {
  display: inline;
}

li.home a {
  padding: 0 20px 20px 20px;
  background: url(images/home_gr.png) no-repeat top center;
  text-decoration: none;
}

li.home a:hover {
  padding: 0 20px 20px 20px;
  background: url(images/home_or.png) no-repeat top center;
  text-decoration: none;
}

li.services a {
  padding: 0 32px 20px 32px;
  background: url(images/services_pl.png) no-repeat top center;
  text-decoration: none;
}

li.services a:hover {
  padding: 0 32px 20px 32px;
  background: url(images/services_or.png) no-repeat top center;
  text-decoration: none;
}

li.residential a {
  padding: 0 55px 20px 55px;
  background: url(images/residential_pl.png) no-repeat top center;
  text-decoration: none;
}

li.residential a:hover {
  padding: 0 55px 20px 55px;
  background: url(images/residential_or.png) no-repeat top center;
  text-decoration: none;
}

li.employment a {
  padding: 0 33px 20px 33px;
  background: url(images/employment_pl.png) no-repeat top center;
  text-decoration: none;
}

li.employment a:hover {
  padding: 0 33px 20px 33px;
  background: url(images/employment_or.png) no-repeat top center;
  text-decoration: none;
}

li.green a {
  padding: 0 41px 20px 41px;
  background: url(images/green_pl.png) no-repeat top center;
  text-decoration: none;
}

li.green a:hover {
  padding: 0 41px 20px 41px;
  background: url(images/green_or.png) no-repeat top center;
  text-decoration: none;
}

li.cims a {
  padding: 0 26px 20px 26px;
  background: url(images/cims_pl.png) no-repeat top center;
  text-decoration: none;
}

li.cims a:hover {
  padding: 0 26px 20px 26px;
  background: url(images/cims_or.png) no-repeat top center;
  text-decoration: none;
}

li.about a {
  padding: 0 25px 20px 25px;
  background: url(images/about_pl.png) no-repeat top center;
  text-decoration: none;
}

li.about a:hover {
  padding: 0 25px 20px 25px;
  background: url(images/about_or.png) no-repeat top center;
  text-decoration: none;
}

li.contact a {
  padding: 0 25px 20px 25px;
  background: url(images/contact_pl.png) no-repeat top center;
  text-decoration: none;
}

li.contact a:hover {
  padding: 0 25px 20px 25px;
  background: url(images/contact_or.png) no-repeat top center;
  text-decoration: none;
}

.wrapper2 {
  width: 815px;
  margin: 0 auto;
  margin-top: 30px;
}

.sidepics {
  width: 177px;
  height: 444px;
  float: left;
  padding-top: 45px;
}

.maintext {
  width: 614px;
  padding-bottom: 0px;
  float: right;
}

.topmain {
  width: 400px;
  height: 210px;
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  padding: 145px 214px 0 0;
  color: #474a47;
  text-indent: 20px;
}

ul.textstuff {
  margin-top: 20px;
  margin-left: 40px;
  text-indent: 0px;
}

li.one {
}

li.two {
  margin-left: 30px;
}

li.three {
  margin-left: 60px;
}

.bottommain {
  width: 614px;
}

.leftcol {
  width: 285px;
  float: left;
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #474a47;
  text-indent: 20px;
  margin-top: -105px;
}

.leftcol1, .leftcol2 {
  width: 285px;
  margin-top: 50px;
}

img.imglink {
  float: right;
  margin-top: 25px;
}

.rightcol {
  width: 285px;
  float: right;
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #474a47;
  text-indent: 20px;
  margin-top: 10px;
}

.footer {
  width: 100%;
  background: url(images/bottombg.gif) repeat-x bottom left;
  font-family: arial, sans-serif;
  font-size: 11px;
  line-height: 20px;
  color: #FFF;
}

.footer a:link, .footer a:visited {
  text-decoration: underline;
  margin: 0;
  padding: 0;
  color: #fff;
}

.footer a:hover {
  color: #72c13c;
}

.wrapper3 {
  width: 780px;
  margin: 0 auto;
  padding-top: 62px;
}

.leftfoot {
  width: 350px;
  float: left;
}

.rightfoot {
  width: 350px;
  float: right;
  text-align: right;
}

.push, .blank {
  clear: both;
}


/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -130px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 130px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/