* {
	margin:0;
	padding:0;
		}
 
html, body {
		height:100%;
		}
		
@font-face {
 font-family:'GillsSans';
 src: url(../fonts/GillsSans.eot); /* For Internet Explorer 6+ */
}
@font-face {
 font-family:'GillsSans';
 src: url(../fonts/GillsSans.ttf); /* For non-IE browsers */
}
@font-face {
 font-family:'GillsSansItalic';
 src: url(../fonts/GillsSansItalic.eot); /* For Internet Explorer 6+ */
}
@font-face {
 font-family:'GillsSansItalic';
 src: url(../fonts/GillsSansItalic.ttf); /* For non-IE browsers */
}
@font-face {
 font-family:'GillsSansBoldItalic';
 src: url(../fonts/GillsSansBoldItalic.eot); /* For Internet Explorer 6+ */
}
@font-face {
 font-family:'GillsSansBoldItalic';
 src: url(../fonts/GillsSansBoldItalic.ttf); /* For non-IE browsers */
}
@font-face {
 font-family:'Journal';
 src: url(../fonts/Journal.eot); /* For Internet Explorer 6+ */
}
@font-face {
 font-family:'Journal';
 src: url(../fonts/Journal.ttf); /* For non-IE browsers */
}	
 
body {
	    background-color:#FFFFFF;
 		font-family:'GillsSans';
		font-size:15px;
		color:#000000;
		text-align:justify;
		margin:0px;
		line-height:17px;
		overflow-x:hidden;
}
			
p {
		margin-bottom:15px;	
}

em {
		font-style:normal;
		font-family:'GillsSansItalic';
}

ul {
		list-style-position:inside;	
		display:inline-block;
		margin-bottom:15px;
}

.clear { 
		float:none!important;
		clear:both!important;
		height:0px!important;
		padding:0px!important;
		margin:0px!important;
		overflow:hidden!important;
}

