/* 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.png) no-repeat;
			width:260px;
			height:101px;
			position:absolute;
			top:14px;
			left:12px;
			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;
	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;					
				}*/
				
				ul.navigation li a {
					color:#fff;
					padding:14px 14px;
					text-align:center;
					text-decoration: none;
					display:block;
					margin:0 1px;				
				}
				
				ul.navigation li a:hover {
					background: url(../images/nav-hover.gif) repeat-x;
					border-left: 1px solid #fff;
					border-right: 1px solid #fff;
					margin:0;
				}

				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#headerCycle {
		background:url(../images/headers/home.jpg) no-repeat;
		padding-top:40px;
		height:283px;
		margin-bottom:55px;
	}
	
	.ctaSlides {
		color:#fff;
		float:left;
		width:700px;
	}
	
		.ctaSlides li {
			padding:100px 400px 0 20px;
			height:200px;
		}
		
			.ctaSlides li.residential {
				background:url(../images/cycle-slide-residential.png) no-repeat right 100px;
			}
			.ctaSlides li.commercial {
				background:url(../images/cycle-slide-commercial.png) no-repeat 282px 80px;
			}
			.ctaSlides li.rollOff {
				background:url(../images/cycle-slide-rolloff.png) no-repeat right 60px;
			}
			.ctaSlides li.recyling {
				background:url(../images/cycle-slide-recycling.png) no-repeat right 90px;
			}
		
		.ctaSlides h2 {
			color:#fff;
			font-size:24px;
			margin-bottom:5px;
		}
		
		.ctaSlides p {
			margin-top:5px;
		}
		
		.ctaSlides p.learnMore {
			background:url(../images/cycle-learnmore.png) no-repeat;
			display:block;
			font-size:16px;
			height:38px;
			width:155px;
		}
		
		.ctaSlides p.learnMore a {
			color:#fff;
			display:block;
			padding:11px 20px;
			text-decoration: none;
			text-transform: uppercase;
		}
	
	.ctaNav {
		float:right;
		font-size:24px;
		margin:20px 0;
		position: relative;
		text-align: right;
		width:175px;
		z-index: 10;
	}
	
		.ctaNav a {
			color:#333333;
			display:block;
			margin:10px 0;
			padding:10px 15px;
			text-decoration: none;
		}
		
		.ctaNav a:hover,
		.ctaNav li.activeSlide a {
			background-image: -webkit-gradient(
			    linear,
			    left bottom,
			    left top,
			    color-stop(0.29, rgb(204,204,204)),
			    color-stop(0.87, rgb(215,215,215))
			);
			background-image: -moz-linear-gradient(
			    center bottom,
			    rgb(204,204,204) 29%,
			    rgb(215,215,215) 87%
			);
		}
		
	

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

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

	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:28px;
	line-height:32px;
}

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

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

	h2 a {
		text-decoration: none;
	}
	
	.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:20px;
	}

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;
}

	.module h2 a{
		text-decoration: none
	}
	
	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.gwinnettCTA h2{
	font-size:22px;
}
	div.serviceAreas {
		font-size:10px;
	}
	
		div.serviceAreas a.serviceAreaMap {
			float:right;
			margin-top:15px;
		}
		
		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                                                                            */
/*----------------------------------------------------------------------------------*/	

.announcement {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	background:#17583a;
	color:#fff;
	font-size:15px;
	margin-bottom:15px;
	padding:15px;
}		

.announcement h4 {
	color:#fff;
}
body.home div.content {
	/*width:425px;*/
	margin-top:0px;
}

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:8px;
		}
	
	.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;
		}
		
		.busOpps div.contactForm label input#Name, 
		.busOpps div.contactForm label input#BestTimeToCall, 
		.busOpps div.contactForm label input#phone		{
			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;
		}
		
		.busOpps div.contactForm input.submitButton {
			float:left;
			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:28px;
		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}

.signature {
	font-weight:bold;
	font-size:16px;
	font-style:italic;
}

ul.customerInfo,
div.content ul.customerInfo {
	font-size:1.5em;
	margin:0 0 30px;
}

	div.content ul.customerInfo li {
		padding:.5em 0 .5em 15px;
		background: url(../images/arrow-right.gif) no-repeat center left;
		}
		
.sideContent .customerInfoCTA {
	border:none;
	font-size:24px;
	line-height:1.3em;
}
	
	.customerInfoCTA a {
		background:url(../images/customer-info-bg.gif) no-repeat;
		color:#fff;
		display:block;
		padding:21px 17px;
	}
	
.sidebarLogos {
	text-align: center;
}
	.sidebarLogos img {
		margin:10px auto;
	}
	
.contactInformation {
	background:#f4f4f4;
	border:1px solid #dbdbdb;
	margin:10px auto 20px;
	padding:15px;
	text-align: center;
	width:300px;
}
	
.contactInformation .phoneNumber {
	font-size:32px;
	color:#0055a8;
	margin-bottom:20px;
}

.contactInformation .address {
	color:#7f7f7f;
	margin:0 0 10px;
}

.price	{
	float: right;
	display: block;
	margin-top: 10px;

}

.ancillaryServices input[type="checkbox"]	{
	width: inherit;
	margin-right: 10px;
}

.ancillaryServices ul li	{
	clear: both;
	border-bottom: 1px dotted silver;
}

.ancillaryServices ul li:first-child	{
	border-bottom: none;
}

.ancillaryServices label	{
	text-align: left;
	min-width: 310px;
	margin-left: -15px;
	margin-bottom: 6px;
}

.ancillaryServices h3	{
	background-color: #F4F4F4;
}

.ancillaryServices p	{
	text-align: left;
}