* {
  margin: 0;
  padding: 0;
}

html {
    font-size:100%;
    background: #CCCCCC url(gfx/images/bgstrip.jpg) repeat-x left top;
}

body {
    font: 100% "Arial", sans-serif;                                    
    line-height: 130%;
    background: transparent url(gfx/page_layout/body_bg.png) no-repeat 50% top;
}

fieldset { border: none; }

div#wrapper {
   width: 776px;
   margin-left: auto;
   margin-right: auto;
   padding: 16px 0px 0px 0px;  
   position: relative;                                                              
}                             
div#wrapper div#header {                                                                      
    padding: 0px;   
    margin: 0px;
    width: 776px;  
    height: 125px;
    clear: both; 
}  
div#wrapper div#header img {
    border: 0px;
}                                                                      

div#wrapper ul.top_navigation {  
    font-weight: normal;   
    list-style: none; 
    padding: 0px;   
    margin: 0px;  
    clear: both;                                                                         
}
div#wrapper ul.top_navigation li {
    list-style: none;                                                                        
    padding: 0px;   
    margin: 0px; 
    float: left;
}

div#wrapper ul.top_navigation li a {  
    background: #177340 url(gfx/top_buttons/portable_toilets.jpg) no-repeat left bottom;
    text-decoration: none;
    display: block;
    text-align: center; 
    padding: 0px;
    margin: 0px;
    width: 97px;
    height: 104px;
    color: #E4A40E;   
    text-indent: -9999px;
    overflow: hidden;     
}      
div#wrapper ul.top_navigation li a:hover,
div#wrapper ul.top_navigation li.active a { 
    background-position: left top;
}      

div#wrapper ul.top_navigation li a.tankers                 { background-image: url(gfx/top_buttons/tankers.jpg); }
div#wrapper ul.top_navigation li a.jetting_cctv_surveys    { background-image: url(gfx/top_buttons/jetting_cctv_surveys.jpg); }
div#wrapper ul.top_navigation li a.jetvac_road_sweepers    { background-image: url(gfx/top_buttons/jetvac_road_sweepers.jpg); }
div#wrapper ul.top_navigation li a.crane_wagons            { background-image: url(gfx/top_buttons/crane_wagons.jpg); }
div#wrapper ul.top_navigation li a.waste_tanks             { background-image: url(gfx/top_buttons/waste_tanks.jpg); }
div#wrapper ul.top_navigation li a.hazardous_waste_removal { background-image: url(gfx/top_buttons/hazardous_waste_removal.jpg); }
div#wrapper ul.top_navigation li a.water_bowsers           { background-image: url(gfx/top_buttons/water_bowsers.jpg); }


div#wrapper div#container {                               
    background: white url() no-repeat right bottom;
    clear: both;                                                                            
} 
div#wrapper div#container hr {
    clear: both;
    height: 10px;
    width: 776px; 
    border: 0px; 
    background: #18592F;  
    color: #18592F;
}
/* Different Backgrounds */ 
div#wrapper div#container.bg1 { background-image: url(gfx/backgrounds/mainpic.jpg); }   
div#wrapper div#container.bg2 { background-image: url(gfx/backgrounds/bowserbg.jpg); }     
div#wrapper div#container.bg3 { background-image: url(gfx/backgrounds/fabricationsbg.jpg); } 
div#wrapper div#container.bg4 { background-image: url(gfx/backgrounds/haulagebg.jpg); }
div#wrapper div#container.bg5 { background-image: url(gfx/backgrounds/pale_tanker.jpg); }
div#wrapper div#container.bg6 { background-image: url(gfx/backgrounds/tankersbg.jpg); }
div#wrapper div#container.bg7 { background-image: url(gfx/backgrounds/wastetankbg.jpg); }
div#wrapper div#container.bg8 { background-image: url(gfx/backgrounds/portabletoilets.jpg); }
div#wrapper div#container.bg9 { background-image: url(gfx/backgrounds/sweeperbg.jpg);}

/* Left Hand Column */
div#wrapper div#container div#left_column {       
    background: #CCDCD2 url(gfx/images/leftmenu.jpg) no-repeat left bottom;      
    width: 194px;      
    padding: 35px 0px 250px 0px; 
    float: left;  
}
div#wrapper div#container div#left_column ul { 
    list-style: none;  
    padding: 0px;    
    margin: 0px; 
    border-top: 1px solid white;
}      
div#wrapper div#container div#left_column ul li a { 
    display: block;
    padding: 3px 0px 3px 0px; 
    text-indent: 15px;
    text-decoration: none;            
    background: #CCDCD2;      
    color: #18592F;
    border-bottom: 1px solid white;
    font-size: 0.9em;
}            
div#wrapper div#container div#left_column ul li a:hover,
div#wrapper div#container div#left_column ul li.active a  {      
    background: #E4A40E; 
    color: white;
}             
div#wrapper div#container div#left_column img {
    border: 0px;
}        
div#wrapper div#container div#left_column ul li.active ul li a {            
    background: #F9DB97;        
    color: #18592F;  
    text-indent: 25px;
}
div#wrapper div#container div#left_column ul li.active ul li a:hover,
div#wrapper div#container div#left_column ul li.active ul li.active a {     
    background: #E4A40E; 
    color: white;
}




