* {
  margin: 0 auto;
  padding: 0;
  }
  div{
  border: 0px solid navy;
  }
  
  body {
  font-family: arial, helvetica, sans-serif;
  background-color: #c1e2ae;
  font-size:76%;
  }
  #pagebody{
  width:60em;
  margin:auto;
  background-color:white;
  }
  br {
margin-bottom: .1em;
}
p {
margin: 0 0 .70em 0;
}
  #masthead{ 
  height: 12.5em;
  background-color: white;
  }
  .container{
  padding: 1.25em;
  }
  #left{
  float:left;
  width:12em;
  height:41.25em;
  margin:0;
  background-image:url("../images/home_nav_truck.png");
  background-repeat: no-repeat;
  background-position: top;
  border-right: 0;
  }
  #leftAbout{
  float:left;
  width:12em;
  height:41.25em;
  margin:0;
  background-image:url("../images/brownie.png");
  background-repeat: no-repeat;
  background-position: -1.75em 0;
  border-right: 0;
  } 
  #leftGreen{
  float:left;
  width:12em;
  height:41.25em;
  margin:0;
  background-image:url("../images/loading_truck.png");
  background-repeat: no-repeat;
  background-position: 0em -5em;
  border-right: 0;
  }
  #leftEstimate{
  float:left;
  width:12em;
  height:41.25em;
  margin:0;
  background-image:url("../images/estimate.png");
  background-repeat: no-repeat;
  background-position: -1.75em -3em;
  border-right: 0;
  } 
  #right{  
  background-color:white;
  float:right;
  width: 47.6em;
  margin:0;
  }
  #footer{
  clear:both;
  background-color: #8dc291;
  color:white;
  text-align:center;
  padding: 0;
  margin: 0;
  height: 4em;
  }
  #leftLinks{
  height:10em;
  text-align:center;
  font-weight: bold;
  font-size: 1.25em;
  color: white;
  }
  
  #leftLinks p{
  border-bottom: 1px solid white;
  
  }
 
 .topBar{
  background-color: #8dc291;
  }
#topMessage{
font-style: italic;
font-weight: bold;
font-size: 1.5em;
color: white;
text-align: right;
padding: .25em 1.25em;
margin: 0;
}
#headerPhoto{
/*width: 10em;*/
height: 4.8em;
border: 0px solid black;
float: right;
margin-top: -1.40em;
margin-right: 1em;
margin-bottom: 0;
}

#topNavigation{
padding: .7em;
font-weight: bold;
font-size: 1em;
float: left;
margin:0;
margin-right:-1em;
margin-left: -.5em;
}
#dateTime{
float:right;
padding: 0 .8em 0 0;
margin:0;
color: #FFFFCC; 
font-family: helvetica, verdana, sans-serif;
 font-size: .85em; 
 font-weight: bold; 
 line-height: 3;
}

#counter{
margin-left: .5em;
z-index:201;
}

.counterStyle { 

 }

 #companyName{
 width:15.75em;
 margin-top: .12em;
 margin-left: 2.89em;
 }
 
#topName{
font-size: 1.4em;
color: green;
border-bottom: 2px solid silver;
margin:0;
font-weight: bolder;
}

#bottomName{
font-size: .65em;
color: lightgreen;
font-style: italic;
margin:0;
}

#navContainer {
text-align:center;
border-right: 2px solid #085208;
border-left:2px solid #8dc291;
padding: 0 .5em 0 .5em;
}

#navContainerLeft{
text-align:center;
border-right: 2px solid #085208;
padding: 0 .5em 0 .5em;
}


a{
padding: .25em .5em .25em .5em;
text-decoration:none;
margin-right: 4px;
margin-left: 2px;
}

a:link{
color:#033303;
}

 a:visited{
 color:#033303;
text-decoration: none;
 }
a:active{
color:#033303;
text-decoration: none;
}
a:hover{
border: 2px solid #059c5e;
margin-right:2px;
margin-left:0;
padding: .12em .5em .12em .5em;
color:#c1e2ae;
}

.clear{
clear:both;
margin:0;
}