a { text-decoration:none; }
a:link, a:visited { color:#000000; }
a:hover { color:#828282; }

.strong {
	font-weight:normal;	
	font-family:'GillsSansBold';
}

h1,h2,h3,h4,h5,h6 {
		font-weight:normal;
		margin-bottom:10px;
}

h1, h2 {
		color:#78af1c;
}

h1 {
		font-family:'Journal';
		font-size:45px;
		line-height:52px;
		margin-bottom:20px;
}

h2 {
		font-size:22px;
		line-height:24px;
		margin-bottom:12px;
}

h3 {
		font-size:19px;
		line-height:24px;
		color:#1a4b0d;
}

img { border-style:none; }

.inner {
	width:1100px;
	margin:auto;	
	position:relative;
}

.left {
	float:left;	
}

.right {
	float:right;	
}

.header {
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-50%;
	width:100%;
	height:195px;
	background-image:url(../images/header.png);	
	background-position:center 37px;
	padding-top:37px;
	z-index:999999;
}

.header .inner > a {
	float:left;
	margin-top:16px;	
}

.header .inner .right {
	margin-top:15px;
	color:#92c43e;
	font-size:35px;
	line-height:38px;
	text-align:right;
}

.header .inner .right > a {
	font-family:'GillsSansItalic';
	font-size:22px;
	line-height:23px;	
}

.header .inner .right > a:link, .header .inner .right > a:visited, .header .inner .right span {
	color:#253c1c;
}

.header .inner .right > a:hover {
	color:#000000;
}

.header .inner .right .social {
	background-image:url(../images/social.png);
	background-repeat:no-repeat;
	background-position:center 42px;
	width:120px;
	height:100px;
	float:right;
	margin-left:10px;
	margin-top:-3px;
	text-align:center;
	position:relative;
}

.header .inner .right .social a {
	margin:0px 3px 0px 3px;
	top:42px;
	position:absolute;
}

.header .inner .right .social a.facebook {
	left:10px;
}

.header .inner .right .social a.twitter {
	right:10px;
}



.header .inner .right .social span {
	display:block;
	font-family:'Journal';
	font-size:38px;
	line-height:45px;
}

.header .inner .nav {
	clear:both;
	text-align:center;
	padding-top:25px;	
}

.header .inner .nav a {
	display:inline-block;
	margin:0px 10px 0px 10px;
	font-size:14px;
}

.header .inner .nav a:link, .header .inner .nav a:visited  {
	color:#FFFFFF;
	padding:5px;
}

.header .inner .nav a:hover, .header .inner .nav a.active  {
	color:#000000;
	background-color:#92c43e;
	border-radius:10px;
}

.header .inner .nav .dropdown {
		display:inline-block; 
		height:35px;
		position:relative;
}

.header .inner .nav .dropdown div {
		display:inline-block; 
		width:250px;
		height:0px;
		top:34px;
		margin-left:-190px;
		overflow:hidden;
		position:absolute;
		background-color:#92c43e;
		border-radius:15px;
		z-index:999998;
}


.header .inner .nav .dropdown div a {
		display:block;
		margin:0px;
		padding:5px 0px 5px 0px;
		border-style:none;
		width:250px;
}

.header .inner .nav .dropdown div a:link, .header .inner .nav .dropdown div a:visited  {
		color:#000000;
}

.header .inner .nav .dropdown div a:hover {
		background-color:transparent;
}


/* Top */

.top {
	margin-top:189px;
	width:100%;
	height:275px;
	background-position:center;
	background-image:url(../images/top.jpg);
}

.top .inner {
	height:275px;
	background-position:right;
	background-repeat:no-repeat;
	display:table;	
}

.top .inner .title {
	width:695px;
	height:275px;
	position:absolute;
	left:0px;
	top:0px;
	background-position:right;
	background-repeat:no-repeat;
	display:table;	
}

.top .inner .title > span {
	width:695px;
	height:275px;
	display:table;	
}

.top .inner .title > span span {
	display:table-cell;	
	font-family:'Journal';
	font-size:70px;
	line-height:60px;
	background-image:url(../images/top-image.png);
	background-repeat:no-repeat;
	background-position:0px 50px;
	vertical-align:middle;
	text-align:left;
	padding-left:315px;
}

.top.large {
	height:565px;
	background-image:url(../images/top-large.jpg);
}


/* Home Page Header Animation */

.cloud {
	position:absolute;	
}

.cloud.one {
	left:-100px;
	top:60px;	
}

.cloud.two {
	left:1200px;
	top:100px;	
}

.cloud.three {
	left:500px;
	top:230px;	
}

.welcome {
	position:absolute;	
	width:432px;
	left:0px;
	top:110px;
	text-align:center;	
	display:none;
}

.welcome span {
	color:#1a4b0d;
	font-size:30px;
	line-height:33px;
	display:block;
	margin-bottom:15px;
}

.top.large h2 span, .top.large h2 b, .top.large h2 em  {
	position:absolute;
	font-style:normal;
	font-weight:normal;
	font-family:'Journal';
	display:block;
}

.top.large h2 {
	position:absolute;	
	width:545px;
	right:50px;
	top:80px;
}

.top.large h2 span {
	font-size:105px;
	line-height:80px;
	top:-170px;
}

.top.large h2 b {
	font-size:95px;
	line-height:80px;
	color:#1a4b0d;
	/*left:-40px;*/
	left:40px;
	top:80px;
	opacity:0;
	display:none;
}

.top.large h2 em {
	font-size:100px;
	line-height:80px;
	left:235px;
	top:450px;
}

.top.large .building {
	width:450px;
	height:305px;
	position:absolute;
	top:50px;
	left:0px;
}

.top.large .building .factory {
	position:absolute;
	z-index:999;
	opacity:0;
	display:none;
}

.top.large .building .factory-arrow {
	position:absolute;
	z-index:998;
	opacity:0;
	display:none;
}

.top.large .building .factory-arrow.one {
	left:20px;
	top:180px;	
}

.top.large .building .factory-arrow.two {
	left:110px;
	top:195px;
}

.top.large .building .factory-arrow.three {
	left:205px;
	top:155px;
}

.top.large .building .factory-arrow.four {
	left:300px;
	top:120px;
}

.top.large .building .factory-arrow.five {
	left:400px;
	top:90px;
}

.top.large .bins {
	width:1100px;
	height:160px;
	position:absolute;
	left:0px;
	top:345px;
}

.top.large .bins img, .top.large .bins h4  {
	position:absolute;
	top:-75px;
	opacity:0;
}

.top.large .bins .bin.one {
	left:0px;

}

.top.large .bins .bin.two {
	left:90px;
}

.top.large .bins .bin.three {
	left:185px;
}

.top.large .bins .bin.four {
	left:290px;
}

.top.large .bins .bin.five {
	left:380px;
}

.top.large .bins .van {
	left:360px;
	top:0px;
}

.top.large .bins h4 {
	left:725px;
	top:60px;
	color:#1a4b0d;
	font-size:35px;
	line-height:40px;
	
}

.top.large .bins h4 span {
	display:block;
	color:#FFFFFF;
	font-size:40px;
	line-height:45px;
	margin-left:20px;
}

.top.large .leaf {
	position:absolute;
	right:-110px;
	top:210px;	
	opacity:0;
	display:none;
}

/* Main */

.main {
	position:absolute;
	top:380px;
	left:50%;
	margin-left:-50%;
	width:100%;
	height:auto;
	background-position:center top;
	background-image:url(../images/main.png);
/*	background-repeat:no-repeat;
	background-color:#f3f1e9;*/
	padding-top:40px;
}

/* body.home .main {
	top:655px;	
} */

.main span, .main a:link, .main a:visited {
	color:#669c0c;	
}

.main .right {
	width:400px;	
}

.main .right h3 {
	display:block;
	margin-bottom:10px;
	text-align:center;
	color:#1a4b0d;
	font-size:20px;
	line-height:23px;
}

.main .right h3.one {
	width:294px;
	height:75px;
	padding-top:28px;
	padding-left:80px;
	padding-right:20px;
	background-image:url(../images/right-h3-one.png);
}

.main .right h3.two {
	width:240px;
	height:96px;
	padding-top:41px;
	padding-left:31px;
	padding-right:103px;
	background-image:url(../images/right-h3-two.png);
}

.main .right h3.two span {
	color:#000000;
	font-size:22px;
	line-height:25px;
	display:block;
}

.main .right h3.two a:link, .main .right h3.two a:visited {
	color:#1a4b0d;
}

.main .right ul {
	text-align:center;
}

.main .right li {
	display:inline-block;
	margin:0px 5px 15px 5px;
	width:120px;
}

.main .right li img {
	margin-bottom:10px;
}

.main .right li h4 {
	margin-bottom:10px;
	color:#1a4b0d;
	font-size:19px;
	line-height:22px;
}

.main .left {
	width:1100px;
}

.main .left ul {
	display:inline-block;
	padding:15px;
	background-image:url(../images/green-transparent.png);
	list-style:none;
}

.main .left ul li {
	padding-left:32px;
	background-image:url(../images/bullet.png);
	background-repeat:no-repeat;
	line-height:19px;
	margin-bottom:8px;
}

.main .left ul.legislation li {
	padding-left:55px;
	background-image:url(../images/pdf.png);
	line-height:46px;
}

.main .left ul li.alternate {
	color:#619210;
}


body.contact-us .main .left,
body.documents .main .left,
body.recycling-services .main .left,
body.recycling-services .main .right {
	width:1100px;
}

body.recycling-services .main .right h3, body.recycling-services .main .right ul {
	display:inline-block;
}

body.recycling-services .main .right h3.one {
	width:190px;
	height:115px;
	padding-top:16px;
	float:left;
	margin-top:20px;
	background-image:url(../images/right-h3-one-services.png);
}


.main h5 {
	clear:both;
	font-size:25px;
	line-height:30px;
	padding:7px;	
	color:#1f650f;
	text-align:center;
}


.main .left .services div {
	float:left;
	padding:15px;
	background-image:url(../images/green-transparent.png);
	width:215px;
	height:210px;
	margin:15px;
	text-align:left;
}

.main .left .services div h2 {
	font-size:18px;
	line-height:20px;
}

.main .left .services div img {
	margin-bottom:10px;
}

/* Social Feeds */

.social-feeds {
	width:100%;
	height:358px;
	margin-top:15px;
	background-image:url(../images/social-feeds.jpg);
	background-position:center;
}

.social-feeds .inner .feed {
	width:510px;
	height:331px;
	float:left;
	margin:10px;
	margin-top:17px;
}

.view-list.item-list.facebook-list, .view-list.item-list.twitter-list {
	overflow:auto;
	height:270px;
}

.view-list.item-list.facebook-list > div.alternate, .view-list.item-list.twitter-list > div.alternate {
	background:none!important;
}

.social-feeds .inner .feed ul li {
	list-style:none;
	margin-bottom:20px;
	margin-right:10px;
	clear:both;
	padding-bottom:20px;
	border-bottom:#CCCCCC solid 1px;
	font-size:12px;
	line-height:15px;
}

.social-feeds .inner .feed ul li img {
	float:left;
	margin-right:10px;
}

.facebook-list.item-list.view-list > div p b, .twitter-list.item-list.view-list > div p b	{
	display:block;
	margin-bottom:12px;
	font-size:16px;
	line-height:18px;
	color:#669c0c;
	font-weight:normal
}


.social-feeds .inner .feed h3 {
	font-size:20px;
	line-height:22px;
	margin-bottom:30px;
	color:#FFFFFF;
}

.social-feeds .inner .feed.facebook h3 span { color:#bfd3ff; }
.social-feeds .inner .feed.twitter  h3 span { color:#6abbff; }

/* Footer */

.footer {
	margin-top:25px;
	font-size:12px;
	line-height:16px;
	text-align:left;	
}

.footer a:link, .footer a:visited { color:#000000; }
.footer a:hover					  { color:#669c0c; } 

.footer > div {
	float:left;
	width:275px;
}

.footer > div h6 {
	font-size:16px;
	line-height:18px;
	margin-bottom:13px;
	padding-bottom:13px;
	border-bottom:solid 1px #CCCCCC;
}

.footer > div.wide {
	width:550px;
}

.footer > div.wide a {
	display:inline-block;
	width:250px;
}

.footer > div.wide div {
	display:inline;
}






.validated a {
	display:inline-block;
	height:15px;
	width:60px;
	margin-top:7px;
	margin-left:-2px;
	background-position:0px -15px;
}

.validated a:hover {
	background-position:0px 0px;
}

a.css:link, a.css:visited { background-image:url(../images/css.png); }
a.xhtml:link, a.xhtml:visited  { background-image:url(../images/xhtml.png); }

.addthis_toolbox {
	width:210px;
	margin-top:15px;
	margin-left:4px;
}

.addthis_button_google_plusone {
	display:none!important;
}

.addthis_toolbox p {
	color:#c24085;
	display:block;
	margin-right:10px;
	margin-bottom:0px;
	float:left;
}

/* News Feed */

.news-feed {
	position:relative;
	width:666px;
	height:170px;
	background-image:url(../images/green-transparent.png);
}

.news-feed a.arrow {
	top:75px;
}

.news-feed a.arrow.prev { left:-14px; }
.news-feed a.arrow.next { right:-14px; }

.news-feed div {
	position:absolute;
	display:none;
	left:0px;
	top:0px;
	width:666px;
	text-align:left;
}

.news-feed div h3 {
	background-image:url(../images/green-transparent.png);
	padding:6px;
	padding-left:50px;
	margin-bottom:15px;
	color:#1a4b0d;
}

.news-feed div p {
	padding-left:50px;
	padding-right:50px;
}

.news-feed div img {
	float:left;
	margin-right:10px;
}

.news-feed div.active { display:block; }

/* Arrows */

.arrow {
	display:block;
	width:44px;
	height:38px;
	cursor:pointer;
	background-image:url(../images/arrows.png);
	position:absolute;
}

.arrow.next 	  { background-position:-44px 0px; }
.arrow.next:hover { background-position:-44px -38px; }
.arrow.prev	   	  { background-position:0px 0px; }
.arrow.prev:hover { background-position:0px -38px; }

/* Form CSS */


.column {
	float:left;
	width:550px;
	margin-bottom:15px;
}

.column span {
	display:block;
	margin-bottom:6px;
}

.column iframe {
	border:solid 3px #afcdb5;	
}

.column .larger {
	padding:3px 9px 9px 9px;
	display:block;
	background-color:#afcdb5;	
}

.column .larger:link, .column .larger:visited { color:#000000; }

input[type="text"], input[type="password"], input[type="submit"] {
	display:inline-block;
}

input[type="text"], input[type="password"] {
	width:80%;
	height:24px;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:12px;
	margin-right:5px;
	border-style:solid;
	border-width:2px;
	border-color:#d4d2d2;
	font-size:11px;
	color:#666666;
	clear:both;
}

input[type="submit"] {
	width:90%;
	height:35px;
	background-color:#78af1c;
	border-style:none;
	color:#FFFFFF;
	font-weight:bold;
	clear:both;
	border-radius:10px;
}

textarea {
	width:85%;
	height:146px;
	padding-top:6px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:12px;
	border-style:solid;
	border-width:2px;
	border-color:#d4d2d2;
	font-size:11px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
}

form span, .column form label {
	display:block;
	text-align:left;
}

input[type="checkbox"] {
	margin-right:10px;
	outline:solid 1px #FFFFFF;
}

form span, form label:last-child {
	margin-bottom:10px;
}

input[type="text"].valid { border-color:#009900; }
input[type="text"].error { border-color:#cc0000; }

input[type="checkbox"].valid  { outline-color:#009900; }
input[type="checkbox"].error  { outline-color:#cc0000; }

input[type="text"].valid, textarea.valid  { border-color:#009900; }
input[type="text"].error, textarea.error  { border-color:#cc0000; }

.captcha {
	display:block;	
	clear:both;
}

.notification-bar {
		border:solid 1px!important;
		border-color:#009900!important;
		background-color:#d4f5d8!important;
		padding:15px!important;
		margin-bottom:15px!important;
		width:auto!important;
		height:auto!important;
		font-size:13px!important;
		line-height:14px!important;
		color:#000000!important;
		background-image:none!important;
}

.notification-bar.error {
		border-color:#cc0000!important;
		background-color:#fed6d6!important;
}

/* End Form CSS */

/* Custom Lightbox CSS */

.overlay {
	position:fixed;
	width:100%;
	height:100%;
	background-image:url(../images/loading.gif);
	background-color:#000000;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0.5;
	z-index:9999997;
	left:0px;
	top:0px;
	cursor:pointer;
}

div.lightbox img {
	display:none;
}

div.lightbox .caption {
	background-color:#CCCCCC;
	padding:15px;
	left:50%;
	top:50%;
	position:fixed;
}

div.lightbox {
	position:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 75%;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:9999998;
	display:none;
}

a.close {
	position:absolute;
	top:50%;
	right:50%;
	background-image:url(../images/close.png);
	display:block;
	width:18px;
	height:19px;
	z-index:9999999;
	cursor:pointer;
}

.lightbox-thumbs {
	position:fixed;
	left:0px;
	bottom:0px;	
	width:100%;
	height:110px;
	padding-top:10px;
	padding-bottom:10px;
	overflow:auto;
	z-index:9999999;
	background-color:#000000;
	text-align:center;
}

.lightbox-thumbs img {
	opacity:0.5;
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	cursor:pointer;
}

.lightbox-thumbs img.active, .lightbox-thumbs a.active img {
	opacity:1;
}

/* End Custom Lightbox CSS */

/* Blog */

.blog.article img {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.blog div {
	margin-bottom:10px;
	padding:15px;
}

.blog div.alternate {
	background-image:url(../images/green-transparent.png);
}

.blog div img {
	float:left;
	margin-right:10px;
}

.blog em {
	font-size:15px;
	display:block;
	margin-bottom:8px;	
}

.blog span {
	font-size:16px;
	font-weight:bold;
	display:block;
	margin-bottom:8px;	
}

.pagination {
		border-top:solid 1px #b9ada3;
		padding-top:13px;
		margin-bottom:0px!important;
		font-size:14px;	
		min-height:0px!important;
		text-align:left;
}

.pagination a.button {
	margin-left:10px;
	margin-right:3px;
	border-radius:22px;
	background-color:#686868;
	display:inline-block;
	width:20px;
	height:17px;
	padding:5px;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
}

.pagination a.button:link, .pagination a.button:visited, .pagination a.button:hover {
	color:#FFFFFF;

}

.pagination b {
	vertical-align:middle;
}

.pagination a.button:hover, .pagination a.button.active {
	background-color:#78af1c;
	color:#FFFFFF;
}

/* End Blog CSS */

/* Amber */

.amber_bg,
.notification-bar.amber_bg {
	background:rgb(255,91,0)!important;
}

.amber_bg, .notification-bar.amber_bg, .amber_bg a, .amber_bg a:link, .amber_bg a:visited, a.amber_bg:link, a.amber_bg:visited, a.amber_bg:hover {
	color:#FFFFFF!important;
}

button.amber_bg, .button.amber_bg, .more.amber_bg, .notification-bar.amber_bg {
	border-color:rgb(255,91,0)!important;	
}

.amber {
	color:rgb(255,91,0)!important;
}

/* Yellow */

.yellow_bg,
.notification-bar.yellow_bg {
	background:rgb(255,222,0)!important;
}

.yellow_bg, .notification-bar.yellow_bg, .yellow_bg a, .yellow_bg a:link, .yellow_bg a:visited, a.yellow_bg:link, a.yellow_bg:visited, a.yellow_bg:hover {
	color:#161616!important;
}

button.yellow_bg, .button.yellow_bg, .more.yellow_bg, .notification-bar.yellow_bg {
	border-color:rgb(255,222,0)!important;	
}

.yellow {
	color:rgb(255,222,0)!important;
}

.banner {
	padding:10px;
	font-size:17px;
	text-align:center;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
}