body {
	font: 100% Helvetica, sans-serif;
	line-height: 1.3em;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #458f6c; 
	background: #458f6c url(../images/background-fade.jpg) center top no-repeat;
}

img {max-width: 100%; }
h1 {color: #fff;font-size:40px; padding: .6em 0; line-height: 1.6em;}
h2 {color: #fff;font-size:36px; padding: 0 0 .2em 0; line-height: 1.6em}
h3 {color: #fff;font-size:30px; padding: .8em 0 .3em 0; line-height:1.3em; font-weight:600;}
h4 {color: #fff;font-size:29px; padding: .8em 0 .3em 0; line-height:1.3em; font-weight:bold;}
h5 {color: #fff;font-size:18px; padding: .8em 0 .3em 0; line-height:1.3em; font-weight:bold;}

p {font-size:20px;}

.cf:before,
.cf:after {
    content: " "; 
    display: table; 
}

.cf:after {
    clear: both;
}

#theReCaptcha {margin-top:8px;margin-bottom:10px;margin-left:10px;}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

#mainContent, #header, #footerwrapper {
	max-width: 1170px;	
	margin: auto;
	/* padding: 0 0% 2em; */
	text-align:left;
	padding-right: 5px;
  padding-left: 5px;
}


#uarr {display:none;}

#spacer {height:72px;}
#middle-spacer {height:29px;}

/* ------- HEADER ------- */

#headerWrapper { 
	margin: 0 auto;
	text-align:left;
	color:#fff;
}
	
#header {
	position:relative;
	background-color: #fff;
	}

#headtitle {
	  float: left;
    height: 116px;
    width: 290px;
    margin-top: 10px;
    margin-left:35px;
}

#click-to-call {float:right;margin-top:-81px;}
#click-to-call img {margin-top:8px; margin-right: 6px;}	

#tagline {
	color: #1b290F;
   font-size: 2.01em; 
   float:right;
   margin-top: -25px;
 }

#callblock {
  color: darkgreen;
  float:right;
}

#callblock .address-line {font-size: 18px;float:right;font-weight:600;}
#callblock .link-line {font-size: 32px;float:right;font-weight:600;margin-top: 10px;}
#callblock .tag-line {font-size: 28px;float:right;font-weight:600;margin-top: 10px;}
#callblock img {margin-bottom:-3px;}
#callblock a {text-decoration:none;color: darkgreen;}  
#callblock a:hover {color: darkgrey;}  



#header h1 {
	display: inline-block;
	margin-top: -124px;
	margin-right: 66px;
	color: #1b290F;
	font: 42px Libre Baskerville;
	padding: .6em 0; 
	line-height: 1.6em; 
	font-weight:900;
	float:right;
	letter-spacing: 0px;
	transform: scale(0.88,.8);
}

#header h2 {
	margin-top:-80px;
	margin-right: 66px;
	font: 32px Libre Baskerville;
	color: #1b290F;
	padding: .6em 0; 
	line-height: 1.6em; 
	font-weight:900;
	float:right;
	letter-spacing: 0px;
	transform: scale(0.88,.8);
}

#headerlogo {width:372px;}

#headerlogo img {
	float:left;
	margin-right: -23px;
	margin-top: 5px;
	margin-left: 14px;
}


#menu {
	border-top: 1px solid #7b8083;
	border-bottom: 1px solid #fff;
	margin-top: -33px;
  margin-left: -5px;
  margin-right: -5px;
}



/* ----- MAIN WRAPPER & MAINCONTENT STYLES ----- */

#mainWrapper { 
	border-bottom: 1px solid #ddd;
  min-height: 2000px;
}

#mainWrapper p {
	line-height: 1.1em;
	font-weight:bold;
	margin-top: 10px;
	/* text-shadow: 1px 2px 2px #000; */
}


