@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------------------- 
  
   Reset default browser CSS.
   
   Based on work by Eric Meyer:
   http://meyerweb.com/eric/tools/css/reset/index.html
   
-------------------------------------------------------------- */

/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
        vertical-align: baseline;
        background: transparent;
}
/*
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
*/
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

/* remember to define focus styles! */
:focus {
        outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}

a img { border: none; }


/* Start Main styles */

body {
	margin:0;
	padding:0;
	font-family: Arial,Helvetica,sans-serif;
	font-size:12px;
}

p, ol, ul {
	margin-top:8px;
	margin-bottom:7px;
}

#header {
	margin:0 auto;
	width:1050px;
	padding-bottom:25px;
	border-bottom:8px solid #00693c;
}

#logo {
	float:left;
	width:122px;
	padding-left:55px;
	margin-top:-10px;
}
#logo a{
	display:block;
	background: url(../images/wastemanagement_logo.gif) no-repeat top left;
	width:122px;
	height:74px;
	text-indent:-9999px;
}

#header ul {
	float:left;
	width:300px;
	margin-top:10px;
	padding-left:275px;
}

#header ul li{
	display:inline;
}
#header ul li a{
	border-right:1px solid #cccccc;
	padding:1px 9px;
	text-decoration:none;
	color:#000000;
	font-size:11px;
}
#header ul li a.first {
	padding-left:0;
}
#header ul li a.last {
	border-right:none;
	padding-right:0;
}
#header ul li a:hover{
	text-decoration:underline;
}

#thinkgreen {
	float:right;
	width:160px;
	height:32px;
	padding-right:55px;
	background: url(../images/thinkgreen_logo.gif) no-repeat top left;
}

.clear {
	clear:both;
}

#content {
	margin:0 auto;
	width:860px;
	padding-top:25px;
}

#content ul {
	padding-left:15px;
}

#breadcrumbs {
	color:#787878;
	font-size:11px;
	padding-bottom:20px;
}
#breadcrumbs a {
	color:#3B3B3B;
}

#form_wrapper {
	border: 1px solid #d8d7d7;
	padding:10px;
	margin-bottom:20px;
	background: url(../images/splash.jpg) no-repeat top left; 
}
#form_wrapper h1 {
	text-indent:-9999px;
	position:absolute;
}

#form_bg {
	
	height:100%;
	width:100%;
}

#feature {
	padding-left:20px;
	padding-top:15px;
}	

#feature_img {
	float:left;
	width:107px;
}
#feature_desc{
	float:left;
	width:190px;
}
#feature_desc a {
	color:#000000;	
}
#feature_desc p.notop {
	margin-top:0;
}

#form_left {
	float:left;
	width:500px;
}
#left_set {
	padding: 95px 20px 0 20px;
}

#form_right {
	float:left;
	width:338px;
}

#right_set {
	padding: 270px 0 0 80px;
}
#right_set ul {margin-bottom:30px;}

.bold {font-weight:bold;}
.req {text-align:right; font-size:11px; margin-top:20px; padding-right:31px;}

#left_set form {
	margin:0;
	padding:0;
}

.form_row {
	clear:both;
	padding-top:5px;
}

.form_title {
	float:left;
	width:182px;
	font-weight:bold;
	text-align:right;
	margin-top:3px;
	margin-right:8px;
}
.form_title label, .form_title p.sub {}
.form_title p.sub {margin-top:2px; font-size:11px;}
.form_input {
	float:left;
	width:230px;
}

.form_input input, .form_input textarea, .form_input select {
	width:100%;
}

#news_check {font-size:11px; width:100%; margin-top:10px;}
#news_check input {float:left; margin-right:10px; width:20px;}
#news_check label {float:left; width:340px;}

#case1 {float:left; width:209px;}
#case2 {float:left; width:200px;}

#form_submit {width:100%; height:40px; margin-bottom:10px;}
#form_submit #form_reset {float:left; width:179px; margin-top:10px;}
#form_submit #form_submit {float:left; width:169px; margin-top:10px;}



/* Thank you page styles */
#ty_wrapper {}
#ty_left{
	float:left;
	width:562px;
}
#ty_left #ty_images {
	width:542px;
}
#ty_image1 {float:left; width: 333px;}
#ty_image2 {float:left; width: 209px;}

#ty_right{
	float:left;
	width:298px;
}
#ty_right .box_under {
	margin-top:10px;
}

#ty_msg {width:480px;}
#ty_desc {width:500px;}
#ty_desc a {font-weight:bold; color:#00703C; text-decoration:none;}
#ty_desc a:hover {text-decoration:underline;}
#ty_msg {
	background: url(../images/thankyou_msg.gif) no-repeat top left;
	height:99px;
	text-indent:-9999px;
}

#footer {
	margin:45px auto 0;
	width:860px;
	background-color:#575850;
	color:#cccccc;
}

#footer ul {
	float:left;
	width:500px;
	margin:0;
	padding:10px;
}

#footer ul li{
	display:inline;
}
#footer ul li a{
	border-right:1px solid #cccccc;
	padding:1px 9px;
	text-decoration:none;
	color:#CCCCCC;
	font-size:12px;
}
#footer ul li a.first {
	padding-left:0;
}
#footer ul li a.last {
	border-right:none;
	padding-right:0;
}
#footer ul li a:hover{
	text-decoration:underline;
}

#footer #credits {
	float:right;
	text-align:right;
	width:200px;
	padding:10px;
}

#social {
	margin:0 auto;
	width:344px;
}

#social #twitter, #social #facebook {
	padding-bottom:20px;
	float:left;
}
#social #twitter {
	width:156px;
}
#social #twitter a {
	display:block;
	text-indent: -9999px;
	width:151px;
	height:45px;
	background: url(../images/twitter.png) no-repeat top left;
}
#social #twitter a:hover {
	background-position: 0 -45px;
}
#social #facebook {
	width:188px;
}
#social #facebook a {
	display:block;
	text-indent: -9999px;
	width:188px;
	height:45px;
	background: url(../images/facebook.png) no-repeat top left;
}
#social #facebook a:hover {
	background-position: 0 -45px;
}