/* ~~~~~~~ RESET ~~~~~~~~ */

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,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}



/* ~~~~~~~ STANDARD ~~~~~~~~ */

abbr { border-bottom: 1px dotted #737160;}
em {font-style: italic;}
h1, h2, h3, h4, h5, h6, p, ul, li {margin: 0;padding: 0;}
ol {margin-bottom: 15px;}
ol li {margin-bottom: 5px;}
p {margin-bottom: 15px; color: #191813;}
p.bold {font-weight: bold;}
p.center {text-align: center;}
p.question {padding-top: 10px;margin-bottom: 0;font-weight: bold;}
strong {font-weight: bold;}
sub {margin-right: -3px; font-size: .6em; font-weight: normal;}
.clear { clear: both; height: 20px; }
acronym { border-bottom: 1px dotted; }

a, a:link { color: #4C8DB1; }
a:visited { color: #4C8DB1; }
a.hover, a:hover { text-decoration: none;}

body {
	margin: 0;
	padding: 0; 
	border: 0; 
	color: #000;
	background: #e2ecfc url(../images/layout/background.jpg) no-repeat top center; 
	font: 102%  "myriad pro", arial, sans-serif; 
	line-height: 1.35em; 
	}



/* ~~~~~~~ LAYOUT ~~~~~~~~ */

#wrapper {
	margin: 20px auto 0px auto;
	width: 100%;
	overflow: hidden;
	height: 1600px;
	}

	#wrapper-center {
		margin: 0 auto;
		width: 900px;
		}

		#wrapper-bg {
			width: 900px;
			background: url(../images/layout/content.jpg);
			}

			#shed {
				width: 1253px;
				height: 1123px;
				background: url(../images/layout/shed.png) no-repeat bottom right;
				}

			#grass {
				margin-left: -1px;
				width: 900px;
				height: 1209px;
				background: url(../images/layout/footer-grass.jpg) no-repeat bottom left;
				}

			#masthead {
				margin: 0 auto;
				width: 870px;
				height: 438px;
				clear: both;
				}

				#masthead h3 {
					margin: 0;
					padding: 0;
					display: block;
					text-indent: -9999px;
					}



/* ~~~~~~~ MENU ~~~~~~~~ */

#menu {
	margin: 0 auto;
	width: 885px;
	clear: both;
	}

	#menu ul li {
		float: left;
		}

		#menu ul li a {
			height: 30px;
			display: block;
			float: left;
			text-indent: -9999px;
			}

		#menu ul li#home a {
			width: 66px;
			background: url(../images/layout/menu/home.jpg) no-repeat;
			}

		#menu ul li#sustainability a {
			width: 211px;
			background: url(../images/layout/menu/sustainability-services.jpg) no-repeat;
			}

		#menu ul li#technical a {
			width: 173px;
			background: url(../images/layout/menu/technical-services.jpg) no-repeat;
			}

		#menu ul li#facility a {
			width: 155px;
			background: url(../images/layout/menu/facility-services.jpg) no-repeat;
			}

		#menu ul li#about a {
			width: 99px;
			background: url(../images/layout/menu/about-us.jpg) no-repeat;
			}

		#menu ul li#news a {
			width: 67px;
			background: url(../images/layout/menu/news.jpg) no-repeat;
			}

		#menu ul li#contact a {
			width: 111px;
			background: url(../images/layout/menu/contact-us.jpg) no-repeat;
			}

		#menu ul li#home a:hover,
		#menu ul li#sustainability a:hover,
		#menu ul li#technical a:hover,
		#menu ul li#facility a:hover,
		#menu ul li#about a:hover,
		#menu ul li#news a:hover,
		#menu ul li#contact a:hover,
		#menu ul li#home a.active,
		#menu ul li#sustainability a.active,
		#menu ul li#technical a.active,
		#menu ul li#facility a.active,
		#menu ul li#about a.active,
		#menu ul li#news a.active,
		#menu ul li#contact a.active {
			background-position: 0 -30px;
			}
			


/* ~~~~~~~ CONTENT CONTAINER ~~~~~~~~ */

