html { font-size: 1em; }
body { font-family: 'Ubuntu', sans-serif; font-size: 1em; font-style: normal; font-weight: normal; line-height: 1.3em; margin-top: 0px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; text-align: center;  background-color:#355212; }

.bgpink { background-color:#FCC; opacity: .7; }
.bgblue { background-color:#CFF; opacity: .7; }
.bgyellow { background-color:#FF9; opacity: .7; }
.textLeft { text-align:left; }
.textCenter { text-align:center; }
.textRight { text-align: right; }

.container {background-image:url(images/graphics/navbg.png); background-repeat:repeat-y; background-color:#FFF;}
.bodycenter { text-align: center;}
.bodyright { text-align: right; }
.header { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.6em; font-style: normal; font-weight: bold; color: #F00; }
.mini { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #000000; line-height: 1.4em; }
.header-detail { background-image: url(images/graphics/siteheader.png); background-repeat: no-repeat; margin: 0px; padding: 0px; height: 106px; width: 900px; background-color: #FFF; }
.navitable  { background-image: url(images/graphics/navbg.png); background-repeat: repeat-y; margin: 0px; padding: 0px; height: 500px; width: 209px; background-color: #3E611C;
}
a:link { color: #F00; text-decoration: none; }
a:visited { text-decoration: none; color: #060; }
a:hover {
	text-decoration: underline;
	color: #093;
}
a:active {
	text-decoration: none;
	color: #600;
}
#pageContent { margin-top:18px; }
#SepticBanner {  display:block; /*background-color:#066;*/ color:#666; text-align:center;  /*border-left:#00C solid 2px;*/  }
#SepticBanner img { Padding: -15px; margin-bottom: 12px;margin-right:auto; margin-left:auto;  }

#ExcavationBanner { display:block; /*background-color:#0CC;*/  color:#666; margin-bottom: 20px; border-left:#F00 solid 1px;  }
#ExcavationBanner img { Padding: -15px; margin-bottom: 12px;margin-right:auto; margin-left:auto;  }

h1 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #F00; margin: 0px; margin-bottom: 10px; padding: .2em;  text-align: left; }

p { }
h2 { font-size: 1.2em; color: #060; font-style: italic; border-top-width: 1px; border-top-style: solid; border-top-color: #F00; padding-top: 0.2em; margin-top: 0.3em; text-align: left; }
h3 { font-size:1.2em; color:#060;}

h3 #Specialties { background-color:#066;}

#Specialties { margin-bottom: 15px; }

.testiBtn { border: 2px #FFF solid; margin-bottom: 4px; margin-left: 3px; transition: all .56s ease; } 
.testiBtn:hover { border: 2px #F00 solid; } 
.pledge { color:#F00; font-style:italic;}

#SiteMapList { text-align:left;}
/*
#pledge { font-weight: normal; color: #666; font-size: 1.05em; font-style: italic; }
#special { font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.9em; font-style: italic; line-height: 1.2em; color: #333; text-align: center; padding-top: 10px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; }
#mapinfo tr td ul li { list-style-type: none; font-size: 0.9em; }
.Aarons { font-style: italic; font-weight: bold; color: #900; }
.mini table tr td table tr .body p #hdeg_link { position: relative; display: block; text-align: right; float: right; clear: both; right: auto; }
#littlepun { font-size: 0.8em; top: -20px; position: relative; }
#hdeg_large { float: left; }
#projectOverview tr td img { margin-bottom: 10px; }
#projectOverview h2 { text-indent: 5px; }
#projectOverview p { padding-left: 10px; } */
#pageContent { display:block;}

.nav-pills>li>a { background-image:url(images/modGraphics/buttonStates/general-off.jpg); background-repeat:no-repeat; background-position:left; color:#000; text-align:left; min-width:209px; font-size: 1em; font-style:italic; padding-top: 3px;}
.nav-pills>li>a:hover { background-image:url(images/modGraphics/buttonStates/general-over.jpg); background-repeat:no-repeat; background-color:#FFF;}

#MainNav { background-color: #FFF;}

#HomeBtn { margin-left:42px; background-image:url(images/graphics/LogoOnly.png); display:block; width: 226px; height: 85px; }

#HomeBtn:hover { background-image:url(images/graphics/LogoOnlyOver.png); }

#DesktopElements {
text-align:left; background-image: url(images/modGraphics/siteheader-resp.png); background-repeat:no-repeat; height: 105px; }

#DesktopElements .ContactInfo { position:relative; display:block; left:679px; width: 242px; height: 43px; background-image:url(images/graphics/buttons/contacthead-off.jpg); }
#DesktopElements .ContactInfo:hover { background-image:url(images/graphics/buttons/contacthead-over.jpg); webkit-transition: background-image 1s ease; moz-transition: background-image 1s ease; o-transition: background-image 1s ease; transition: background-image 1s ease;}

.navbar .navbar-default { background-color: #FF0; }
#DesktopElements #HomeBtn a { display: block; width: 250px; position: absolute; left: 65px; height: 93px;
}

.ContactInfo {position: relative; top:-85px; } 
.ContactInfo #PhoneNo { position: relative; left: 45px; top:6 px; font-weight:bold; font-size:1.4em; color:#FFF; font-style:oblique; width: 200px;
}
.ContactInfo #ContactBtn a { position:relative; left: 40px; top:4px; font-size:.9em; color: #FF0; text-decoration: none;
}
.navbar-default { background-image: linear-gradient(to bottom, #fff 0px, #ff0 100%);
    background-repeat: repeat-x;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);}
	
.navbar-brand { padding:0px; margin: 0px;}

/*border: #F00 1px solid; */

#quickQuote { z-index: 10;  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;  }

#inlineForm { }

.normal {
    display: block; border: #FC3 1px solid; background-color: rgba(200, 200, 0, .6); position: fixed; top: 120px; right: -360px; webkit-transition: all 1s ease; moz-transition: all 1s ease; o-transition: all 1s ease; transition: all 1s ease;
}
.out {
    right: 20px; background-color: rgba(242, 242, 61, .95); border: #06C 1px solid; 
}

#quickQuote h2 { position: relative; left: -60px; background-color: rgba(242, 242, 105, 0.9); text-align:center; padding: 10px; font-size:1em; cursor:pointer; width: 90px; border:#F00 2px solid;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-left: 6px; line-height: 1.3em; font-weight:bold; }

#quickQuote h4 { font-weight:bold; font-style:italic; margin-bottom: 0px; padding-bottom:0px; }

#quickQuote p { font-style:italic; margin-top: 0px; padding-top:0px; }

#quickQuote h2:hover { background-color: rgba(188, 188, 16, 0.9); }

#quickQuoteMobile h2:hover { background-color:rgba(188, 188, 16, 0.9); }

#QuoteReq { font-size:.95em; display:block; width:250px; position:relative; top:-112px; left: 75px; margin-bottom:-120px; text-align:left; }

#QuoteReq button { padding-top: 10px; padding-bottom: 10px;}

#QuoteReq .phone { font-style:italic; font-weight:bold;}

#quickQuote .divLabel { font-weight:550; font-size:.8em; padding: 4px; text-align:right;}
#quickQuote input { margin-bottom: 3px; }

.Xbutton { position: relative; top: -112px; left: 358px; padding: 3px; border:#060 1px solid; margin-bottom: -15px; width: 30px; height: 30px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-left: 3px; cursor:pointer; }

.Xbutton:hover { background-color:rgba(188, 188, 16, 0.9); }

#inlineForm .divLabel { display: block; font-size: .8em; text-align:right; }
#inlineForm .button { text-align:center; margin-top:10px; margin-bottom: 4px; }
#inlineForm .form-control { font-size:.8em; line-height:1.2; margin-bottom: 3px; padding: 3px 6px; }
#inlineForm input .form-control { line-height: 28px; }
#inlineForm h2 { border: 0px; text-align:center; }

#HeavyDutyExcavating { background-color: rgba(255, 255, 255, 0.7); text-align:left; position:relative; top: 15px; display: block; border:#F00 2px solid; border-radius: 6px; padding-top:10px; }


#EcoAireLink { background-color: rgba(255, 255, 255, 0.7); text-align:left; position:relative; top: 15px; display: block; border:#F00 2px solid; border-radius: 6px; margin-bottom: 10px; padding-top: 15px; }

#HeavyDutyExcavating #OurExcavatingTools p { margin-top:20px; }

#AlternateSelections { margin-top: 25px; }

#footer { margin-top: 25px; margin-bottom: 20px; font-size:.9em; padding: 8px; }

#copyright { font-size:.9em; }

.map-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0;
}
.map-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute;}

#AreasPageAreas h2 {border: none;}

#loPhoneNo { font-size: 1.2em; font-weight:bold;}
	/*
*** Tablet device Typical 
*/


@media only screen and (max-width: 992px) 
{
#pageContent { display:block; position:relative; margin-top: 65px;}

}

@media only screen and (max-width: 767px) 
{
	
	.closeBtnX { border: #f00 1px solid; width: 20px;  }
	
	#quickQuoteMobile h2 { color: #FF3; background-color:rgba(165, 135, 57, 0.9); text-align:center; padding-bottom: 5px; padding-left: 8px; padding-right: 8px; margin-left:3px; margin-right:3px; margin-bottom:0px; font-size:1.8em; cursor:pointer; border:#F00 1px solid;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	
	.navbar-toggle {z-index: 6;}
	.toggleX { position:fixed; right: -5px; }
	#quickQuoteMobile { z-index: 10;  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;  }
.low {
    font-size: .7em; display: block; border: #06C 1px solid; background-color: #FF0; position: fixed; bottom: -275px;  margin-left:auto; margin-right:auto; webkit-transition: all 1s ease; moz-transition: all 1s ease; o-transition: all 1s ease; transition: all 1s ease;
}
.up {
    bottom: 30px;
}

#quickQuote .divLabel { text-align:center; }

.container { position:relative; left: -15px;}
h1 { font-size: 1.2em; position: relative; right: 0px; text-align: right; }

h3 { font-size: 1em; position: relative; right: 0px; text-align: left; }
	
#PageFocus {text-align: left; }	

#ExcavationBanner { margin-bottom: 20px; border-bottom: #F00 solid 1px; border-left: 0px;}

#SepticBanner {  border-bottom: #F00 solid 1px; margin-bottom: 16px; }

#HeavyDutyExcavating img  { margin-left: auto; margin-right: auto; }

#EcoAireLink img { margin-left: auto; margin-right: auto; }

#CallBtn { position:fixed; bottom: 75px; width: 180px; margin-left:auto; margin-right:auto; z-index: 10; border:#F00 2px solid; background-image: linear-gradient(to bottom, #FF3 0px, #FF0 50%); opacity: .9; font-size: 1.1em; }

#CallBtn:hover { background-image: linear-gradient(to bottom, #FC0 0px, #FF0 100%); }

.btn-default:hover { background-color: #FF0; }

#footer { position:relative; left: 0px; background-color: rgba(255, 255, 255, 0.7); border:#F00 2px solid; font-size:.9em; padding: 8px; border-radius: 6px; margin-bottom: 90px;}

p { font-size: .8em;}

body .normal {
   position: static; position: fixed; bottom: -20px; right: 30px; height: 500px;
}
body .out {
    bottom: 60px; right: 30px;
}

#quickQuoteMobile .mobileX { visibility:hidden; }

#quickQuoteMobile .up .mobileX { visibility:visible; }

.Xbutton { opacity: .3; position: relative; left: 240px; top: -31px; font-size: 1.5em; width:25px; height:28px; }

.up .Xbutton { opacity: .8; background-color: #C0A95F; }

#HeavyDutyExcavating { }

}