body {
color: #000; 
background-color: #fff;
}
#banner {
width : 100%;
background: #363636;
border: 3px solid #000;
border-bottom: 0px;
position : absolute;
top: 0px;
left: 0px;
padding: 2px 0px 16px 84px;
z-index: 8;
}
#leftside {
background: #363636;
border: 3px solid #000;
position : absolute;
top: 0px;
left: 0px;
width: 165px;
height: 585px;
position: absolute;
z-index: 7;
}
#ml {
margin: 154px 20px 0px 245px;
position: absolute;
font: 9px Verdana, sans-serif;
z-index: 9;
}
#ml li {
list-style: none;
margin: 0;
display: inline;
}
#ml li a {
padding: 2px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #7183a3;
text-decoration: none;
}
#ml li a:link { color: #ecb12a; }
#ml li a:visited { color: #fff; }
#ml li a:hover { color: #000; background: #b2b4b8; border-color: #227;
}
#ml li a:hover { color: #FF4500;}
#ml li a#current { background: #fff; border-bottom: 1px solid white;
color: #000 !important;
}
h1 {
font-family: Times New Roman, Garamond, serif; font-size: 28px; color: #000; text-align: center; line-height: 30px;
}
p .emph {
font-family: Garamond, serif; font-size: 36px; font-weight: bolder; text-align: center; 
color: #FF4500;
}
#mainhome, #mainservices, #mainabout_wg, #mainprojects, #mainequip,
#mainlinks, #sitemap, p {
font-family: Arial, sans-serif; font-size: 18px; line-height: 20px; 
text-align: justify;
}
#mainhome {
margin: 190px auto auto 200px; height: 300px; width: 520px;
position: absolute;
background-image: url(http://www.watsonvillegrading.com/images/mainhome1.jpg);
background-color: transparent; 
padding: 0px 70px 5px 5px; background-repeat: no-repeat; padding: 5px;
}
#mainservices {
margin: 200px auto auto 195px; height: 380px; width: 500px; 
position: absolute; 
background-image: url(http://www.watsonvillegrading.com/images/mainservices.jpg);  
padding: 0px 5px 5px 5px;
}
#mainequip {
position: absolute;
margin: 200px auto auto 195px; height: 380px; width: 500px;
background-image:
url(http://www.watsonvillegrading.com/images/mainequipment.jpg); 
padding: 0px 5px 5px 5px;
}
#mainabout_wg {
position: absolute;
margin: 185px auto auto 180px; height: 380px; width: 550px;
background-image:
url(http://www.watsonvillegrading.com/images/mainabout_wg.jpg)
; background-repeat: no-repeat; padding: 5px; 
border-style: solid; border-width: 1px; border-color: #ecb12a; 
}
.mainabout_wg {
margin: 5px auto auto 10px; height: 330px; width: 550px; padding: 2px;
}
.mainhome, .mainservices {
margin: 0px auto auto 10px; height: 250px; width: 520px; padding: 2px;
}
.mainequip {
margin: 1px auto auto 20px; height: 380px; width: 450px; padding: 1px
}
#mainprojects {
position: absolute;
margin: 20px auto auto 180px; height: 350px; width: 500px;
border-style: solid; border-width: 1px; border-color: #ecb12a;
}
.mainprojects {
position: absolute; top:0;
z-index: 12;
width: 200px;
margin: 0px auto auto 270px; padding: 2px;
}
.mainequip, .mainlinks li {
list-style: none; line-height: 30px; text-indent: 5px;
}

.mainlinks {
border-style: solid; border-width: 1px; border-color: #ecb12a;
margin: 50px auto auto 20px; height: 210px; width: 450px; padding: 2px;
}
#maincontact {
position: absolute;
margin: 20px auto auto 180px; height: 400px; width: 500px; background-image:url(http://www.watsonvillegrading.com/images/maincontact_us.
jpg);
padding: 0px 5px 0px 5px; border-style: solid; border-width: 1px; border-color: #ecb12a; 
}
.maincontact {
margin: 0px auto auto 50px; height: 400px; width: 400px; padding: 2px
}
.maincontact p { 
font-family: Arial, sans-serif; font-size: 12px; line-height: 12px;
text-align: center;
}
#mainlinks {
position: absolute;
margin: 20px auto auto 180px; height: 350px; width:
500px;background-image:
url(http://www.watsonvillegrading.com/images/mainlinks.jpg); 
padding: 0px 5px 0px 5px;
border-style: solid; border-width: 1px; border-color: #ecb12a;
}
#mainsite {
position: absolute;
margin: 20px auto auto 180px; height: 350px; width: 500px;
background-image: url(http://www.watsonvillegrading.com/images/);  padding: 5px;
border-style: solid; border-width: 1px; border-color: #ecb12a;
}
.mainsite {
border-style: solid; border-width: 1px; border-color: #ecb12a;
margin: 0px auto auto 20px; height: 330px; width: 450px; padding: 2px
}
.mainsite li {
list-style: none; line-height: 10px; text-indent: 5px; font: 9px
Verdana, sans-serif;
}
#maingallery {
position: absolute;
margin: 20px auto auto 180px; height: 350px; width: 500px;
background-image:
url(images/);  padding: 5px;
border-style: solid; border-width: 1px; border-color: #ecb12a;
padding: 8px;
}
#mainnews {
position: absolute;
margin: 20px auto auto 180px; height: 350px; width: 500px;
background-image:
url(http://www.watsonvillegrading.com/images/);  padding: 5px;
border-style: solid; border-width: 1px; border-color: #ecb12a;
}
.mainnews {
border-style: solid; border-width: 1px; border-color: #ecb12a;
margin: 10px auto auto 20px; height: 330px; width: 450px; padding: 2px
}
#menu p {
text-align: center;
font: 9px Verdana, sans-serif;
}
#menu {
background-color: #ecb12a;
border: 2px #7183a3 groove;
width: 60px;
position: absolute; top: 200px;
margin-left: 50px;
margin-right: auto;
padding: 1px;
text-align: center;
font: 9px Verdana, sans-serif;
}
.button {
background-color: #ffcb41;
padding: 2px;
text-align: center;
margin-bottom: 1px;
margin-top: 1px;
}
.button a {
padding: 1px;
text-decoration: none;
display: block;
color: #f4f1bb;
background-color: #b2b4b8;
border-top: 2px #cad5e8 solid;
border-left: 2px #cad5e8 solid;
border-bottom: 2px #7183a3 solid;
border-right: 2px #7183a3 solid;
}
.button a:hover {
color: #ecb12a;
background-color: #7183a3;
border-top: 2px #5c6b8a solid;
border-left: 2px #5c6b8a solid;
border-bottom: 2px #b2b4b8 solid;
border-right: 2px #b2b4b8 solid;
}