#content-container {
	clear: both;
	font-size: .85em;
	line-height: 1.2em;
	}


	#content {
		margin-right: 10px;
		padding-left: 20px;
		width: 545px;
		float: left;
		}

		#content h1 {
			position: relative;
			left: -10px;
			margin-top: 30px;
			width: 544px;
			height: 74px;
			display: block;
			text-indent: -9999px;
			background: url(../images/layout/title.jpg) no-repeat;
			}

		#content h1.logo {
			position: relative;
			left: 10px;
			margin-top: 30px;
			width: 473px;
			height: 120px;
			display: block;
			text-indent: -9999px;
			background: url(../images/homepage/logo.jpg) no-repeat;
			}

		#content h2 {
			margin: 5px 0;
			color: #4c8db1;
			font: bold 2.1em "Myriad Pro", Arial, sans-serif;
			}
			
			#content h2 sup {
			font-size: 60%;
			font-weight: normal;
			vertical-align: top;			
			}

		#content h3 {
			margin: -10px 0 15px 0;
			color: #686300;
			font: 1em "Myriad Pro", Arial, sans-serif;
			}
			
		#content h4 {
			margin-bottom: 20px;
			color: #686300;
			font-style: italic;
			font-size: 1.3em;
			line-height: 1.2em;
			}

#content h5 {
margin: -20px 18px 4px 0;
font-size: 1em;
text-transform: lowercase;
text-align: right;
}

		.definition {
			margin: 0 0 15px -5px;
			padding: 0;
			width: 550px;
			height: 169px;
			background: url(../images/homepage/definition.jpg) no-repeat;
			}

		#content blockquote {
			padding-top: 10px;
			}

		#content .definition h3 {
margin: 3px 0 3px 0;
position: relative;
left: 97px;
			width: 356px;
			height: 24px;
			display: block;
			text-indent: -9999px;
			background: url(../images/layout/building-stewardship.jpg) no-repeat;
			}

			#content blockquote p {
				padding-left: 100px;
				width: 440px;
				font-size: 100%;
				}

		#content ul {
			margin-left: 50px;
			}

			#content ul li {
				margin-bottom: 1px;
				list-style: disc inside;
				}

				#content ul a {
					font-size: 1.2em;
					}

		#content img.page-image {
			margin-bottom: 5px;
			}

	#content ul.news {
		margin: 0;
		font-size: 1.1em;
		}

		#content ul.news li {
			list-style: none;
			margin: 0 0 10px 10px;
			padding: 0;
			}

		#content ul.news li strong span.title {
			font-variant: small-caps;
			}

			#content ul.news li a {
				padding: 5px;
				text-decoration: none;
				display: block;
				list-style: none;
				color: #000;
				}

			#content ul.news li a em {
				font-style: normal;
				text-transform: uppercase;
				font-size: .7em;
				}

			#content ul.news li a:hover {
				background: #fff;
				}
				

/* Mailing List on Home Page */
	#mailing-list {
		margin-top: 220px;
		padding: 25px 5px 0 10px;
		width: 525px;
		height: 250px;
		background: #f8f8f8;
		}

		#content #mailing-list .join {
			width: 250px;
			float: left;
			}

			#content #mailing-list .join h4 {
				margin-bottom: 15px;
				font-size: 1.8em;
				font-weight: bold;
				color: #787426;
				}

		#content #mailing-list .join-form {
			float: right;
			width: 261px;
			}

			#content #mailing-list .join-form label {
				font-size: 1.5em;
				color: #787426;
				}

			.input-bg {
				border: 0;
				width: 261px;
				height: 57px;
				background: url(../images/homepage/input-bg.jpg) no-repeat;
				font-family: "Myriad Pro", Arial, sans-serif;
				}

			.input-bg input {
				margin: 0;
				border: 0;
				position: relative;
				top: 14px;
				left: 10px;
				width: 231px;
				height: 25px;
				font-size: 1.2em;
				padding: 3px;
				}

			#content #mailing-list .sign-up input {
				float: right;
				cursor: pointer;
				}
				

	/* 404 Page Not Found */
	#content p.page-not-found {
		padding: 10px;
		font-size: 1.3em;
		line-height: 1.2em;
		}
		
		#content ul.not-found {
		margin: 0;
		}

			#content ul.not-found li {
				list-style: none;
				margin-bottom: 10px;
				}

				#content ul.not-found li a {
					padding: 15px 7px;
					text-decoration: none;
					display: block;
					list-style: none;
					color: #000;
					border-bottom: 2px solid #fff;
					background: #dfe9ee;
					}

				#content ul.not-found li a:hover {
					background: #fff;
					}


	/* Divider */
	#content .hr {
		margin: 0;
		padding: 0;
		border-right: 0;
		border-left: 0;
		border-top: 2px solid #adab79;
		border-bottom: 2px solid #ebebeb;
		height: 0;
		background: 0;
		}

		#content hr {
			display: none;
			}


	/* Site Map */
	.sitemap {
		margin-left: 30px;
		}

		#content .sitemap h2 {
			margin: 10px 0;
			font-size: 1.2em;
			}

		#content .sitemap ul {
			margin: 0 0 20px 10px;
			}

			#content .sitemap li {
				list-style: none;
				margin-bottom: 10px;
				}

				#content .sitemap li a {
					padding: 0;
					text-decoration: underline;
					display: block;
					list-style: none;
					color: #000;
					}

				#content .sitemap li a:hover {
					color: #4c8db1;
					}


