/*
   main.css
   eaglehauling
   
   Created by Craig Mink on 2007-11-27.
   Copyright 2007 Full Steam Marketing & Design. All rights reserved.
*/

/* default styles
----------------------------------------------- */
html, body {
  margin: 0;
  padding: 0;
  font: normal normal normal 14px/1.5em Arial, sans-serif;
  color: #333;
}

ul, ol {
  margin: 0;
  padding: .5em 1.5em;
}
li {
  color: #064;
  line-height: 1.2em;
  margin: 0.25em 0;
}
table {
  clear: both;
}
strong {
  color: #064;
}
a {
  outline: none !important;
}


/* header
----------------------------------------------- */
#header {
  background: transparent url('images/eh-header.jpg') no-repeat left top;
  width: 808px;
  height: 126px;
}
#drop-box-page #header {
  background-image: url('images/eh-drop-box-header.jpg');
}
#bobcat-page #header {
  background-image: url('images/eh-bobcat-header.jpg');
}
#cd-recycling-page #header {
  background-image: url('images/eh-cd-recycling-header.jpg');
}
#recycling-page #header {
  background-image: url('images/eh-recycling-header.jpg');
}
#header h1, #header p.note {
  margin: 0;
  text-indent: -9999px;
}

/* main navigation
----------------------------------------------- */
#navigation {
  width: 808px;
  height: 34px;
}
#nav {
  float: left;
  margin: 0;
  padding: 0;
}
* html #nav {
  display: inline;
}
#nav li {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
}
#nav a {
  display: block;
  background: #016f4c url('images/tab-corner-green.gif') no-repeat right bottom;
  width: 96px;
  height: 24px;
  padding: 5px 0 5px 16px;
  color: #fff;
  font: normal normal bold 12px/1em Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none
}
#nav a:hover {
  color: #fbd008;
}

/* individual menu tweaks */
#nav li#home a {
  width: 71px;
}
#nav li#services a {
  width: 91px;
}
#nav li#bobcat_service a {
  width: 88px;
}
#nav li#c_d_recycling a {
  width: 134px;
}
#nav li#recycling_services a {
  width: 106px;
}
#nav li#contact_us a {
  width: 110px;
}

/* content section
----------------------------------------------- */
#content {
  width: 808px;
}
#content img.float {
  clear: both;
  border: 1px solid #adc;
  padding: 4px;
  margin-bottom: 10px;
}
#content .col-left img.float {
  float: right;
  margin-left: 20px;
  margin-right: -140px;
}
#content .col-right img.float {
  float: left;
  margin-left: -280px;
  margin-right: 20px;
}
#content h2 {
  margin-top: 0;
  padding: 4px 40px 2px;
  background-color: #9cb;
  border-bottom: 2px solid #064;
  color: #fff;
  line-height: 1.5em;
}
#content .col-left {
  margin: 40px;
  margin-right: 160px;
}
#content .col-right {
  margin: 40px;
  margin-left: 320px;
}
ul.contact-info {
  list-style: none;
  padding: 20px 0 0;
  margin: 20px 0;
  width: 420px;
}
* html ul.contact-info {
  border-top: 1px solid #ddd;
}
ul.contact-info + ul.contact-info {
  border-top: 1px solid #ddd;
}
.contact-info li {
  margin: 0;
  color: #333;
}
.contact-info li.contact-name {
  font-style: italic;  
}
.contact-info li.contact-title {
  font-weight: bold;
}
#content .logos {
  float: right;
  width: 300px;
  margin: 0 -140px 20px 20px;
}
#content .logos h3 {
  background-color: #064;
  color: #fff;
  text-align: center;
  margin: 0;
}
#content .logos img {
  display: block;
  padding: 5px;
  margin: 0 auto;
}
* html #contact-page #content .col-left {
  margin-right: 280px;
}


/* footer
----------------------------------------------- */
#footer {
  clear: both;
  background: transparent url('images/eh-home-footer.jpg') no-repeat left top;
  height: 362px;
  width: 808px;
  margin-top: 20px;
}
#bobcat-page #footer {
  background-image: url('images/eh-bobcat-footer.jpg');
}
#services-page #footer, #drop-box-page #footer {
  background-image: url('images/eh-services-footer.jpg');
  height: 550px;
}
#cd-recycling-page #footer {
  background-image: url('images/eh-cd-recycling-footer.jpg');
  height: 244px;
}
#recycling-page #footer {
  background-image: url('images/eh-recycling-footer.jpg');
  height: 440px;
}