/* CSS Document */

/* Typography & Colors
======================================*/
body {
	font-size: 81.3%;
	color: #333;
	line-height: 1.3em;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	background: url(../images/bodybg.jpg) no-repeat center top;
}
@font-face {
	font-family: 'FontSiteSansCondensed';
	src: url('../type/fontsitesans-cond-webfont.eot');
	src: local('☺'),
		url('../type/fontsitesans-cond-webfont.woff') format('woff'),
		url('../type/fontsitesans-cond-webfont.ttf') format('truetype'),
		url('../type/fontsitesans-cond-webfont.svg#webfonts1BPVD2V') format('svg');
	font-weight: normal;
	font-style: normal;
}

blockquote, ul, ol, dl	{ margin: 1em; }
ul, dl 					{ margin-left: 1.25em; }
ol 						{ margin-left: 2.5em; }
ul 						{ list-style: outside; list-style-type: disc; }
ul ul 					{ margin: .5em 0 .65em 2em; list-style-type: circle; }
ol	 					{ list-style: outside; list-style-type: decimal; }
dl dd 					{ margin-left: 1em; }
b, strong 				{ font-weight: bold; }
i, em 					{ font-style: italic; }
abbr,acronym 			{ border-bottom: 1px dotted #000; cursor: help; }
caption 				{ margin-bottom: .5em; text-align: center; }
p,fieldset,pre 			{ margin-bottom: 1em; }
em strong, strong em	{ font-weight: bold; font-style: italic; }

p.txt14 { font-size: 1.077em; line-height: 1.4em; margin-bottom: 1.5em; }

ul.list1 {
	border-top: 1px solid #d9e1e6;
	padding: 0; margin:  0;
	}
ul.list1 li {
	border-bottom: 1px solid #d9e1e6;
	padding: 6px 0 6px 22px; margin: 0;
	list-style: none;
	color: #357c12;
	background: url(../images/list1Bullet.gif) no-repeat 8px .875em;
	}


a						{ color: #357c12; text-decoration: none; outline: none; }
a:focus, a:hover		{ color: #357c12; text-decoration: underline; }

a.link { font-size: 1.077em; }
a.link span { display: inline-block; float: left; position: relative; margin: -4px 8px 0 0; }


h1	{ font-size: 2em; margin-bottom: .55em; line-height: 1.3em; color: #003467; }

h2	{ font-size: 1.385em; margin-bottom: .65em; font-weight: 300; color: #222; line-height: 1.3em; }
#home h2 .small { font-size: 60%; color: #666; text-transform: uppercase; line-height: 2em; }

h3	{ font-size: 1.154em; margin: 1.35em 0 .5em; font-weight: 700; }
h4	{ font-size: 1.154em; margin-bottom: .5em; font-weight: 700; color: #39771b; }
h4.sbtline { border-top: 1px solid #d9e1e6; margin-top: 1.5em; padding-top: 1em; }
h5	{ font-size: 1em; font-weight: bold; }
h6	{ font-size: .917em; font-weight: bold; }


/*
Clearing styles
==================================================================================*/
.clearfix:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 		{ display: inline-block;}  /* for IE/Mac */
.clear 			{ clear: both; height: 0; font-size: 1px; line-height: 0; display: block; overflow: hidden; }

/*
Core structure and sticky footer adjustments
==================================================================================*/
html, body { height: 100%; }
body:before { content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; } /* opera footer fix */
#container { width: 100%; margin: 0 auto; min-height: 100%; overflow: }
#header { width: 940px; margin: 0 auto; padding: 12px 0 18px; overflow: hidden; }
#logo { float: left; width: 210px; margin-top: 6px; }
#tag { width: auto; float: right; font-weight: 500; color: #fff; text-shadow: 0 1px #135498; letter-spacing: 1px; }
#tag img { float: left; position: relative; margin: -3px 8px 0 0; }
#page { padding-bottom: 330px; margin-bottom: 2em; }
#sub #page { margin-bottom: 2em; padding-top: 6px; background: url(../images/subPgBg.png) repeat-x 0 0; }
#sub #page.full { background: url(../images/subPgBg-wFeat.png) repeat-x 0 0; }

/*
Grids
==================================================================================*/
.box280, .box290, .box300, .box310, .box530, .boxl, .boxr { display: inline; float: left; }
.box280 { width: 280px; margin-right: 50px; }
.box300 { width: 300px; padding: 25px; background: url(../images/introbg_1x1.png) repeat; }
.box290 { width: 290px; padding: 0; margin-right: 35px; }
.box530 { width: 530px; margin-right: 60px; }

.section, #sub .section { overflow: hidden; margin: 0 auto 20px; width: 940px; }
#sub .sec2col { margin-top: 30px; }
.last, #sub .full3col .last { margin-right: 0; }

.featimg { margin-bottom: 1.5em; background: #fff; }

.right { float: right; }
.media.right { margin: 0 0 20px 30px; }

/* Slider 
==================================================================================*/
#slider, #slider li { margin: 0; padding: 0; list-style: none; }
#slider {
	width: 958px;
	height: 272px;
	position: relative;
	overflow: hidden;
	border: 1px solid #e3f0fa;
	margin: 0 auto;
	}
#slider .content {
	position: absolute;
	z-index: 99;
	display: block;
	width: 410px;
	left: 30px;
	top: 30px;
	}
#slider h1 { font-size: 2.462em; margin: 5px 0 10px; padding: 0; }
#slider .slide3 h1 {
	background: url(../images/reduce-reuse-recycle-headline.png) no-repeat left top;
	width: 237px; height: 165px;
	text-indent: -9999px;
	overflow: hidden;
}
/*
Services
==================================================================================*/
.full3col { font-size: .923em; margin-top: 3em; }
.full3col .row { overflow: hidden; margin-bottom: 1.5em; }
.full3col h3, h3.color1 { margin: 1em 0 .25em; padding-top: 0; color: #003467; }
.full3col h3.color1 { color: #39771b; }

/*
Addtional slider styles and sub page intros
==================================================================================*/
.intro { overflow: hidden; margin: 0 auto 25px; width: 960px; }
#slider p, .intro p { font-size: 1.231em; line-height: 1.3em; color: #486173; }
.introimg { float: right; }
.shad960 { background: url(../images/shadow960.png) no-repeat; width: 960px; margin: 0 auto; height: 38px; display: block; }

.faclist, .faclist li { padding: 0; margin: 0; list-style: none; }
.faclist { border-top: 1px solid #d9e1e6; }
.faclist li { border-bottom: 1px solid #d9e1e6; padding-top: 1em; }
.faclist h2 { font-weight: bold; color: #003467; margin-bottom: .025em; } 
.faclist p { font-size: 1.077em; line-height: 1.4em; }

/*
Rotating facts and testimonials
==================================================================================*/
.rotfacts, .rottest { position: relative; overflow: hidden; margin: 0 0 3.5em; padding: 0; }
.rotfacts { margin: 0 auto; width: 950px; color: #62788f; }
.rotfacts ul, .rotfacts li, .rottest ul, .rottest li { margin: 0; padding: 0; list-style: none; }
.rotfacts ul li { height: 98px; font-size: 1.077em; line-height: 1.465em; padding: 0; overflow: hidden; }
.rottest ul li { width: 300px; padding-left: 3px; }
.rottest .quote, .rottest em { font-size: 1.231em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.3em; }
.rotfacts img { float: left; margin-right: 1.65em; }
.rotfacts p { padding-top: 30px; margin: 0; }
.rotfacts .triple p { padding-top: 18px; }
.rotfacts .single p { padding-top: 38px; }


.location { margin: 1.5em 0; padding: 1em .45em; border-top: 1px solid #d9e1e6; border-bottom: 1px solid #d9e1e6; }

.location h5, .location p {
	margin-bottom: .35em;
}

.bbb { float: right; margin-left: 20px; }

#footer {
	position: relative;
	margin-top: -350px;
	height: 350px;
	clear: both;
	background: url(../images/footerbg.jpg) repeat-x left bottom;
}
#ft-facts {
	background: #e0effc;
	border-top: 1px solid #d5e3f0;
	border-bottom: 1px solid #d5e3f0;
}
#ftbtm {
	width: 940px; height: 155px;
	margin: 0 auto;
	padding-top: 35px;
	color: #40678d;
	position: relative;
}
#ftbtm .boxl { width: 430px; }
#ftbtm .boxr { text-align: right; width: 510px; }

#ftbtm h5 {
	font-family: 'FontSiteSansCondensed', Helvetica, Arial, sans-serif;
	font-size: 1.385em;
	margin: 0 0 .185em;
}
#ftbtm p {
	font-size: .923em;
	margin-bottom: .85em;
	line-height: 1.55em;
}
#ftbtm p.ft-nav { margin-bottom:1.66em }
#ftbtm a {
	color: #40678d;
	font-weight: 700;
	text-decoration: none;
}
#ftbtm a:hover {
	text-decoration: underline;
}

/* Navigation
======================================*/
#sitenav-wrap { float: right; width: 600px; }
#sitenav {
	margin: 49px 0 0;
	float: right;
	padding: 0;
	list-style: none;
	font-size: 1.769em;
	}
#sitenav li {
	float: left;
	display: inline;
	padding: 0 0 0 28px; margin: 0;
	}
#sitenav li a {
	float: left;
	display: block;
	font-family: 'FontSiteSansCondensed', Helvetica, Arial, sans-serif;
	color: #002244;
	text-decoration: none;
	text-shadow: -1px -1px #66a8df;
	letter-spacing: 1px;
	}
#sitenav li a.selected, #sitenav li a:hover {
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px #1f6ebf;
	}
/* Form
==================================================================================*/
form {
	margin-top: 2.5em;
	}
label {
	font-weight: 600;
	color: #62788f;
	}
.req {
	color: #62788f;
	font-weight: bold;
	}
form .small {
	margin: 1em 0 2em;
	}
input[type=text], input[type=password], textarea {
	color: #666;
	padding: 6px 4px;
	border: 1px solid #aec2cf;
	width: 96%;
	margin: 3px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	}
form select {
	width: 96%;
	margin-top: 5px;
	}
input.sm { width: 30%; }
input.md { width: 65%; }
input.lg { width: 90%; }

div.frmSpec { display: none; }
input.formbtn {
	border: none;
	margin: 0;
	padding: 8px 12px;
	color: #fff;
	background: #003467;
	font-size: 1.231em;
	cursor: pointer;
	}
input.formbtn:hover { background: #0051a0; }