@charset "utf-8";
/* CSS Document */

/* Reset */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img, 
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	background-color:#98aa5f;
        line-height: 1.5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;	
}


ol, ul {
	list-style: none;
}

/* End Reset */


/* BEGIN Body Elements */


h2 {
 font-size: 14px;
}
h3 {
 font-size: 18px;
}

h1 { font-size: 6px;
color: #ffffff;}

p {
 font-size: 14px;
}

	

a:link, a:visited {
	text-decoration: none;
	color:#98aa5f;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
	color:#98aa5f;
	font-weight: bold;
}

/* END Body Elements */

/* BEGIN navigational header */

/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/one_page.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
/* set up the overall width of the menu div, the font and the margins with a relative position*/
 
#menu2 {
font-family: verdana, arial, sans-serif; 
width:790px;
height:220px;
margin:0; 
position:relative;
z-index:90;
background: #000000;

}
/* remove the bullets and set the margin and padding to zero for the unordered list */
#menu2 ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;

}
#menu2 ul table {border-collapse:collapse; margin:-1px -10px; font-size:1em;}
/* float the list so that the items are in a line */
#menu2 ul li {
float:left; 
}
/* style the links to be 249px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
#menu2 ul li a, .menu2 ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none;
text-transform:uppercase;
font-weight:bold; 
width:131px; 
height:30px; 
color:#FFF; 
background:#000000; 
line-height:30px; 
font-size:12px;
}
/* make the dropdown ul invisible */
#menu2 ul li ul {
	position:absolute;
	left:-9999px;
	height:0;
	z-index: 3;
}
 
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
#menu2 ul li#current a {color:#000; background:#98aa5f;}
#menu2 ul li#highlight a {color:#000; background:#ffffff;}

#menu2 ul li a:hover,
#menu2 ul li:hover a {
color:#000; 
background:#ffffff;
}
/* make the sub menu ul visible and position it beneath the first list item */
#menu2 ul li#current ul,
#menu2 ul :hover ul {
top:30px; 
left:0px;
height:100px;
background:#fff;
text-align:left;
}
/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
#menu2 ul li#current ul li,
#menu2 ul li#highlight ul li,
#menu2 ul :hover ul li {
background:#fff; 
color:#000;
padding:0px 0px 0px 0px;
width:790px;
height:auto;
border:0px solid #ffffff;
}
#menu2 ul li#current ul li {border:0px 0px 0px 0px solid #ffffff;}

/*float the image left with padding and no border */
#menu2 ul li#current ul li img,
#menu2 ul li#highlight ul li img,
#menu2 ul :hover ul li img {
float:left; 
padding:0px 0px 0px 0px; 
border:0;
}
/* style the paragraph font height */
#menu2 ul li#current ul li p,
#menu2 ul :hover ul li p {
font-size:0.9em;
line-height:1.7em;
}
/* style the background and foreground color of the submenu links */
#menu2 ul li#current ul li a,
#menu2 ul li#highlight ul li a,
#menu2 ul :hover ul li a {
display:inline;
color:#98aa5f;
text-decoration:none;
border:0;
line-height:1.7em;
background: #ffffff;
}
/* style the background and foreground colors of the links on hover */
#menu2 ul li#current ul li a:hover,
#menu2 ul li#highlight ul li a:hover,
#menu2 ul :hover ul li a:hover {
color:#98aa5f;
text-decoration:underline;
}
#HomeMenuContainer {
	width:790px;
	height:200px;
	background-image: url(images/Hi-Home.png);
}


.HomeText {
	width:300px;
        padding:50px 0px 0px 45px;
        font-weight:bold;
        text-align:center;
}
#AboutUsMenuContainer {
	width:790px;
	height:200px;
	background-image: url(images/Hi-guysTruck2.png);
}

.AboutUsText {
	width:220px;
        padding:20px 0px 0px 50px;
        font-weight:bold;
}
#ServicesMenuContainer {
	width:790px;
	height:200px;
	background-image: url(images/Hi-backhoeDitch3.png);
}

.ServicesText {
	width:220px;
        padding:20px 0px 0px 140px;
        font-weight:bold;
}
#SepticSystemsMenuContainer {
	width:790px;
	height:200px;
	background-image: url(images/Hi-SepticHole5.png);
}

.SepticSystemsText {
	width:220px;
        padding:20px 0px 0px 460px;
        font-weight:bold;
}
 #ResourcesMenuContainer {
	width:790px;
	height:200px;
	background-image: url(images/Hi-equipMtns2.png);
}

