.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
html,body
{
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    padding: 0 auto;
    background-image: url("../img/background.jpg");
    font-size: 100%;
    line-height: 1.4;
    position:relative;
    z-index: -9000; 
    overflow-x: hidden; 
    float: none;
}
p,a,h1,h2,h3,ul, li{font-family: arial;}
p, li{font-size:17px;}
a {color: #222;}
a:visited {color: #222;}
a:hover {color: #fafafa;}
a:active {color: #fff100;}
header { width:100%; margin: 0 auto 140px;}
div#logo{margin:5px 0 -150px 25px;width:920px;height:420px;position:relative;z-index:-5;}
nav { width: 102%; height:80px;display:block; float:left;background-image: url("../img/menu_bar.png");}
nav li { float:left;list-style-type:none; margin:2px 49px; } 
nav li a {font-size:22px;  text-decoration:none;font-weight:bold;}
div#info_bar{clear:both;float:left;width:450px;height:30px;margin:-30px 0 70.5px 250px;
position:relative;z-index:-2;
background:#fff100;text-align:center;-moz-box-shadow: 3px 3px 5px #000;
-webkit-box-shadow: 3px 3px 5px #000;
box-shadow: 3px 3px 5px #000;-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;}
div#info_bar p{font-size:14px;margin-top:9px;}
#wrapper{width:960px; margin: 0 auto;}
section{float:left; width:445px;background-color: rgba(100,152,226,0.66);
-moz-box-shadow: 3px 3px 5px #000;
-webkit-box-shadow: 3px 3px 5px #000;
box-shadow: 3px 3px 5px #000;}
section p{margin:10px 20px;}
section#one{margin:15px 10px 20px 15px;height:354px;}
img.truck{margin-left:10px;}
img.truck2{float:right;margin-right:40px;margin-bottom:30px;}
img.a_pic{float:left; margin:-10px 20px 10px 50px;}
img.a_pic2{float:left; margin:10px 20px 20px 50px;}
section#two{float:right;height:354px;margin:15px 5px 20px 15px;}
section#three{margin:15px 10px 20px 15px;}
section#four{float:right;margin:15px 5px 20px 15px;}
section#services{width:98%;margin:15px 10px 20px 15px;}
section#services p{clear:both;text-align:center; margin:20px 60px;}
section#services1{width:98%;margin:15px 10px 20px 15px;}
section#services1 p{clear:both;text-align:center; margin:20px auto;}
h2.width{width:80%;text-align:left;}
h2.norm{width:40%;text-align:left;}
div#service_yellow{width:87%;float:left;margin:0 0 20px 60px;background-color:#fff100;
-moz-box-shadow: 3px 3px 5px #000;
-webkit-box-shadow: 3px 3px 5px #000;
box-shadow: 3px 3px 5px #000;}
img.logo_mini{margin:0px 0px -65px 330px;}
img.services1{margin:10px 0px 30px 60px;}
img.services2{margin:10px 0px 30px 15px;}
#serv1{float:left;margin:50px;}
#serv2{float:right;margin:50px;}
p.left{float:left; width:35%;}
p.right{float:right; width:42%;}
iframe.comm{float:right;margin:30px 50px 5px 0px;}
h2{width:75%;font-size:20px; background:#fff100;text-align:center;-moz-box-shadow: 3px 3px 5px #000;
-webkit-box-shadow: 3px 3px 5px #000;
box-shadow: 3px 3px 5px #000;
margin:-15px 0 0 -10px;}
img.bars{float:left;display:block;position:relative;z-index:-1;margin:27px 0px 0px -1px;}
h3{text-align:center;margin-top:30px;}
div.contact_left{float:left;width:45%;margin-top:30px;}
div.contact_right{float:right; width:42%;margin-right:120px;margin-top:30px;}
div.contact_right p{width:100%;}
form#womble{width:75%; float:left;margin:20px 10px 20px 80px;}
input.contact_submit{width:150px;height:30px;font-size:16px;margin-left:90px;}
#button{width:260px;height:53px;text-align:center;margin:50px auto;background-image: url("http://yodaslair.com/wombleseptic/img/button.png");}
#button a{padding:15px 80px;text-decoration:none;margin-top:45px font-size:18;display:block;}
div.people-row{text-align:center;}
.tooltip {
    border-bottom: 1px dotted #0077AA;
    cursor: help;
} 
.tooltip::after {
    width:600px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 8px 0px 8px 8px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #FFF;
    content: attr(data-tooltip); /* The main part of the code, determining the content of the pop-up prompt */
    margin-top: 20px;
    margin-left: -760px;
    opacity: 0; /* Our element is transparent... */
    padding: 3px 7px;
    position: absolute;
    visibility: hidden; /* ...and hidden. */
    font-size:14px;         
    transition: all 0.4s ease-in-out; /* To add some smoothness */
}         
.tooltip:hover::after {
    opacity: 1; /* Make it visible */
    visibility: visible;
}


footer{clear:both;width: 102%; height:80px;display:block; float:left;background-image: url("../img/menu_bar.png");}
nav#footer{width:100%;background-image: none;}
nav#footer a{font-size: 70%;}
nav#footer li{margin:2px 5px;}
nav#footer p{float:right;margin-top:8px;margin-right:65px;font-size: 70%;text-align: center;}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
    vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}