/* Main Content Column */

div#wrapper div#container div#main_content {
    width: 542px;
    margin: 20px 0px 0px 20px;
    padding: 0px 0px 75px 0px;
    float: left;
    font-size: 0.8em;   
}            

div#wrapper div#container div#main_content h1,
div#wrapper div#container div#main_content h2,
div#wrapper div#container div#main_content h3,
div#wrapper div#container div#main_content h4,
div#wrapper div#container div#main_content h5 {
   border-top: 1px solid #E3A40D;
   border-bottom: 1px solid #E3A40D; 
   padding: 5px 0px 5px 0px;
   font-weight: normal;
   color: #186133;   
   clear: both; 
}                       
div#wrapper div#container div#main_content h1 { font-size: 1.4em; }                    
  
div#wrapper div#container div#main_content h2,
div#wrapper div#container div#main_content h3,
div#wrapper div#container div#main_content h4,
div#wrapper div#container div#main_content h5 { 
    font-size: 1em;
    padding: 1px 0px 1px 0px;
    margin: 7px 0px 0px 0px;
}
div#wrapper div#container div#main_content h2.call_now {  
    font-size: 1.2em;
    background: #DBE6DE; 
    font-weight: bold;
    text-align: center;
    border: 0px;     
}
div#wrapper div#container div#main_content h2.call_now strong {  
    font-size: 1.4em;
   color: #DE7101; 

}
div#wrapper div#container div#main_content p {
    margin: 0px 0px 10px 0px;
}
div#wrapper div#container div#main_content ul {
    margin: 0px 0px 10px 15px;
}
div#wrapper div#container div#main_content img {
    margin: 5px;
}
div#wrapper div#container div#main_content .green{
    color: #195A30;
} 
/* Sales List */
div#wrapper div#container div#main_content ul.sales_list {
    margin: 20px 0px 10px 0px;
}
div#wrapper div#container div#main_content ul.sales_list li {
    clear: both;
   border-bottom: 1px solid #195A30; 
   padding: 5px 0px 5px 0px; 
   list-style: none;
}
div#wrapper div#container div#main_content ul.sales_list li strong {
   color: #195A30; 
   font-size: 1.2em;
}
div#wrapper div#container div#main_content ul.sales_list li img { 
    float: right;
    margin: 0px 0px 20px 0px;
   border: 1px solid #195A30; 
}


/* Content Tables */
div#wrapper div#container div#main_content table {
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   margin-bottom: 10px;
}
div#wrapper div#container div#main_content table tr td {
    background: #CCDCD2;
    padding: 3px 10px 3px 10px;    
}
div#wrapper div#container div#main_content table tr th {
    background: #E4A40E;
    padding: 3px 10px 3px 10px;
}     

/* News listing */
div#wrapper div#container div#main_content  ul#news_list { 
    margin: 10px 0px 0px 15px;
}     
div#wrapper div#container div#main_content  ul#news_list li a{
    color: black;
} 
    
/* Form */                   
div#wrapper div#container div#main_content form#contact_form th.left_heading {  
    text-align: right;
    width: 170px;
    padding: 2px 5px 2px 2px;       
    border-bottom: 2px solid white;
    background: #CCDCD2;
}                                  
div#wrapper div#container div#main_content form#contact_form th.full_heading {
    background: #B7CFC0;
    padding: 2px;
}
                                            
div#wrapper div#container div#main_content form#contact_form td {  
    text-align: left; 
    padding: 2px;
    background: #EAF3EE;            
    border-bottom: 2px solid white;
}                    
                                        
div#wrapper div#container div#main_content p.errors {
    color: red;
}       

/* Gallery */

/* Gallery Table */

div#wrapper div#container div#main_content table.gallerytable {
 margin: auto;
 padding: 0px;
 background: white;
}
div#wrapper div#container div#main_content table.gallerytable td {
 padding: 6px;
 background: white;
 vertical-align: bottom;
}    
div#wrapper div#container div#main_content table.gallerytable td a {
 letter-spacing: 1px;
 display: block;
 padding: 4px 4px 1px 4px;
 background: #E3ECE7;
 border-top: 1px solid white;   
 border-bottom: 1px solid white;
 font-size: 75%;
 text-decoration: none;
 color: #195A30;
 text-align: center;
}
div#wrapper div#container div#main_content table.gallerytable td a:hover {
 border: 0px;                  
 border-bottom: 2px solid white;
 color: black;
}
                                                                                                                                                            

/* Footer */
div#wrapper div#footer {
    clear: both;        
    text-align: center;
    color: #5A5A5A;
    font-size: 0.7em;
    padding: 10px 0px 0px 0px;
}              
div#wrapper div#footer a { 
    color: #5A5A5A;
    text-decoration: none;
}    
div#wrapper div#footer a:hover {
    text-decoration: underline;
}