html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.clearer {
	clear: both;
	height: 1px;
	font-size: 1px;
	width: 99%;
}

/***********************************************************************/
html, body {
	color: #000;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
	width: 950px;
	height: 100%;
	margin: 0 auto;
	font-size: 11px;
	background-color: #FFF;
}

	#masthead {
		width: 950px;
		height: 108px;
	}
	
		#masthead .logo {
			float: left;
		} 

		#masthead h1 {
			float: right;
			font-size: 27px;
			color: #1c3c79;
			font-weight: normal;
			padding-top: 70px;
			
			padding-right: 5px;
		} 
	
		#masthead h1 a {
			text-decoration: none;
			color: #1c3c79;
		} 

			#masthead h1 a:hover {
				text-decoration: none;
				color: #1c3c79;
			} 

			#masthead h1 a span.green {
				color: #339933;
			} 
			
				#masthead h1 a:hover span.green {
					color: #339933;
				}

							
		#navigationContainer {

			width: 950px;
			height: 23px;
			text-align: right;
			background: #237843 url(/images/site/nav-bg.gif) left top no-repeat;
			padding-top: 3px;
		}
							
			ul#navigation {
				display: block;
				width: 792px;
				width: 740px;
				float: right;
				height: 20px;		
			}
			
				ul#navigation li {
					display: block;
					float: left;
					height: 20px;
					line-height: 20px;		
					color: #FFF;
					border-right: 1px solid #FFF;
					padding: 0 9px 0 9px;				
				}
		
					ul#navigation li a {
						display: block;
						float: left;
						height: 20px;
						line-height: 20px;
						color: #FFF;
						text-decoration: none;
						font-weight: bold;
						font-size: 13px;
					}



				.home ul#navigation li#home a,
				.projects ul#navigation li#regeneration-projects a,
				.what-we-do ul#navigation li#what-we-do a,
				.about ul#navigation li#about a,
				.associates ul#navigation li#associates a,
				.news ul#navigation li#news a,
				.contact ul#navigation li#contact a,
				.careers ul#navigation li#careers a,
				ul#navigation li a:hover {
					color: #9ecaec;
					text-decoration: none;
				}

			 ul#navigation li#careers { border-right: none; padding-right: 0; }




/****************************************************************************************
Homepage
**********************/

body.home, body.contact {
	background: #edeae4 url(/images/site/bg.gif) left top repeat-x;
}

#content-white {
	padding-top: 5px;
	height: 158px;
	height: 171px;
	padding-left: 20px;
}



	
	#content-white h1 {
		color: #003366;
		font-size: 28px;
		line-height: 28px;
		margin: 20px 0 6px 0;
		font-weight: normal;
	}

		#content-white h1.hometitle {
			color: #003366;
			font-size: 18px;
			line-height: 24px;
			margin: 20px 0 0px 0;
			font-weight: normal;
			font-style: normal;
		}
	
	#content-white h2 {
		color: #378255;
		font-size: 16px;
		line-height: 21px;
		padding: 14px 0 6px 0;
		font-weight: bold;
	}
	
	#content-white p {
		color: #013366;
		font-size: 12px;
		line-height: 21px;
		margin-bottom: 10px;
	}

	#content-white a {
		color: #378255;
		text-decoration: underline;
	}

		#content-white a:hover {
			color: #013366;
			text-decoration: underline;
		}	

		#content-white a.nolink {
			color: #013366;
			text-decoration: none;
		}
	
			#content-white a.nolink:hover {
				color: #013366;
				text-decoration: none;
			}
					
#content-grey {
	background-color: #edeae4;
	padding-top: 30px;
	width: 880px;
	padding-right: 50px;
	border-bottom: 1px solid #edeae4;
	padding-left: 20px;
}

	#content-grey h2 {
		color: #378255;
		font-size: 16px;
		line-height: 21px;
		margin: 18px 0 7px 0;
		font-weight: bold;
	}
	
	#content-grey p {
		color: #013366;
		font-size: 12px;
		line-height: 21px;
		margin-bottom: 12px;
	}

	#content-grey a {
		color: #378255;
		text-decoration: underline;
	}

		#content-grey a:hover {
			color: #013366;
			text-decoration: underline;
		}
		
	#content-grey ul {
		margin-bottom: 35px;
		display: block;
		clear: right;
		height: 80px;
	}
	
		#content-grey ul li {
			color: #013366;
			font-size: 14px;
			line-height: 21px;
			font-weight: normal;
			display: block;
			float: left;
			height: 21px;
			width: 350px;
			text-indent: 13px;
			background: #edeae4 url(/images/site/bullet.gif) left top no-repeat;
		}
		
