html {
font-size:100.1%;
}
/* (font size 62.5% makes an 'em' equal to 10 pixels - very easy to use relative sizes by doing this) */ 
body {
		font-family:Geneva, Arial, Helvetica, sans-serif;
		text-align: center;
		margin: 0;
		font-size:62.5%;
	}
	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}





/*GLOBAL FONT STYLES */

h1, h2 {
font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {
padding: 0 0 10px 0;
margin: 0;
}
h2 {
padding: 0 0 10px 0;
margin: 0;
}
h3 {
padding: 0 0 10px 0;
margin: 0;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

a:link, a:visited {
color: #3f7bab;
text-decoration: underline;
}

a:hover {
color: #34658c;
}


/* BASIC LAYOUT */
#container {
margin: 0;
padding: 0;
background-image:url(https://www.environmentalservicesnc.com/images/uploads/pagebg.gif);
background-repeat: repeat-x;
background-position: top left;
background-color: #b2c8d2;
		text-align: left;
}
#header {
width: 960px;
margin: 0 auto;
text-align: left;
}
#content {
width: 960px;
margin: 0 auto;
padding: 20px 0 20px 0;
text-align: left;
}


#secondarycontent {
width: 300px;
margin: 0;
padding: 0;
float: left;
}

#maincontent {
width: 630px;
margin: 0 0 0 30px;
padding: 0;
float: left;
}

/* HEADER CONTENT */

p a.logo {
width: 289px;
height: 112px;
display:block;
text-indent: -5000px;
outline: none;
background-image:url(https://www.environmentalservicesnc.com/images/uploads/protocol-sampling-environmental-services3.gif);
background-repeat: no-repeat;
background-position: top left;
}

/* GLOBAL NAV */


#nav {
position: relative;
top: 92px;
}

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float: right;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		/*margin-bottom : -1px;*/
		/*width: 8em;*/
		font-size: 1.5em;
	}
	#nav li.last {
	/*width: 3em;*/
	margin: 0;
	}
	#nav li.first {
	/*width: 3em;*/
	}
	#nav li.first a em {
	/*width: 3em;*/
	font-style: normal;
	color: #c2c9cc;
	}
	#nav li.last a {
		/*width: 3em;
		w\idth : 3em;*/
		border-right:0px;
		padding: 0 0 0 0;
	}
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 0;
		margin-top : 0;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		/*width: 8em;
		w\idth : 7em;*/
		display : block;
		color : #5d6c73;
		
		text-decoration : none;
		/*font-weight : bold;
		background-color : #88a2ba;*/
	
		border-left:1px solid white;;
		/*border-right:1px solid white;*/
	
		/*border : 1px solid white;*/
		/*padding : 0 0.5em;*/
			padding: 0 50px 0 5px;
	}
	
	#nav li a:hover {
		color : #34658c;/*
		background-color : #d6e0e7;*/
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	#nav li ul li a {
	border : 1px solid white;
	background-color : #d6e0e7;
	width: 91px;
	}
	#nav li ul li {
		font-size: 1.0em;	
	width: 120px;
	}
	/*#content {
		margin-left : 12em;
	}*/


/* SECONDARY CONTENT */

#secondarycontent ul {
margin: 0 0 20px 0;
padding: 0;
}

#secondarycontent ul li {
margin: 0;
padding: 0;
list-style-type: none;
font-weight: bold;
border-bottom: #cdcdcd solid 1px;
}
#secondarycontent ul li a {
display: block;
/*border-bottom: #cdcdcd solid 2px;*/
text-decoration: none;
margin: 4px;
}
#secondarycontent ul li a:link, #secondarycontent ul li a:visited {
color: #303a41;
}

#secondarycontent ul li a:hover {
background-color: #d6e0e7;
color: #34658c;
}

#secondarycontent ul li a:active {

}
#secondarycontent ul li ul{
margin: 0;
padding: 0;
font-weight: normal;
}
#secondarycontent ul li ul li{
margin: 0;
padding: 0;
border-bottom: none;
}
#secondarycontent ul li ul li a {
text-align: left;
		font-size: 1.2em;
padding: 0 0 4px 16px;
}


#secondarycontent {
background-color: #d9e4e9;
}

.home #secondarycontent  {
background: none;
}


.home #secondarycontent ul {
margin: 0;
padding: 0;
}
.home #secondarycontent ul li {
list-style-type: none;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
border-bottom: none;
}
.home #secondarycontent ul li a {
display: block;
text-decoration: none;

margin: 0 0 0 0;
padding: 6px 10px;
}
.home #secondarycontent ul li a:link, #secondarycontent ul li a:visited {
color: #3f7bab;
background-color: #d9e4e9;
}

.home #secondarycontent ul li a:hover {
background-color: #d6e0e7;
color: #34658c;
}