/* CONTACT FORM */
	#contact-form {
		margin-top: 20px;
		padding: 0;
		}

		#contact-form ol {
			margin: 0;
			padding: 0;
			}

		#contact-form ol li.first,
		#contact-form ol li.phone,
		#contact-form ol li.city,
		#contact-form ol li.state,
		#contact-form ol li.zip {
			float: left;
			}

		#contact-form ol li.last,
		#contact-form ol li.email {
			float: right;
			margin-right: 11px;
			}

		#contact-form ol.first-last,
		#contact-form ol.phone-email {
			clear: both;
			}

		#contact-form ol.space {
			clear: both;
			}

			#contact-form input.form-send {
				float: right;
				margin-right: 10px;
				}

			#contact-form ol li.state {
				margin: 0 6px 0 9px;
				}

		#contact-form span.LV_validation_message.LV_invalid {
			color: #000000;
			float: left;
			width: 35px;
			height: 26px;
			background: url(../images/pages/contact/bg-error.jpg) no-repeat;
			text-indent: -999999px;
			}
			
		#contact-form span.LV_validation_message.LV_valid {
			color: #000000;
			float: left;
			width: 35px;
			height: 26px;
			background: url(../images/pages/contact/bg-success.jpg) no-repeat;
			text-indent: -999999px;
			}

			#contact-form textarea {
				font: 1em Arial, sans-serif;
				}

			#contact-form input {
				margin: 2px 0 10px 0;
				padding: 2px;
				width: 170px;
				font: 1em arial, sans-serif;
				border: 1px solid #B2A97E;
				float: left;
				}

				#contact-form label {
					color: #787426;
					font-size: 1.4em;
					}

			/* used for address & company */
			#contact-form .input-long {
				border: 0;
				width: 536px;
				height: 43px;
				background: url(../images/pages/contact/input-bg-address.jpg) no-repeat;
				font-family: "Myriad Pro", Arial, sans-serif;
				}

				#contact-form .input-long input {
					margin: 0;
					border: 0;
					position: relative;
					top: 10px;
					left: 10px;
					width: 505px;
					height: 18px;
					font-size: 1.2em;
					padding: 3px;
					}
				
			#contact-form .input-city {
				border: 0;
				width: 250px;
				height: 46px;
				background: url(../images/pages/contact/input-bg-city.jpg) no-repeat;
				font-family: "Myriad Pro", Arial, sans-serif;
				}

				#contact-form .input-city input {
					margin: 0;
					border: 0;
					position: relative;
					top: 10px;
					left: 10px;
					width: 222px;
					height: 14px;
					font-size: 1.2em;
					padding: 3px;
					}
					

			#contact-form .input-state {
				border: 0;
				width: 100px;
				height: 45px;
				background: url(../images/pages/contact/input-bg-state.jpg) no-repeat;
				font-family: "Myriad Pro", Arial, sans-serif;
				}

				#contact-form .input-state input {
					margin: 0;
					border: 0;
					position: relative;
					top: 10px;
					left: 11px;
					width: 70px;
					height: 15px;
					font-size: 1.2em;
					padding: 3px;
					}
					

			#contact-form .input-zip {
				border: 0;
				width: 169px;
				height: 46px;
				background: url(../images/pages/contact/input-bg-zip.jpg) no-repeat;
				font-family: "Myriad Pro", Arial, sans-serif;
				}

				#contact-form .input-zip input {
					margin: 0;
					border: 0;
					position: relative;
					top: 10px;
					left: 11px;
					width: 140px;
					height: 17px;
					font-size: 1.2em;
					padding: 3px;
					}			

			#contact-form .input-message {
					border: 0;
					width: 537px;
					height: 117px;
					background: url(../images/pages/contact/input-bg-message.jpg) no-repeat;
					font-family: "Myriad Pro", Arial, sans-serif;
					}

				#contact-form .input-message textarea {
					margin: 0;
					border: 0;
					position: relative;
					top: 10px;
					left: 10px;
					width: 505px;
					height: 86px;
					font-size: 1.2em;
					padding: 3px;
					}


			#contact-form .input-bg {
				border: 0;
				width: 250px;
				height: 44px;
				background: url(../images/pages/contact/input-bg.jpg) no-repeat;
				font-family: "Myriad Pro", Arial, sans-serif;
				}

				#contact-form .input-bg input {
					margin: 0;
					border: 0;
					position: relative;
					top: 10px;
					left: 10px;
					width: 222px;
					height: 18px;
					font-size: 1.2em;
					padding: 3px;
					}


		input#contactUs {
			cursor: pointer;
			width: 95px;
			height: 47px;
			border: 0;
			padding: 0;
			}

	#content p span.title,
	#footer span.title,
	#sidebar span.title,
	#sidebar-pages span.title,
	#content span.title,
	span.name {
		font-weight: normal;
		font-variant: small-caps;
		}

	#content strong > span.title {
		font-weight: bold;
		}

	#content h2 span.name small {
		font-size: 60%;
		}


