/* Global Stylesheet */

@import "reset.css";
@import "rollover.css";
@import "sIFR-screen.css";


body {
	background:#165639 url(../images/body-bg.jpg) repeat-x;
	text-align:center;
	font:13px Arial, Verdana, san-serif;
	line-height:1.4em; /* Line-height must be set seperately from the font to work on Safari */
	color:#333;	
	padding-bottom:5px;
}


div.wrapper {
	margin:0 auto;
	width:900px;
	position:relative;
}

/*----------------------------------------------------------------------------------*/
/* =header                                                                          */
/*----------------------------------------------------------------------------------*/

div.header {
	clear:both;
	position:relative;
	height:132px;
	font-size:10px;
}
	
		div.header h1 {
			background: url(../images/wastepro-logo.gif) no-repeat;
			width:512px;
			height:132px;
			position:absolute;
			top:0;
			left:0;
			margin:0;
		}
		
		div.header h1 a {
			display:block;
			width:512px;
			height:132px;
		}
	
		div.header h1 span {
			position:absolute;
			left:-999em;
		}	
		
		div.header div.smallNavigation {
			float:right;
			color:#fff;
			margin-top:10px;
		}
		
			div.header div.smallNavigation a {
				color:#fff;
				padding:0 5px;
				text-decoration:none;
			}
			
		div.header div.search {
			float:right;
			margin:10px 0 0 10px;
			display:none; /* REMOVE WHEN SEARCH FEATURE IS INSTALLED */
		}
		
		
			div.header div.search input.search {
				font-size:11px;
			}
			
		
/*----------------------------------------------------------------------------------*/
/* =navigation (main)                                                               */
/*----------------------------------------------------------------------------------*/	

ul.navigation {
	clear:both;
	position:absolute;
	background: url(../images/navigation-bg.gif) no-repeat;
	height:41px;
	width:848px;
	padding:0 26px;
	z-index:1;
	xfont-size:13px;
	xline-height:1em;
	overflow:hidden;
}

	body.headerImage ul.navigation {
		background:none;
	}
		
			ul.navigation li {
				float:left;
			}
			
				ul.navigation li:hover {
				}
			
				ul.navigation li.last {
				}
			
				ul.navigation li a {
					color:#fff;
					xpadding:14px 24px;
					text-align:center;
					display:block;
					margin:0 1px;
					xtext-decoration:none;
					xfont-size:13px;
					xline-height:1em;					
				}

				body.services ul.navigation li.services .on,
				body.about ul.navigation li.about .on,
				body.news ul.navigation li.news .on,
				body.locations ul.navigation li.locations .on,
				body.employment ul.navigation li.employment .on,
				body.partners ul.navigation li.partners .on,
				body.goingGreen ul.navigation li.goingGreen .on,
				body.photoGallery ul.navigation li.photoGallery .on {
					visibility: visible;
					position: relative;
				}
				
				
				body.services ul.navigation li.services .off,
				body.about ul.navigation li.about .off,
				body.news ul.navigation li.news .off,
				body.locations ul.navigation li.locations .off,
				body.employment ul.navigation li.employment .off,
				body.partners ul.navigation li.partners .off,
				body.goingGreen ul.navigation li.goingGreen .off,
				body.photoGallery ul.navigation li.photoGallery .off {
					visibility: hidden;
					position: absolute;
				}

/*----------------------------------------------------------------------------------*/
/* =content                                                                         */
/*----------------------------------------------------------------------------------*/	

div.contentWrapper {
	background:#fff;
	clear:both;
	text-align:left;
	float:left;
	position:relative;
	width:900px;
	padding:0 0 10px 0;
}
	div.contentWrapper:after {
	  content: ".";
	  display: block;
	  height: 0;
	  clear: both;
	  visibility: hidden;
	}
	* html div.contentWrapper {
	   height: 1%;
	}

	div.content {
		float:left;
		width:591px;
		margin-top:46px;
	}
	
	div.headerImage {
		position:relative;
		margin-bottom:25px;
	}
	
		div.headerImage div.callToAction {
			width:150px;
			float:left;
			top:150px;
			position:absolute;
			font-size:10px;
			line-height:1.1em;
		}
		
			div.headerImage div.residential {
				right:420px;
			}
			
			div.headerImage div.commercial {
				right:222px;
			}
			
			div.headerImage div.rollOff {
				right:30px;
			}
			
		div.headerImage h2 {
			border-bottom:1px solid #999;
			line-height:20px;
			margin-bottom:3px;
			padding-bottom:0;
			font-size:20px;
		}
		
		div.headerImage p {
			margin-top:0;
			margin-bottom:4px;
		}
			
		div.headerImage a.learnMore {
			float:right;
			text-decoration:none;
			padding-left:20px;
			background:url(../images/bullet-link.jpg) no-repeat;
			text-transform:uppercase;
			color:#000;
			height:14px;
		}