#mainContent {
	background-color: darkslategrey; 
	/* background-color: darkolivegreen; */
	background-blend-mode: soft-light;
	background-size: cover;
  background-position: center;
  background-repeat: no-repeat; 
	padding-top: 2em;
	position: relative;
	color: #fff;
}

#mainContent.home-bg { background-image: url(../images/DSC_9318.jpg) ; }
#mainContent.services-bg { background-image: url(../images/about-main1.jpg) ; }
#mainContent.contact-bg { background-image: url(../images/DSC_9318.jpg) ; }
#mainContent.contest-bg { background-image: url(../images/septichorror1.jpg) ; }

#backgroundimg {max-width: 100%; max-height: 100%;margin-bottom: -5px;}


.col {
    display: block;
    float: left;
    margin-top: 2px;
    margin-right: 0;
    margin-bottom:2px;
    margin-left:6px;
}

#menu ul li {
	list-style: round;
	margin-left: 0px;
}





ul.practicelinks {
	margin: 20px 0;
	}
ul.practicelinks li {
	border-top: 1px solid #ccc;
	}
ul.practicelinks li a {
	padding: 10px; 
	text-decoration:none; 
	display:block;
	}
ul.practicelinks li a:hover {
	background:#fcfcfc;
	}

ul.bio-certs {
	margin-left: 2%;
	list-style:none;
}

ul.bio-certs li {
	margin-bottom: 12px;
	list-style:none;
	}

img.profile {width:300px;}


#chalkboard {	
     border:5px solid #F56028; 
     margin-left:20px; 
     padding:10px; 
     box-shadow: 8px 8px 5px #888888; 
     color:black; 
     max-width:500px; 
     border-radius: 5px;
     text-align: center;
     }


#chalkboardContent {
	margin-top:2px;
}


#chalkboardContent h2 {	
	font-size:20px; 
	line-height:1.0em; 
	font-weight:600;
	border-radius: 5px;
}

#chalkboardContent h3 {	
	font-size:16px; 
	line-height:1.3em; 
	font-weight:600;
	}

#chalkboardContent h4 {	
	font-size:12px;
	line-height:1.3em; 
	font-weight:600;
	font-style:italic
}


/* ----- FOOTER STYLES ----- */
#footerWrapper {
	  background: #555;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    margin-left: -6px;
    margin-right: -5px;
}

#footer { 
	padding-left: 20px; 
	color:#fff;
} 

#footer p {
	margin: 0; 
	padding: 5px 0; 
	font-size: 16px;
}

.nobreak {whitespace:nowrap; display:block;}