#hometiles {
	width: 950px;
	height: 242px;
	background: #013366 url(/images/site/hometiles-bg.jpg) left top no-repeat;	
}


	#hometiles div.hometile {
		float: left;
		margin: 13px 4px 0 4px;	
		height: 222px;
		width: 229px;
	}



/**************************************************************************
News Scroller
******************/

#hometiles h1 {
	display: none;
}

	#hometiles #latest-news {
		padding: 8px 10px 10px 20px;
		height: 207px;
		width: 199px;
	}
	
		#hometiles #latest-news h2 {
			color: #FFF;
			font-size: 20px;
			font-weight: bold;
			width: 199px;
			height: 28px;
			line-height: 28px;
			border-bottom: 1px solid #FFF;
		}
	
			#hometiles #latest-news h2 a {
				text-decoration: none;
				color: #FFF;
			}
	
				#hometiles #latest-news h2 a:hover {
					text-decoration: none;
					color: #FFF;
				}
				
#scrollingnews {
	color: #FFF;
	width: 199px;
	height: 160px;
	padding: 0;
}

	#scrollingnews .scrollingnewsitem {
		padding-top: 8px;
		font-size: 11px;
		line-height: 15px;	
		color: #FFF;			
	}

	#scrollingnews .scrollingnewsitem a {	
		color: #FFF;			
	}
	
	#scrollingnews h3 {
		color: #FFF;
		margin: 0 0 2px 0;
		padding: 0;
		font-size: 12px;
		line-height: 15px;
		font-weight: bold;
	}

		#scrollingnews h3 a {
			text-decoration: none;
			line-height: 15px;
			font-size: 12px;
		}

			#scrollingnews h3 a:hover {
				text-decoration: none;
				line-height: 15px;
				font-size: 12px;
			}
				
	#scrollingnews p {
		color: #FFF;
		margin: 0 0 2px 0;
		padding: 0;
		font-size: 11px;
		line-height: 15px;
	}
	
/******************************************************************************
Internal Pages
***************/
.bnr-internal {
	width: 915px;
	height: 117px;
	background: url(/images/site/bnr-internal-new.jpg) left bottom no-repeat;
	padding: 40px 0 0 35px;
}	
	
	.contact .bnr-internal {
		background-image: url(/images/site/bnr-internal-contact.jpg);
	}
	
	.news .bnr-internal {
		background-image: url(/images/site/bnr-internal-news.jpg);
	}

	.about .bnr-internal {
		background-image: url(/images/site/bnr-internal-about.jpg);
	}
	
	.associates .bnr-internal {
		background-image: url(/images/site/bnr-internal-associates.jpg);
	}

	.what-we-do .bnr-internal {
		background-image: url(/images/site/bnr-internal-what-we-do.jpg);
	}

	.projects .bnr-internal {
		background-image: url(/images/site/bnr-internal-projects.jpg);
	}	
	
	.bnr-internal p {
		color: #FFF;
		margin: 0 0 2px 0;
		padding: 0;
		font-size: 13px;
		line-height: 19px;
		width: 120px;
	}	

		.bnr-internal p a {
			color: #FFF;
			text-decoration: none;
		}	
	
	.bnr-internal h3 {
		color: #FFF;
		margin: 0 0 2px 0;
		padding: 0;
		font-size: 24px;
		line-height: 42px;
		font-weight: normal;
	}	

		.bnr-internal h3 a {
			color: #FFF;
			text-decoration: none;
		}	
		