/*----------------------------------------------------------------------------------*/
/* =side content                                                                    */
/*----------------------------------------------------------------------------------*/	

div.sideContent {
	float:left;
	width:196px;
	padding:0 48px 0 20px;
	margin-top:65px;
}

	div.sideContent h2 {
		font-size:22px;
	}
	
	    div.sideContent h2 a {
	    }

	div.sideContent a {
	}
	
	div.sideContent a.learnMore {
		float:left;
		text-decoration:none;
		padding-left:20px;
		background:url(../images/bullet-link.jpg) no-repeat;
		text-transform:uppercase;
		color:#000;
		height:14px;
	}
	
	div.sideContent ul li {
	}
	
	div.sideContent ul.subNavigation {
		border-top:1px solid #CCC;
		padding:5px;
		margin:0 5px 16px 5px;
		font-size:14px;
	}
	
		div.sideContent ul.subNavigation li {
			padding:1px 0;
		}
	
		div.sideContent ul.subNavigation a {
			text-decoration:none;
			color:#333;
			display:block;
			padding:2px 0;			
		}
		
			div.sideContent ul.subNavigation a:hover {
				color:#006902;
			}
			
	body.headerImage div.sideContent {
		margin-top:0;
	}
	
	div.certificate {
		text-align: center;
		float:left;
		width:100%;
	}

	
/*----------------------------------------------------------------------------------*/
/* =footer                                                                          */
/*----------------------------------------------------------------------------------*/	

div.footer {
	clear:both;
	float:left;
	font-size:11px;
	color:#fff;
	width:900px;
	margin-top:10px;
}

	div.footer a {
		color:#fff;
		text-decoration:none;
	}

	div.footer .navigation {
		clear:both;
	}
	
		div.footer  .navigation a {
			padding:0 10px;
		}
		
	div.footer p {
		margin:5px 0;
	}
	
div.websolvers {
	text-align:right;
	margin:0 auto;
	width:900px;
}

/*----------------------------------------------------------------------------------*/
/* =typography (global)                                                             */
/*----------------------------------------------------------------------------------*/	

a {
	color:#238459;
}

