body {margin:5px 0 0 0;
      padding:0;
      background: #ffffff;
	  color:#2E2074;
	  font-family: Verdana, sans-serif;
		/* set font sizes for standard browers 1em = 10px 1.1em = 11px etc */
	  font-size:62.5%;}

.clear {clear:both;}
.bold {font-weight:bold;}
.red {color:#bb0642;}
.italic {font-style:italic;}
img {border:none;}
a {color:#2E2074;}
.darkblue {color:#2E2175;}
.midblue {color:#4F6AAC;}
.lightblue {color:#67A2D6;}


/**********  fix to clear float  *************/
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
/*.clear {display: inline-table;}*/
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/**************   container *******************************************/
#container {margin:0px auto;
     	    padding: 0;	
		    width:726px;
            background: transparent url(images/dropsides.gif) top left repeat-y;}

/**************   header - logo, title and photos *************************/
#header {margin:0 0 20px 0;
        padding:0;
        width:726px;
         background: transparent url(images/droptop.gif) top left no-repeat;}

img#logo {float:left;
       margin:59px 0 0 30px;
       padding:0;}

img.banner1 {float:left;
       margin:30px 0 0 26px;
       padding:0;}

img.banner2 {float:left;
       margin:30px 0 0 21px;
       padding:0;}

/*****************    left column   *************************************/
#leftcolumn {float:left;
             margin:0 0 0 0px;
             padding:0;
           }

/************ left hand menu ***********/
#menu {margin:0 0 25px 30px;
       padding:0;
       background-color:transparent;}

#menu ul {margin: 0;
     	  padding:0;
			  }

#menu li {margin: 0 0 12px 0;
  		  padding:0 ;
  		  height:24px;
          width: 180px;
  		  list-style-type: none;
          background: url(images/button.gif) no-repeat;
         }
		 
#menu li.menul2 {margin: 0 0 12px 14px;
  		  padding:0;
  		  height:24px;
          width: 166px;
  		  list-style-type: none;
          background: url(images/buttonl2.gif) no-repeat;
         }
		 
#menu ul li a {margin:0;
	          padding:4px 0 4px 10px;
	     		display: block;
              font-size: 1.2em;
              font-weight:bold;     		  
			  text-decoration: none;
              width: 180px;
			  color:#2E2074;
              background:transparent;}

/****** menu highlight current page *********/
body#home a#homehigh,
body#costsavings a#costhigh,
body#charges a#chargeshigh,
body#ourcrusher a#crushhigh,
body#piling a#pilinghigh,
body#epc a#epchigh
{
background: transparent url(images/buttonactive.gif) 0 0  no-repeat;	

}

body#costsavings a#costhigh,
body#charges a#chargeshigh
{
background: transparent url(images/buttonactivel2.gif) 0 0  no-repeat;	

}

/******* menu rollover **********/
#menu a:hover {background:  transparent url(images/buttonactive.gif) 0 0  no-repeat;}
#menu li.menul2 a:hover {background:  transparent url(images/buttonactivel2.gif) 0 0  no-repeat;}

/************ left hand text ***********/
#leftcontact  {margin:0 0 0 26px;
       padding:0;
       width:186px;
       background: transparent url(images/contactdrop.gif) top left repeat-y;}

#leftcontact h2 {margin:0 0 5px 24px;
         padding:0;
         font-weight:bold;
         width:140px;
         font-size:1.3em;}
		 
#leftcontact p {margin:0 0 2px 24px;
        padding:0;
        width:140px;
        font-size:1.2em;}
		
#leftcontact p.contact1 {margin:10px 0 2px 24px;
             padding:0;}
#leftcontact p.contact2 {width:135px;}
			 
#leftcontact a {font-size:1.1em;}

#leftcontact img#map {margin:15px 0 10px 24px;
              padding:0;}

#leftcontact img.contactbut {margin:0 0 0 10px;
              padding:0;}
#leftcontact img.redstrip {margin:15px 0 0 10px;
              padding:0;}
/*****************    main content   *************************************/
#maincontent{float:left;
             margin:5px 0 0 25px;
             padding:0;
             width:450px;
             font-size:1.1em;
             color:#2E2074;
         }
		 
body#home #maincontent {margin:2px 0 0 25px;}	

#maincontent p {margin:0 0 8px 0;
                padding:0;
               }
#maincontent p.pend {margin:0 0 15px 0;
                }
#maincontent p.pnobot {margin:0;
                }
#maincontent p.psmallbot {margin:0 0 3px 0;
                }
#maincontent p.pbigtop {margin:30px 0 0 0;
                }
				
#maincontent p.p300 {width:300px;
                }				
				
#maincontent h1 {margin:-3px 0 5px 0;
                padding:0;
                width:440px;
                font-size:1.6em;
        
			  font-family:arial;}				

#maincontent h2 {margin:0;
                padding:0;
               font-size:1.3em; 
				font-family:arial;			   }

#maincontent h1.h1toppad {padding:15px 0 0 0;}		   
	
body#home #maincontent h2 {font-size:1.5em; width:300px; }			
			   
#maincontent h3 {margin:0;
                padding:0;
                width:440px;
                font-size:1.1em;  
				}			

#maincontent h3.h3botpad {padding:0 0 3px 0;}
#maincontent h3.h3botpad1 {padding:0 0 5px 0;}
            
#maincontent .home1 {margin:30px 0 0 0;height:100%;}

#maincontent img.homeimg1 {float:right;
						margin:4px 0 0 0;}
			
ul {margin:0 0 7px 20px;
   padding:0;}				
li {margin:0 0 3px 0;
   padding:0;}		
				
img.photo1 {float:right;
          margin: 0 0 15px 15px;
		  padding:0;}
          
img.photo2 {float:left;
       margin:5px 0 10px 0;
       padding:0;}

img.photo3 {float:left;
       margin:5px 0 10px 21px;
       padding:0;}		

img.photo4 {float:left;
       margin:5px 0 10px 0;
       padding:0;}

img.photo5 {float:left;
       margin:5px 0 10px 37px;
       padding:0;}

	   
/*****************    Home   *************************************/
img#strap {margin:0 0 10px 0;
           padding:0;}

/**************   savings calculator us *************************/
table.savings {margin:5px 0 10px 0;
                 padding:0;
		     width:450px;
			  text-align:left;
			  border-collapse: collapse;
			  }
			  
table.savings td {margin:0;
            padding:5px 8px 5px 5px;
         	vertical-align:top;
			border:1px solid #D7D8D9;
			}	
			
/*****************    Charges   *************************************/
table.rates {margin:5px 0 10px 0;
                 padding:0;
		     width:200px;
			  text-align:left;
			  border-collapse: collapse;
			  }
			  
table.rates td {margin:0;
            padding:5px 8px 5px 5px;
         	vertical-align:top;
			border:1px solid #D7D8D9;}	

/*****************    Crusher Spec   *************************************/
ul#redrhinospec {margin:5px 0 7px 20px;}

/*****************    footer   *************************************/
#footer {clear:both;
         padding:50px 0 0 0;
		 margin:0 ;
    	 width:726px;
         height:40px;
         font-size: 1em;
 		 background:  transparent url(images/dropbot.gif) bottom left no-repeat;
}

#pleft {float:left;
        padding:0 0 0 36px;
		margin:0;
        }

#pright {float:right;
         padding:0 35px 0 0;
		 margin:0;
         }