#pageIntro {
	clear: both;
	padding: 5px 20px 0 20px;
}

	#pageIntro h1 {
		color: #003366;
		font-size: 28px;
		line-height: 28px;
		margin: 20px 0 6px 0;
		font-weight: bold;
	}
	
	#pageIntro h2 {
		color: #378255;
		font-size: 16px;
		line-height: 23px;
		margin: 10px 20px 6px 0;
		font-weight: bold;
	}

	#pageIntro h3, #pageIntro h4, #pageIntro h5 {
		color: #378255;
		font-size: 12px;
		line-height: 21px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	
	#pageIntro img.bodypic {
		float: right;
		margin: 0 0 20px 20px;
	}	
		
	#pageIntro p {
		color: #013366;
		font-size: 12px;
		line-height: 21px;
		margin-bottom: 10px;
	}	

	#pageIntro a {
		color: #378255;
		text-decoration: underline;
	}

		#pageIntro a:hover {
			color: #013366;
			text-decoration: underline;
		}	
	
			
	#pageIntro ul {
		margin-bottom: 10px;
	}	
	
	#pageIntro ul li {
		color: #013366;
		font-size: 12px;
		line-height: 21px;
		text-indent: 14px;
		background: url(/images/site/bullet-white.gif) left top no-repeat;
	}	
		
	
/******************************************************************************
Case Studies
***************/
.case_study_white {
	padding: 12px 22px 12px 22px;
}

.case_study_grey {
	background-color: #edeae4;
	padding: 12px 22px 12px 22px;
}
	
	.case_study_white p {
		color: #013366;
		font-size: 12px;
		line-height: 21px;
		margin-bottom: 10px;
	}

	.case_study_grey p {
		text-align: right;
		color: #013366;
		font-size: 12px;
		line-height: 21px;
		margin-bottom: 10px;
	}
	
	.case_study_white h2 {
		color: #013366;
		font-size: 21px;
		line-height: 21px;
		margin: 10px 0 12px 0;
		font-weight: bold;
	}

	.case_study_grey h2 {
		text-align: right;
		color: #378255;
		font-size: 21px;
		line-height: 21px;
		margin: 10px 0 12px 0;
		font-weight: bold;
	}
		
	.case_study_white img {
		float: right;
		margin: 10px 0px 10px 20px;
	}	
	
	.case_study_grey img {
		float: left;
		margin: 10px 20px 10px 0px;
	}	
	
/******************************************************************************
Contact Page
***************/


#map-container {
	width: 960px;
	height: 225px;
	text-align: right;
	background: #c6daed url(/images/site/pullquote-bg.jpg) left top no-repeat;
	margin-bottom: 4px;
}

#map {
	width: 480px;
	height: 225px;
	float: right;
}
	
#tile-address {
	width: 235px;
}

#tile-email {
	width: 245px;
}
	
#tile-phone {
	width: 245px;
}

#tile-form {
	width: 235px;
	background-image: none;
}
		
#tile-address .sectiontile-title {
	background: #01a644 url(/images/site/section-tile-tree-assessments.jpg) left top no-repeat;	
}

#tile-email .sectiontile-title {		
	background: #d4b81c url(/images/site/section-tile-development-sites.jpg) left top no-repeat;	
}		

#tile-phone .sectiontile-title {		
	background: #335c00 url(/images/site/section-tile-trees-and-the-law.jpg) left top no-repeat;	
}

#tile-form .sectiontile-title {		
	background: #ac750c url(/images/site/section-tile-latest-news.jpg) left top no-repeat;	
}	
		

/***********************************************************************
Contact Form
*******************/

.contactfield {
	border-top: 4px solid #edeae4;
	clear: both;
}

.contactfield label {
	display: block;
	float: left;
	width: 160px;
	height: 24px;
	line-height: 24px;
	color: #003366;
}

.contactfield input {
	display: block;
	float: left;
	width: 400px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #111111;
	border: 1px solid #003366;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	padding: 7px 5px 0 5px;
}

.contactfield textarea {
	display: block;
	float: left;
	width: 400px;
	border: 1px solid #003366;
	line-height: 24px;
	font-size: 12px;
	overflow: auto;
	height: 130px;
	color: #111111;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family: Arial, Helvetica, sans-serif;
	padding: 7px 5px 0 5px;
}