p {
	margin:1em 0;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

h1, h2, h3, h4 {
	margin:.5em 0;
	font-weight:normal;
}

h1 {
	font-size:32px;
	line-height:32px;
}

	div.content h1 {
		border-bottom:5px solid #238459;
		color:#238459;
		font-size:32px;
		padding-bottom:3px;
	}
    
    h1 a {
    }

h2 {
	font-size:26px;
	line-height:30px;
}

	h2 a {
	}
	
	.sideContent h2 {
		border-bottom:1px solid #ccc;
		padding-bottom:3px;
		margin-top:2px;
		font-size:18px;
		line-height:21px;
	}
	
	.sideContent h2.navHeader {
		border-bottom:none;
		padding:0 0 0 10px;
		margin-bottom:5px;
		font-size:25px;
	}

h3 {
	padding:0;
	font-size:21px;
	color:#238459;
}

	h3 a {
	}
	
	.news h3 {
		border-bottom:1px solid #CCC;
		padding:3px 0;
		line-height:1em;
	}

h4 {
	font-size:15px;
	color:#5f5f5f;
}

	h4 a {
	}
	
h5 {

	font-size:12px;
}

	h5 a {
	}

div.content ul{
	margin:1em 0;
}
div.content ul li{
	background:none;
	padding-left:10px;
}

div.content ul.bulleted {
	margin:20px 0 20px 20px;
}
div.content ul.bulleted li {
	list-style:circle;
	padding:0;
	margin:.5em 0;
}

/*----------------------------------------------------------------------------------*/
/* =global classes                                                                  */
/*----------------------------------------------------------------------------------*/	

div.sideImage {
	text-align:right;
	float:right;
	margin:0 0 20px 10px;
}

	div.sideImage p {
		margin:2px 0;
	}

img.rightAlign {
	float:right;
	margin:0 0 0 15px;
}

img.leftAlign {
	float:left;
	margin:0 15px 0 0;
}
	
img.border {
	border:4px solid #238459;
}
	
a.backToTop {
	display:block;
	text-align:right;
}

div.module {
	background:url(../images/module-bg-top.jpg) no-repeat top;
	float:left;
	margin-bottom:16px;
	font-size:11px;
}

	div.module div {
		background:url(../images/module-bg-bottom.jpg) no-repeat bottom;
		float:left;
		padding:10px 20px;
		width:156px;
		min-height:140px;
	}
	
		* html div.module div {
			height:140px;
		}
		
		div.module div div {
			background:none;
		}
		
		div.module ul li {
			border-left:2px solid #006902;
			padding:0 0 0 3px;
			margin:8px 0;
			line-height:1.2em;
		}
		
			div.module ul li a {
				text-decoration:none;
				color:#000;
			}

	div.serviceAreas {
		font-size:10px;
	}
	
		div.serviceAreas a.serviceAreaMap {
			float:right;
		}
		
		div.serviceAreas p {
			float:left;
			border-right:1px solid #CCC;
			width:60px;
			padding-right:12px;
			line-height:1.1em;
		}
		
div.content ul.sitemap {
	margin:0;
	font-weight:bold;
	font-size:15px;
	float:left;
}

	div.content ul.sitemap a {
		text-decoration:none;
	}

	div.content ul.sitemap ul,
	div.content ul.locations ul ul{
		margin:0;
		font-weight:normal;
		font-size:12px;
	}
		
	div.content ul.locations {
		margin-top:1em;
		width:350px;
	}
	
		div.content ul.locations ul {
			font-weight:bold;
			width:100%;
		}
		
			div.content ul.locations ul li {
			}
			
			div.content ul.locations ul li.florida {
				width:170px;
				float:left;
			}
			
			div.content ul.locations ul li li {
				float:none;
			}

	
		
/*----------------------------------------------------------------------------------*/
/* =home                                                                            */
/*----------------------------------------------------------------------------------*/	
		
body.home div.content {
	/*width:425px;*/
	margin-top:20px;
}

div.news {
	float:left;
	width:591px;
	font-size:12px;
	line-height:1.2em;
}

	.featured{
		width: 262px; 
		float: left;
		display: inline;
		margin-right: 25px;
	}
		.featured a{
			font-size: 14px;
			text-decoration: none;
		}
		
		.featured img{
			float:right;
			border: 4px solid #178656;
			margin-left: 10px;
		}
	
	.recent{
		width: 304px;
		float: left;
		display: inline;
	}
		div.news div.recent ul li{
			margin-bottom: 0;
		}
		.recent a{font-size:14px;}
		.recent p{margin-top: 0;}
		
		.read-more,.archives{ 
			color:#006902; 
			text-decoration: none; 
			background: url(../images/arrow-right.gif) no-repeat center right;
			padding: 0 12px 0 0;
		}

	div.news ul li {
		padding-left:0;
		clear:both;
		margin-bottom:35px;
	}
	
	div.news span.date {
		display:block;
		font-weight:bold;
	}
	
	div.news a.newsLink {
		display:block;
		clear:both;
		float:right;
		font-size:11px;
		text-decoration:none;
	}
	
	.gfg-root {
		border:none !important;
	}
	
	.gf-result {
		padding-left:0 !important;
		padding-right:0 !important;
	}
	
	.gfg-entry {
		height:10.9em !important;
	}
	
	.gfg-root .gfg-entry .gf-result .gf-title,
	.gfg-listentry	{
		white-space:normal !important;
	}
	
	.gf-snippet {
		font-size:11px;
	}
	
	.gfg-listentry {
		margin:0 !important;
	}
	
	.gfg-listentry-highlight {
		background-position:left 4px !important;
	}
	
	.gfg-title,
	.gfg-subtitle,
	.gf-author,
	.gf-spacer{
		display:none !important;
	}
	
	
div.executive {
	padding:0 0 10px;
	border-bottom:1px solid #ccc;
	margin:0 0 24px;
}

div.partnerLogos {

}

	div.partnerLogos img {
		padding:0 28px 0 0;
	}
	


div.areaContainer {
	width:591px;
}

	div.areaContainer h3 {
		border-bottom:3px solid #238459;
		padding-bottom:2px;
	}

	div.areaContainer div.servicesContact {
		float:left;
		width:180px;
	}
	
		div.areaContainer div.servicesContact ul {
			margin-bottom:40px;
		}
	
			div.areaContainer div.servicesContact ul li {
				padding-left:0;
			}
			
				div.areaContainer div.servicesContact ul li a {
					text-decoration:none;
					color:#000;
				}
				
					div.areaContainer div.servicesContact ul li a:hover {
						color:#006902;
					}
		
		div.areaContainer div.servicesContact p {
			margin-top:0;
		}
		
		div.areaContainer div.servicesContact h4 {
			margin-bottom:0;
		}
	
	div.areaContainer div.contactForm {
		float:right;
		width:350px;
	}
	
	div.contactForm label {
		float:left;
		margin-top:10px;
		font-size:12px;
	}
	
		div.contactForm div.name label,
		div.contactForm div.emailPhone label{
			width:175px;
		}
		
		div.contactForm label input#Email,
		div.contactForm label input#company,
		div.contactForm label input#streetAddress		{
			width:339px;
		}

		div.contactForm div.cityStateZip {
			clear:both;
		}
		div.contactForm div.cityStateZip label {
			width:112px;
		}
		
			div.contactForm div.cityStateZip label input {
				width:105px;
			}
			
			div.contactForm div.cityStateZip label select {
				width:112px;
			}
			
			div.contactForm div.cityStateZip label.state {
				padding:0 5px;
			}
			
		div.contactForm div.emailPhone {
			clear:left;
		}
		
		div.contactForm select.service {
			width:345px;
		}			
		
		div.contactForm label input,
		div.contactForm label select,
		div.contactForm div.emailPhone label input#Email {
			clear:both;
			float:left;
			padding:1px;
			width:164px;
		}
		
		div.contactForm div.contactInformation,
		div.contactForm div.surveyQuestions {
			clear:both;
			float:left;
			width: 550px;
		}
		
		div.contactForm div.surveyQuestions {
			margin-top:25px;
		}
		
			div.contactForm div.surveyQuestions label {
				float:none;
				clear:none;
			}
			
				div.contactForm div.surveyQuestions input {
					float:none;
					clear:none;
				}
			
		div.contactForm label input.checkbox,
		div.contactForm label input.radio {
			width:auto;
		}
		
		div.contactForm label.option {
			margin-left:20px;
		}
		
		div.contactForm input.textNumber {
			width:20px;
			margin-left:5px;
		}
		
		div.contactForm label textarea#additionalInfo {
			width:341px;
			height:150px;
			font:13px Arial, Helvetica, sans-serif;
		}
		
		div.contactForm p{
			clear:both;
		}
		
		div.contactForm div.formButtons {
			clear:both;
			padding-top:20px;
		}
		
			div.contactForm div.formButtons input.submitButton {
				float:none;
			}
		div.contactForm input.submitButton {
			float:right;
			clear:both;
		}
		