.ResourcesText {
	width:220px;
        padding:20px 0px 0px 600px;
        font-weight:bold;
}
 #ContactUsMenuContainer {
	width:790px;
	height:200px;
	background-image: url(images/Hi-5Equip.png);
}

.ContactUsText {
	width:220px;
        padding:20px 0px 0px 200px;
        font-weight:bold;
}

/*  END navigational header */



/* BEGIN Body Layout */

#wrap {
 width: 800px;
 margin: auto;
 margin-top: 25px;

}

#shadow-container {

	margin-right: 3px;
	margin-bottom: 3px;
        width:790px;
margin-right: 3px;
margin-bottom: 3px;
}
 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .shadow4,
#shadow-container .shadow5,
#shadow-container .container {
	position: relative;
	left: 1px;
	bottom: 1px;
}
 
#shadow-container .shadow1 {
	background: #97a95e;
        width:797px;
}
 
#shadow-container .shadow2 {
	background: #94a55c;
        width:796px;
}
 
#shadow-container .shadow3 {
	background: #8fa059;
        width:795px;
}
#shadow-container .shadow4 {
	background: #8a9a56;
        width:794px;
}
#shadow-container .shadow5 {
	background: #839252;
        width:793px;
}
 
#shadow-container .container {
	background: #ffffff;
        width: 790px;
}

}

#header h1 {
text-indext: -9999px;
float:left;

}

#header ul {
overflow: hidden;
} 

#header ul li {
 float: left;
 padding-left: 0px;
 margin-right: 0px;
 margin-top: 20px;
}


#header ul li#callToday {
 margin-left: 30px;
 margin-top: 40px;
 font-size: 16px;
 font-weight: bold;
  text-align: center;
  padding-bottom: 20px;
}

#header ul li#Logo {
 background: url(images/bannerTitle.png) no-repeat;
 width: 440px;
 height: 85px;
 margin-left: 40px;
 text-indent: -9999px;
 padding-bottom: 20px;
}

#header ul li#LocallyOwned {
 margin-left: 23px;
 margin-top: 38px;
 text-align: center;
 font-size: 12px;
 font-weight: bold;
 padding-bottom: 20px;
}

#main {
background: #000000;
clear: both;
overflow: hidden;
}

#main #primary {
 float: left;
 width: 385px;
margin-left: 15px;
}

#main #secondary {
	float: right;
	width: 360px;
}

#secondaryServiceList {
	height:241px;
	background-image: url(images/secondarybckImage.jpg);
	margin-right: 15px;
	margin-bottom: 15px;
	border: 2px solid #98aa5f;}

.secondaryServiceListTitle {
margin-top: 15px;
margin-left: 15px;
margin-bottom: 5px;
font-weight: bold;
 color: #98aa5f;
}


#secondary2ndNav {
	height:30px;
 color:#98aa5f;
text-align: right;
padding-right: 15px;
}

.secondaryBox {
 float: left;
 background:#ffffff;

}


.secondaryBox h3 {
 padding-top: 15px;
color: #98aa5f;
Font-style: italic;

}

.secondaryBox p {
 color: #000000;
font-size: 12px;
padding: 5px 15px 15px 15px;
}

#teamTestimonial
{float: right;
width: 360px;}

#secondaryBoxSpiffyContainer {
margin-top: 10px;
margin-bottom: 15px;
margin-right:15px;}

.secondaryBoxSpiffy{display:block}
.secondaryBoxSpiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.secondaryBoxSpiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d;
  background:#bfbfbf}
.secondaryBoxSpiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #191919;
  border-right:1px solid #191919;
  background:#cecece}
.secondaryBoxSpiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #cecece;
  border-right:1px solid #cecece;}