.contactfield input#submit {
	display: block;
	float: left;
	border: none;
	width: 120px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background: #003366 url(/images/site/mainbutton-bg.jpg) left top repeat-x;
	text-decoration: none;
	padding: 2px 10px 4px 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.contactfield input#submit:hover {		
	color: #9ecaec;
	text-decoration: none;
	cursor: pointer;
}



/***********************************************************************
News Page
********/

a.moreLink img{
	margin-top: 8px;
}

.news_grey {
	background-color: #edeae4;
	padding: 12px 22px 12px 22px;
	color: #013366;
	font-size: 12px;
	line-height: 21px;
}
	
	.news_grey h2 {
		color: #378255;
		font-size: 22px;
		line-height: 21px;
		margin-bottom: 10px;
		font-weight: bold;
	}

	.news_grey p {
		color: #013366;
		font-size: 12px;
		line-height: 21px;
		margin-bottom: 10px;
	}
	
	
.news_white {
	padding: 12px 22px 12px 22px;
	color: #013366;
	font-size: 12px;
	line-height: 21px;
}

	.news_white h2 {
		color: #013366;
		font-size: 22px;
		line-height: 21px;
		margin-bottom: 10px;
		font-weight: bold;
	}

	.news_white p {
		color: #013366;
		font-size: 12px;
		line-height: 21px;
		margin-bottom: 10px;
	}

.news_odd, .news_even {
	width: 590px; 
	padding: 12px 22px 12px 22px;
	color: #013366;
	font-size: 12px;
	line-height: 21px;
	border-bottom: 1px dashed #cacaca;
}

	.news_odd h2, .news_even h2 {
		color: #378255;
		font-size: 18px;
		line-height: 21px;
		margin-bottom: 6px;
		font-weight: bold;
	}

	.news_odd p, .news_even p {
		color: #013366;
		font-size: 12px;
		line-height: 21px;
		margin-bottom: 10px;
	}

	.paging {
		clear: both; 
		height: 15px; 
		width: 400px; 
		padding-left: 23px; 
		padding-top: 18px;
	}

		.paging p {
			font-size: 12px;
			color: #013366;
		}
		
/*******************************************************************************
Footer
***********************/
			
#footer {
	clear: both;
	width: 950px;
	height: 74px;
	background: #fff url(/images/site/footer-bg-internal.jpg) left bottom no-repeat;
	border-top: 10px solid #FFF;
} 

	.home #footer, .contact #footer {
		background: #edeae4 url(/images/site/footer-bg.jpg) left bottom no-repeat;
		border-top: none;
	} 

	#footer #footernav {
		height: 20px;
		width: 732px;
		float: right;
		margin-top: 56px;
	}

		#footer #footernav ul {
			display: block;
			width: 732px;
			height: 16px;	
		}
	
			#footer #footernav ul li {
				display: block;
				float: left;
				height: 16px;
				line-height: 16px;		
				color: #FFF;
				border-right: 1px solid #FFF;
				padding: 0 9px 0 9px;				
			}
	
				#footer #footernav ul li a {
					display: block;
					float: left;
					height: 16px;
					line-height: 16px;
					color: #FFF;
					text-decoration: none;
					font-weight: normal;
					font-size: 12px;
				}

					#footer #footernav ul li a:hover {
						color: #237843;
					}
					
			#footer #footernav ul li#footer_links { 
				border-right: none; 
				padding-right: 0; 
			}

#extreme {
	background: #fff;
	border-top: 1px solid #fff;
	clear: both;
	width: 935px;
	color: #111;
	height: 24px;
	padding: 5px 15px 0 0;
	text-align: right;
}	

	.home #extreme, .contact #extreme {
		border-top: 1px solid #edeae4;
		background: #edeae4;
	}	

		#extreme a {
			color: #111;
			text-decoration: none;
		}	
	
			#extreme a:hover {
				color: #000;
				text-decoration: none;
			}	

/************************************************************
Links
********************/

.linkbox {
	margin: 0 !important;
}

	.linkbox p {
		margin: 0 !important;
		padding: 0 !important;
	}

	.linkbox p a {
		margin: 0 !important;
		padding: 0 !important;
	}