/* ~~~~~~~ SIDEBAR ~~~~~~~~ */

#sidebar {
	margin: 26px 0 0 1px;
	padding: 10px;
	width: 293px;
	height: 632px;
	float: left;
	background: url(../images/layout/sidebar.jpg) no-repeat;
	}

#sidebar-pages {
	margin: 26px 0 0 1px;
	padding: 10px;
	width: 293px;
	height: 632px;
	float: left;
	background: url(../images/layout/sidebar-pages.jpg) no-repeat;
	}

	#sidebar h2 {
		margin: 5px;
		padding: 0;
		float: left;
		font: bold 2em "Myriad Pro", Arial, sans-serif
		}

	#sidebar-pages h2 {
		margin: 5px;
		padding: 0;
		clear: both;
		font: bold 1.8em "Myriad Pro", Arial, sans-serif;
	}

	#sidebar .rss-icon a {
		width: 81px;
		height: 60px;
		display: block;
		float: right;
		text-indent: -9999px;
		}

	#sidebar ul,
	#sidebar-pages ul {
		clear: both;
		width: 280px;
		}

	#sidebar-pages ul {
		margin-top: 10px;
		}

		#sidebar ul li a,
		#sidebar-pages ul li a {
			padding: 15px 7px;
			text-decoration: none;
			display: block;
			border-bottom: 2px solid #cedfe8;
			background: #A0C0D2;
			}

		#sidebar ul li a:hover,
		#sidebar-pages ul li a:hover,
		#sidebar-pages ul li a.active {
			background: #b7d0de;
			}
	
		#sidebar ul li.last a,
		#sidebar-pages ul li.last a {
			border: 0;
			}

		#sidebar ul li a strong,
		#sidebar-pages ul li a strong {
			line-height: normal;
			color: #653d09;
			text-decoration: none;
			font-weight: normal;
			}

		#sidebar ul li a em,
		#sidebar-pages ul li a em {
			line-height: normal;
			color: #fff;
			}

		#sidebar-pages ul li a strong small {
			font-size: .5em;
			}

		#sidebar-pages ul.our-principals {
			font-size: 1.6em;
			}

		#sidebar-pages ul.our-principals strong {
			font-variant: small-caps;
			}

		#sidebar-pages ul.our-principals em {
			font-size: .8em;
			font-style: normal;
		}

		#sidebar-pages ul.subnav {
			margin-top: 20px;
			font-size: 1.5em;
			}

		#sidebar-pages ul.news {
			font-size: 1.1em;
			}

			#sidebar-pages ul.news li a {
				padding: 10px 7px;
				}

				#sidebar-pages ul.news li a em {
					font-size: .9em;
					}
					
					
	/* Contact Us - Sidebar */					
	#sidebar-pages .our-information {
		margin: 10px 0 0 4px;
		}

		#sidebar-pages .our-information a {
			color: #fff;
			font-size: 1.2em;
			}

		#sidebar-pages p.address,
		#sidebar-pages p.phone-numbers {
			color: #653D09;
			font-size: 1.4em;
			line-height: 1.2em;
			}

		#sidebar-pages .hr hr {
			margin: 10px 15px 15px 0;
			padding: 0;
			border: 0;
			color: #ccdce5;
			background: #ccdce5;
			height: 2px;
			}

		#sidebar-pages p.send-staff {
			font-size: 1.3em;
			line-height: 2.4em;
			}



/* ~~~~~~~ FOOTER ~~~~~~~~ */

#footer {
	position: relative;
	top: -220px;
	left: 10px;
	width: 550px;
	height: 20px;
	font: .65em Arial, sans-serif;
	background: url(../images/layout/footer-line.jpg) no-repeat;
	}

	#footer a {
		color: #5593b5;
		}

	#footer a:hover {
		text-decoration: none;
		}

	#footer .copyright {
		padding-top: 15px;
		margin-left: 10px;
		width: 250px;
		float: left;
		}

	#footer .contact {
		padding-top: 15px;
		margin-right: 15px;
		float: right;
		text-align: right;
		}


/* ~~~~~~~ end ~~~~~~~~ */