body {text-align: center; font-family: arial, helvetica, verdana, sans-serif; color:#666; background:  #afafaf; }

a {color: #39429d;}

#wrap {width: 900px; margin: 0 auto;  text-align: center; background:#3c3489;}

#wrap2 {width: 900px;   text-align: center; margin: 0 auto;  }

#wrap3 {width: 900px;  margin: 0 auto; }

#nav {background: url(images/wilmslow-nav-bg.jpg)repeat-x #3c3489; clear: both; width: 900px; height: 32px; }

#header {height: 128px;  background:#3c3489 url(images/wilmslow-construction-header.jpg) no-repeat ; }

#header h1{display: none;}

#body {width: 900px; clear: both; background: url(images/wilmslow-construction-bg.gif) repeat-x #fff; }

#right {float: right; width: 257px;  margin: 15px 10px 0px 0px;  text-align: left}

#left {float: left; width: 610px;  text-align: left;}

#footer {clear: both; width: 900px;  font-size:0.8em;  text-align:right; height: 70px;color:#fff; background: #1f7408; }

#footer a {color:#fff;}

#footer h2{display:inline; font-size: 0.9em; }

#innerheader {width: 100%;  padding-top: 145px; color:#545ca9; font-size:1.1em; letter-spacing: 3px;}

#innerheader h1{display:none;}

#innerheader h2{float: left; font-size: 1.1em; font-family: arial, helvetica,verdana, sans-serif; color: #054e8c; padding: 35px 0px 0 110px;}

#innerleft h2{ font-size:1.5em; color: #393477; font-weight: bold; padding-bottom: 20px; }

#callus {width: 200px; float: right; margin-right: 100px; margin-top:10px; background: #7fb8e9; height: 50px; color: #096cc0; font-size: 1.2em;}

#callus b {color: #fff; padding: 0;}

#callus p {padding-top: 5px;}

#callus a {font-size: 0.5em; padding: 0; }




.active {color: #fff; background: #6b6f9f; text-decoration: none; float:left; height: 24px; font-weight: bold; margin:0; padding: 0px 0px 0px 0px;} 


#innerleft {margin: 20px 0px 0px 20px; font-size: 0.8em; color: #666;}

#innerleft p {padding-bottom: 10px; line-height: 1.3;}

#innerleft ul{ list-style-type: disc; padding: 10px 0 20px 20px; }

#innerleft h3{ font-size:1.3em; color: #393477; font-weight: bold; padding-bottom: 10px; padding-top:10px; }

#innerright2 {background: #1f7408; width: 250px;}

#innerright {padding: 0px; background: #393477; width: 250px;}

#innerright ul{list-style-type: disc; font-size: 0.8em; padding-left: 20px; padding-top:10px; font-weight: bold;}

#innerright ul li{padding-bottom:3px;}


#innerright h3{background: #393477; color:#fff; padding: 6px 5px 4px 6px; font-weight: bold;}

#innerright p{color:#666; font-size: 0.8em; padding-top:10px;}


#nav ul {list-style-type: none; padding-left:20px; }

#nav ul li{float: left; margin-right:10px;  text-indent: -10000px; }

#nav ul li a{outline: 0px; }


#services {background: #1f7408; color:#fff; width: 250px; padding:5px 0px 0px 0px;}

#services li a{display: block;  width:225px;  font-size:0.8em;  color:#fff; text-decoration: none;}

.l1 {background:#2a9d0a;   padding:5px 10px 5px 15px; }
.l2 { padding:5px 10px 5px 15px; }
.l1:hover{background:#185a06;}
.l2:hover{background:#185a06;}


#home
{  display: block; 
  width: 80px;
  height: 32px;
  background: url("images/nav.jpg") no-repeat 0 0;
}


#home2, #home:hover
{  display: block;
  width: 80px;
  height: 32px;
  background: url("images/nav.jpg") no-repeat 0px -34px;
}



#menu
{  display: block;
  width: 160px;
  height: 32px;
  background: url("images/nav.jpg") no-repeat -90px 0px;
}

#menu:hover, #menu2
{  display: block;
  width: 160px;
  height: 32px;
  background: url("images/nav.jpg") no-repeat -90px -34px;
}


#findus
{  display: block;
  width: 170px;
  height: 32px;
  background: url("images/nav.jpg") no-repeat -255px 0px;
}

#findus:hover, #findus2
{  display: block;
  width: 170px;
  height: 32px;
  background: url("images/nav.jpg") no-repeat -255px -34px;
}


#careers
{  display: block;
  width: 170px;
  height: 32px;
  background: url("images/nav.jpg") no-repeat -430px 0px;
}

#careers:hover, #careers2
{  display: block;
  width: 170px;
  height: 32px;
  background: url("images/nav.jpg") no-repeat -430px -34px;
}



#contactm
{  display: block;
  width: 150px;
  height: 32px;
  background: url("images/nav.jpg") no-repeat -600px 0px;
}

#contactm:hover, #contactm2
{  display: block;
  width: 150px;
  height: 32px;
  background: url("images/nav.jpg") no-repeat -600px -34px;
}

.project1 {float:left; width: 270px; border: 1px solid #e1e1e1; padding:5px; margin-bottom:15px;}
.project1 img {border: 5px solid #e1e1e1;}
.project2 {float:right; width: 270px; border: 1px solid #e1e1e1; padding:5px;  margin-bottom:15px;}
.project2 img {border: 5px solid #e1e1e1;}
.project1 h4,.project2 h4{font-size:1.2em; color:#393477; font-weight: bold; padding-top:5px; padding-bottom:3px;}


.serv1 {float:left; width: 130px;  border: 1px solid #e1e1e1; padding:5px; margin-right: 5px; margin-bottom:15px;}
.serv1 img {border: 5px solid #e1e1e1; width:120px; height:120px;}
.serv1 h4,.serv2 h4{font-size:1.2em; color:#393477; font-weight: bold; padding-top:5px; padding-bottom:3px;}
.serv1 a{text-decoration: none;}