span.note {
	font-size:10px;
}

p.mainInfo {
	background-color:#fbfbfb;
	font-size:15px;
	line-height:1.4em;
	width:324px;
	padding:5px 10px;
	margin:20px 0;
	color:#238459;
	border:1px solid #dbdbdb;
}	

p.question {
	margin-bottom:0;
}

p.disclaimer {
	font-size:10px;
}

div.mainLocationsMap {
	text-align:center;
}

div.rss_box {

}

	div.rss_box li.rss_item {
		padding-left:0;
	}
	
		div.rss_box li.rss_item p {
			margin-top:0;
		}
		
		div.rss_box li.rss_item a.rss_item {
			font-size:16px;
			text-decoration:none;
		}
	
	p.rss_date {
		display:none;
	}
		
		
div.reference {
	border-top:1px solid #ccc;
	padding-top:20px;
	margin-bottom:25px;
}

	div.reference blockquote {
		float:right;
		background-color:#fbfbfb;
		font-size:20px;
		line-height:1.4em;
		width:210px;
		padding:20px;
		margin:20px;
		color:#238459;
		border:1px solid #dbdbdb;
		text-align:center;
	}
		
p.readMore {
	text-align:right;
}

	p.readMore a {
		text-decoration:none;
	}
	
p.hr {
	border-bottom:1px dashed #000;
	padding-bottom:2px;
	margin-bottom:30px;
}
	
#recaptcha_widget_div{clear:both}