.designlink a, .designlink a:visited {coxlor:#999; text-decoration:none;}

.small {font-size: .8em;}


.slideshow { height: 450px; width: 600px; margin: auto }
.slideshow img { padding: 10px; border: 1px solid #ccc; background-color: #eee; }

#google-map {
    float: right;
    background: url(http://www.wagreenworks.com/images/map.png) no-repeat;
    background-size: 100%;
    width: 325px;
    height: 250px;
    margin-left: 10px;
    text-align: center;
}

#sketches {margin-left: 30%;}
#sketches table {background-color:white; min-width: 50%;;padding-left:10px;padding-right:10px;}
#sketches td {padding:5px;}
#sketches a {padding-left:10px;color:black;font-size: .8em;}
#sketches .sketchfab-embed-wrapper {width:70%; margin: 0 auto;}
#sketches iframe {width:100%;height:480px; }
#tpchd {font-size:10px;margin-top:-5px;}
#tpchd a {color:white;padding-left:0px;}



#services-output img {max-height:100%;margin:auto;margin-top: 10px;width:100%;}
#services-output {height:814px;}
#target {float:right; margin-top: 12px;margin-left: 20px; margin-right: 10px;}

.servicepic {width:100%;margin:auto;}
.inv {display: none;}

.custom-select {
	  width: 95%;
    height: 30px;
    background-color: #555;
    color: #fff;
    font-size: 17px;
  }

/* ----- SLIM MENU OVERRIDE STYLES ------ */
.menu-collapser {
  position: relative;
	color: white;
  font-weight: bold;  
	background-color: #aaa;
}

.slimmenu {
   background: #7b8083;
}


ul.slimmenu > li {
	    border-left:initial;
}

ul.slimmenu li a {
	color: #fff;
	
}


ul.slimmenu li.nested ul { 
	width: 122%; 
}
ul.slimmenu li ul li a {
	padding-right:16px;
	width:auto;
	}
ul.slimmenu li.nested ul li { 
	width: 100%; 
	background-color: #ddd;
	}
ul.slimmenu li.nested ul li:last-child,
ul.slimmenu li.nested ul li:last-child a:hover {
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	}
ul.slimmenu li.nested ul li a {
	padding: 10px 10px 10px 26px;
	}
ul.slimmenu li.nested:hover {
	background:#c0c0c0;
	}
ul.slimmenu li a:hover {
	background:#c0c0c0;
	}


.contactForm tr {line-height:1.6;}

.aside {color:#888; font-style:italic; font-size: .9em;}


@media (max-width: 1010px) {
}

@media (max-width: 800px) {
ul.slimmenu > li { border-left:none;}
#mainContent {margin-top: 0; background-color: darkslategrey; background-blend-mode: soft-light;}
#footerWrapper {background-position: fixed;}
#containerIntakeFormI {margin:0 0%;}
h2 {font-size:22px;font-weight:900;margin-top:5px;}
h3 {font-size:20px;font-weight:900;}
#callblock .address-line {font-size: 14px;margin-top: 10px;}
#callblock .link-line {font-size: 20px;margin-top: 5px;}
#callblock .tag-line {font-size: 19px;margin-top: 5px;}
#callblock img {height:19px;}
p  {font-size:16px;}
.thebackground img {margin-top:50px;}
#spacer {height:48px;}
#services-output {height:546px;}
#tpchd {font-size:8px;margin-top:-2px;}
#sketches table {background-color:white;max-width:100%;padding-left:5px;padding-right:5px;}
#sketches td {font-size:8px;padding: 2px;}
#sketches a {padding-left: 2px;    font-size: 1.2em;}
#sketches .sketchfab-embed-wrapper {width:95%; margin: 0 auto;}
#sketches iframe {width:100%;height:240px; }
}

@media (max-width: 645px) {
#containerIntakeFormI {margin:0 0%;}
input#intakeFormISubmit.intakeFormISubmit {margin:30px auto!important;}
#intakeFormI select {width: 20em;}
#intakeFormI input {width: 18em;}
#headerlogo {margin-top:19px;}
#callblock .address-line {font-size: 14px;}
#callblock .link-line {font-size: 20px;}
#callblock .tag-line {font-size: 19px;}
#callblock img {height:18px;}
#backgroundimg {width: 1176px; height: 525px;}
#spacer {display:none;}
.col {margin-bottom: 5px; margin-left: -1px;margin-top: -5px;}
#google-map {display:none;}
#services-output {height:624px;}
#larr {display:none;}
#uarr {display:inline;margin-left:50px;}
#sketches {margin-left:10%;}
}

@media (max-width: 420px) {
#containerIntakeFormI {margin:0 1%;}
#header h1 {font: 30px Libre Baskerville;margin-top:-12px;}
#header h2 {font: 21px Libre Baskerville;margin-top:-43px;}
#headerlogo {width:300px;margin-left: -12px;}
#headerlogo img {float:left;margin-right: -23px;margin-top: -8px;margin-left: 10px;}
h2 {font-size:17px;font-weight:900;}
h3 {font-size:15px;font-weight:900;}
p {font-size:12px;}
#callblock img {height:13px;}
#click-to-call img {margin-top:14px; margin-right: 10px;}	
#email-icon {display:none;}
.small {font-size: .7em;}
#middle-spacer {height:40px;}

}