* {
margin: 0;
padding: 0;
border: 0 none;
}

body, html {
height: 100%;
}

body {
background: #ebebeb url(images/body_bg.jpg) repeat center top;

}

div {
position: relative;
}

#wrapper {
width: 910px;
margin: 0 auto -81px auto;
min-height: 100%;
background: url(images/wrapper_bg.jpg) repeat-y;
}

#content {
overflow: hidden;
padding: 10px 15px 0 15px;
}

#content-main {
background: url(images/content_main_bg.jpg) no-repeat;
overflow: hidden;
margin: 10px 0 0 0;
padding: 20px;
min-height: 300px;
}

#home-flash-wrap {
width: 910px;
height: 212px;
}

.clear {
clear: both;
}

.left { float: left; }

.image {
float: left;
margin: 0 20px 10px 0;
padding: 1px;
border: 1px solid #ffb071;
}

/*----------------------------------------------------- TYPE ---------------------------------------------------*/

* { font-family: Arial,sans-serif; }

a {
text-decoration: none;
color: #ff7200;
}
a:hover{ text-decoration: underline; }

p, td, span, a {
font-size: 13px;
}

p { margin: 0 0 12px 0; }

.orange {color: #ff7200; }

h2#page-header { margin: 0 0 20px 0; }

h3 {
color: #ff7200;
}

/*----------------------------------------------------- NAV ---------------------------------------------------*/

ul#nav li a span {visibility:hidden;}

ul#nav {
overflow: hidden;
background: url(images/nav_bg.jpg) no-repeat;
padding: 10px 5px 0 5px;
}

ul#nav li {
display: inline;
float: left;
}

a#nav-home { display: block; height: 46px; width: 117px; background: url(images/nav_home.jpg) no-repeat; }
a#nav-services { display: block; height: 46px; width: 147px; background: url(images/nav_services.jpg) no-repeat; }
a#nav-about { display: block; height: 46px; width: 129px; background: url(images/nav_about.jpg) no-repeat; }
a#nav-opp { display: block; height: 46px; width: 151px; background: url(images/nav_opps.jpg) no-repeat; }
a#nav-links { display: block; height: 46px; width: 113px; background: url(images/nav_links.jpg) no-repeat; }
a#nav-contact { display: block; height: 46px; width: 135px; background: url(images/nav_contact.jpg) no-repeat; }
a#nav-rates { display: block; height: 46px; width: 108px; background: url(images/nav_rates.jpg) no-repeat; }

ul#nav li a:hover {
background-position: left bottom;
}

/*----------------------------------------------------- HOME ---------------------------------------------------*/

a#home-logo {
background: url(images/home_logo.jpg) no-repeat; width: 230px; height: 125px; display: block; float: left; text-decoration:none;
}

#home-banner {
float: right;
}

#home-truck {
float: right;
display: inline;
}

#home-top { padding: 10px 20px; background: url(images/home_pageSep.jpg) no-repeat left bottom; overflow: hidden; }
p#home-para{ font-size: 17px; font-weight: bold; margin: 10px 0 0 0; }
p.home-para2{ font-size: 19px; font-weight: bold; margin: 20px 0 0 0; }
#home-recycle { margin: 10px 0 0 0; }
#home-recycle p { line-height: 40px; font-weight: bold; margin: 0 0 0 10px; float: left; }

ul#home-btns { margin: 20px 0 0 0; }
ul#home-btns li { display: inline; float: left; }
ul#home-btns li a { display: block; width: 413px; height: 53px; background: url(images/home_btnbg.jpg) no-repeat; text-align: center; line-height: 53px; font-size: 18px; font-weight: bold; color: black;}
ul#home-btns li a:hover { background-position: left bottom; color: #ff7200; text-decoration: none; }
ul#home-btns li a.left { margin: 10px 10px 0 0; }
ul#home-btns li a.right { margin: 10px 0 0 0; }


/*----------------------------------------------------- SERVICES ---------------------------------------------------*/

#services-list {

}

ul#services-list li {
display: block;
padding: 10px;
margin: 0 0 10px 0;
border: 2px solid #dcdcdc;
}

ul#services-list li a {
color: #ff7200; font-weight: bold; font-size: 18px;
}
ul#services-list li p {
margin: 0;
}

/*----------------------------------------------------- RATES ---------------------------------------------------*/

#rates-table {
float: left;
width: 250px;
margin: 0 0 0 20px;
display: inline;
}
#rates-table h3 {
color: #ff7200;
}
#rates-table table {
margin: 0 0 10px 0; background: #f0f0f0; border-collapse: collapse;
}
#rates-table td {
padding: 2px 5px;
border: 1px solid white;
}
#rates-recycle {
text-align: center;
margin: 70px 0 0 0;
width: 550px;
float: right;
}

/*----------------------------------------------------- CONTACT ---------------------------------------------------*/

table#contact-form td{
padding: 5px;
}

input, textarea {
border: 1px solid #c9c9c9;
padding: 3px;
}

/*----------------------------------------------------- FOOTER ---------------------------------------------------*/

#footer-wrap { background: #f0f0f0; border-top: 1px solid #bdbdbd; height: 80px; }
#footer { width: 900px; margin: 0 auto; }
#footer-nav { float: left; margin: 35px 0 0 0; }

#footer-nav li {  display: inline; font-size: 10px; }

#footer-nav li a:hover { text-decoration: underline; }

#footer-wsm { float: right; font-size: 10px; color: gray; margin: 28px 0 0 0; }
#footer-wsm a { font-size: 10px; }
#push { height: 81px; clear: both; }