.secondaryBoxSpiffy4{
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d}
.secondaryBoxSpiffy5{
  border-left:1px solid #bfbfbf;
  border-right:1px solid #bfbfbf}
.secondaryBoxSpiffyfg{
  background:#ffffff}

.yellowPhone
{margin-right: 15px;
margin-bottom: 20px;}

.primaryYellowPhone {
background: #f9dc3a;
padding: 5px 10px 5px 10px;
text-align:center;

}

.primaryYellowPhone h3
{font-size: 14px;
}

.primaryYellow {
background: #f9dc3a;
padding: 20px 33px 20px 33px;
text-align:center;
}

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#f9dc3a}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6b5e18;
  border-right:1px solid #6b5e18;
  background:#baa52b}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #181605;
  border-right:1px solid #181605;
  background:#c9b22e}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c9b22e;
  border-right:1px solid #c9b22e;}
.spiffy4{
  border-left:1px solid #6b5e18;
  border-right:1px solid #6b5e18}
.spiffy5{
  border-left:1px solid #baa52b;
  border-right:1px solid #baa52b}


.primaryThumb {
padding: 0px 10px 0px 16px;
margin-bottom: 10px;
margin-top: 15px;
width:333px;
float: left;
}

#secondary h3 {
padding: 15px 0px 10px 10px;
}

#secondary ul li,
ul#secondaryLists li {
 padding: 1px 0 1px 20px;
 color: #98aa5f;
}

#footer {
padding: 7px 0px 7px 0px;
background: #ffffff;
text-align: center;
 border-top: 2px solid #98aa5f;
font-size: 11px;
}

#sites2behold {
background: #000000;
text-align: center;
color: #ffffff;
font-size: 10px;
padding: 10px 0px 10px 0px;
border-top: 2px solid #98aa5f;

}




/* END Body Layout */

/* begin OurLocations */

#main #map {
	float: right;
	width: 360px;
	margin-right: 15px;
	margin-bottom: 15px;

}

.primaryYellowLocation {
background: #f9dc3a;
padding: 10px 10px 10px 10px;
text-align:center;
}

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#f9dc3a}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6b5e18;
  border-right:1px solid #6b5e18;
  background:#baa52b}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #181605;
  border-right:1px solid #181605;
  background:#c9b22e}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c9b22e;
  border-right:1px solid #c9b22e;}
.spiffy4{
  border-left:1px solid #6b5e18;
  border-right:1px solid #6b5e18}
.spiffy5{
  border-left:1px solid #baa52b;
  border-right:1px solid #baa52b}

.primaryYellowLocation .location {
font-size: 14px;
font-weight: bold;}

.resourcesContent {
 float: left;
 background:#ffffff;
}

.resourcesContent img {
 float: left;
 padding: 20px 20px 15px 15px;
}

.resourcesContent h3 {
 padding-top: 20px;
color: #98aa5f;
Font-style: italic;
margin-left:15px;

}

.resourcesContent p {
 color: #000000;
font-size: 12px;
padding: 5px 15px 15px 15px;
}



/* begin OurTeam */

#main #primary700 {
	float: left; 
	width: 725px;
	margin-bottom: 15px;
margin-top: 15px;
 overflow: hidden;
padding-right:15px;
}

#main #primary700-full {
	width: 725px;
	margin-bottom: 15px;
margin-top: 15px;
 overflow: hidden;
padding-right:15px;
margin-left: 30px;
}

.TeamBios {
 float: left;
 background:#ffffff;
}

.TeamBios img {
 float: left;
 padding: 20px 20px 15px 15px;
}

.TeamBios h3 {
 padding-top: 20px;
color: #98aa5f;
Font-style: italic;

}

.TeamBios p {
 color: #000000;
font-size: 12px;
padding: 5px 15px 15px 15px;
}

.TeamBios ul
{ margin-left: 20px;
}

#biosSpiffyContainer {
margin-top: 10px;
margin-bottom: 15px;}

.biosSpiffy{display:block}
.biosSpiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.biosSpiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d;
  background:#bfbfbf}
.biosSpiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #191919;
  border-right:1px solid #191919;
  background:#cecece}
.biosSpiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #cecece;
  border-right:1px solid #cecece;}
.biosSpiffy4{
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d}
.biosSpiffy5{
  border-left:1px solid #bfbfbf;
  border-right:1px solid #bfbfbf}
.biosSpiffyfg{
  background:#ffffff}



.primaryYellowTeam {
background: #f9dc3a;
padding: 10px 10px 10px 10px;
text-align:center;

}

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#f9dc3a}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6b5e18;
  border-right:1px solid #6b5e18;
  background:#baa52b}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #181605;
  border-right:1px solid #181605;
  background:#c9b22e}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c9b22e;
  border-right:1px solid #c9b22e;}
.spiffy4{
  border-left:1px solid #6b5e18;
  border-right:1px solid #6b5e18}
.spiffy5{
  border-left:1px solid #baa52b;
  border-right:1px solid #baa52b}

.primaryYellowTeam .Team {
font-size: 12px;}