#logoArt{
float:left;
z-index:500;
height:110px;
margin: -1.50em -1.00em -3.70em -0.50em;
}
.headline{
font-size: 1.5em; 
font-weight: bold;
}
.subHeadline{
font-size: 1.0em; 
font-weight: bold; 
margin: -1em 0 .75em 0; 
padding-bottom: .50em; 
border-bottom: 1px solid gray;
}
#resourcesHeadline{
margin: 0 0 .50em 0; 
padding-bottom: .30em; 
border-bottom: 1px solid gray;
font-size: 1.20em;
}
#phoneInfo{
font-size: 1.5em;
font-family: arial black, sans-serif;
letter-spacing: 3px;
text-align: center;
padding-top: .3em;
line-height: 1.25;
vertical-align: top;
}
.containerFooter{
padding: .5em;
}
#truckDescriptions{
float: left;
width: 16.50em;
border: 0px solid black;
}
#trucks{
width: 27.00em;
height: 33.5em;
overflow:auto;
border: 0px solid black;
float: right;
}
img.truckImages{
display: block;
margin: 0 0 1em 0;
border: 0px solid red;
}

.truckList, .serviceList, .recycleList{
font-weight: bold;
margin-top: .50em;
margin-bottom: .3em;
}
UL.recycleListUL li{
font-size: 1.00em;
margin-bottom: .80em;
line-height: 1.10;
}
UL.recycleListUL li b{
color: #2A3800;
}
.serviceList{
margin-bottom: .3em;
}
#pageLinks{
margin-left: -.5em;
}
#pageLinks a {
text-align: center; 
font-weight: bold; 
font-size: 1.2em; 
color: white; 
display: block; 
margin-bottom: .5em; 
padding:0;
}
#pageLinks a:active {
color: #c1e2ae; 
background-image: URL("../images/compress_over.png"); 
background-repeat: no-repeat; 
background-position: right center; 
border: 0;
}
#pageLinks a:hover {
color: #c1e2ae; 
background-image: URL("../images/compress_over.png"); 
background-repeat: no-repeat; 
background-position: right center; 
border: 0;
}
#cleanup{
border: 0px solid black;
height: 8.15em;
margin-top: 1.20em;
margin-bottom: -.20em;
}
#before{
float: left;
margin-right: 1.70em;
border: 0px solid gray;
height: 8.15em;
}
#middle{
float: left;
border: 0px solid gray;
height: 8.15em;
}
#after{
float: right;
border: 0px solid gray;
height: 8.15em;
}
li {
margin-left: 1.5em;
font-size: .9em;
line-height: 1;
margin-bottom: .4em;
list-style-position: outside;
}
.testimonial{
margin-bottom: .10em;
font-size: .80em;
font-family: "comic sans ms";
}
.testimonialName{
margin-bottom: .60em;
font-size: .80em;
font-family: "comic sans ms";
font-weight: bold;
font-style: italic;
text-align: right;
padding-right: 2em;
}
li.estimateList{
font-size: 1em;
margin-bottom: .5em;
line-height: 1.25;
}
.estimateBegin{
margin-bottom: 1em;
}
.estimateEnd{
margin-top: 1em;
}
.recycleLinks{
display: block;
margin-left: .5em;
}
a.recycleLinks {
font-size: 1.00em; 
color: black; 
margin-bottom: .65em;
padding:0; 
margin-left: .5em;
}
a:active.recycleLinks  {
font-size: 1.00em; 
color: darkolivegreen;
margin-bottom: .65em;
border: 0; 
padding:0; 
margin-left: .5em;
}
a:hover.recycleLinks  {
font-size: 1.00em; 
color: darkolivegreen;
margin-bottom: .65em;
border: 0; 
padding:0;
margin-left: .5em; 
font-weight: bold;
}
#recycleGuideImg{
float: left;
margin-right: 1.50em;
}
.recycleGuide{
width: 25.00em;
line-height: 1.5;
padding: 0;
margin-bottom: -2.00em;
}
#main {
display: block;
}
#services {
display: none;
}
#testimonials{
display: none;
}
#recycling{
display: none;
}
#resources{
display: none;
}