#secondarycontent h3 {
color: #34658c;
}
#secondarycontent h2 {
color: #34658c;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
.home #secondarycontent h2 {
font-size: 1.8em;
}


/* MAIN CONTENT*/

#maincontent img a {
border: none;
}

#maincontent img.feature {
border: 8px #FFFFFF solid;
}

#maincontent p {
padding: 0 0 1.2em 0;
margin: 0;
font-size: 1.2em;
color: #3a4e59;
}
#maincontent ul {
font-size: 1.2em;
color: #3a4e59;
}
#maincontent ul.servicelist, #maincontent ul.nav_categories {
font-size: 1.2em;
color: #3a4e59;
}
#maincontent ul.servicelist li, #maincontent ul.nav_categories li {
margin: 0;
padding: 0;
list-style-type: none;
}
#maincontent ul.servicelist li a, #maincontent ul.nav_categories li a {
font-size: 1.6em;
text-decoration: none;
}

#maincontent ul.servicelist li a:link, #maincontent ul.nav_categories li a:link {
color: #3F7BAB;

}
#maincontent ul.servicelist li a:visited, #maincontent ul.nav_categories li a:visited {
color: #5e7b91;
}
#maincontent ul.servicelist li a:hover, #maincontent ul.nav_categories li a:hover {
text-decoration: underline;
}
#maincontent ul.servicelist li a:active, #maincontent ul.nav_categories li a:active {

}

blockquote {
font-family: Georgia, "Times New Roman", Times, serif;
display: block;
padding: 0 60px;
width: 350px;
}
blockquote:before, blockquote:after {
color: #99acb5;
display: block;
font-size: 400%;
width: 50px;
}

blockquote:before {
content: open-quote;
height: 10px;
margin-left: -0.55em;
}
blockquote:after {
content: close-quote;
height: 40px;
margin-top: -30px;
margin-left: 360px;
}

#maincontent h1 {
color: #445863;
}

#maincontent h2 {
color: #445863;
}
#maincontent h3 {
font-size: 1.3em;
color: #445863;
}

/* FOOTER CONTENT */

#footer {
padding: 20px 0 0 0;
margin: 0;
background-image:url(https://www.environmentalservicesnc.com/images/uploads/footerbg.gif);
background-repeat: repeat-x;
background-position: top left;
background-color:#FFFFFF;
text-align: center;
}
#footercontent {
width: 960px;
margin: 0 auto;
text-align: center;
}


#footercontent ul {
margin: 0;
padding: 0;
}

#footercontent ul li {
margin: 0 0 4px 0;
padding: 0;
list-style-type: none;
font-size: 1.0em;
}

#footercontent ul li a{
display: block;
}

#footercontent ul li a span{ /* news and project titles */
font-size: 1.2em;
color: #3f7bab;
font-weight: bold;
}
#footercontent ul li a:link, #footercontent ul li a:visited {
text-decoration: none;
color: #62696f;
}
#footercontent ul li a:hover {
background-color: #e5e9ec;
}
#footercontent ul li a:hover span{ /* news and project titles */
text-decoration: underline;
}
#footercontent ul li a:active {
} 

#footercontent ul li a p { /*news item summary, maybe project problem */
margin: 0;
padding: 6px 0;
font-size: 1.1em;
}

#footercontent ul li p a { /* read more link */
}

#footernews {
width: 300px;
float: left;
}
#footerproject {
width: 300px;
float: left;
margin: 0 0 0 30px;
}

#footercontact {
width: 300px;
float: right;
}

#footercontact p, #footernews p, #footerproject p {
margin: 0;
padding: 0 0 1.0em 0;
color: #62696f;
font-size: 1.1em;
}
#footercontact p a:link, #footercontact p a:visited {
text-decoration: none;
color: #3f7bab;
}

#footercontact p a:hover {
text-decoration: underline;
}

#footercontact p a:visited {
}



#footercontact2 {
width: 960px;
text-align: left;
float: left;
}

#footercontact2 p {
margin: 0;
padding: 0 0 1.0em 0;
color: #62696f;
font-size: 1.1em;
}
#footercontact2 p a:link, #footercontact2 p a:visited {
text-decoration: none;
color: #3f7bab;
}

#footercontact2 p a:hover {
text-decoration: underline;
}

#footercontact2 p a:visited {
}


#footer h3 {
color:#797C80;
font-size:1.2em;
font-weight:normal;
margin-bottom:3px;
text-transform:uppercase;
font-family:Arial,sans-serif;
line-height:27px;

}


/* BLOG STYLES */

.entry {
margin: 0 0 20px 0;
}
.entry h2 a{
}
.entry p {
}				

#posted {
}
/*currently no styles for posted of comments, add span classes?*/
#posted a { /* links to category, comments*/
}

#comment_entries { /* <a name="comments"></a> ?? */
}

.comment_body p {
}