/*----CSS Reset----*/
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% }table{border-collapse:collapse}caption,th,td{text-align:left}
/*----End CSS Reset----*/
/*---------------------------------------------------------------------*/
/*----Elements----*/

body {
  background: #e0e3e5;
  font: normal 76% Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #000;
}

h2 {
  color: #000033;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.4em;
}

h3 {
  color: #4b5155;
  font-weight: bold;
  font-size: 1.1em;
}

p {
  line-height: 1.6em;
  color: #4b5155;
  margin-bottom: 10px;
}

a {
  border-bottom: 1px dotted #000;
  text-decoration: none;
  color: #3333cc;
}

hr {
  color: #c6ccce;
  margin: 0;
  padding: 0;

}
.clear {
  clear: both;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
}


/*----End Elements----*/
/*---------------------------------------------------------------------*/
/*----IDs----*/

#wrap {
  width: 914px;
  margin: 0 auto;
  padding: 10px 8px 0;
  text-align: left;
  background: url("../images/background.gif") repeat-y;
}

#header h1 {
  width: 898px;
  height: 74px;
  text-indent: -9999px;
  background: url("../images/atlaslogo5.gif") no-repeat;
}

#nav {
  border-bottom: 1px solid #d4d4d4;
  width: 898px;
  height: 112px;
}

#nav ul {
  background: url("../images/navbackground.gif") repeat-x;
  height: 112px;
}

#nav li {
  display: inline;
}

#nav li a {
  display: block;
  float: left;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  color: #000033;
  border: 0 none;
  margin: 0;
  padding-right: 0;
  font-size: .9em;
}

#nav li a:hover, #nav li a.current {
  color: #660000;
}

#bannerimg {
  margin: 3px 0;
}

#homecol1 {
  width: 297px;
  float: left;
  background: #dee3e4;
  margin-right: 1px;
}

#homecol1 h2 {
  background: #6b7c87;
  padding: 10px 0;
}

#homecol2 {
  width: 300px;
  float: left;
}

#homecol2 h2, #homecol3 h2 {
  padding: 10px 0;
}

#homecol3 {
  width: 300px;
  float: left;
}

#homecol3 li, #rightcolsm li, #sidebar li, #mainwhite li, #whitecol li {
  font-weight: bold;
  line-height: 1.6em;
  color: #4b5155;
  font-size: .95em;
}
.leftfloat ul {
  margin-left: 20px;
}


.leftfloat li  {
  list-style-type: disc;
  line-height: 1.5em;

}


#footer {
  width: 878px;
  clear: both;
  background: #6b7c87;
  color: #4b5155;
  margin-top: 3px;
  padding: 10px 10px;
}
#footer ul {
  margin-bottom: 5px;
  text-align: center;
}


#footer li {
  display: inline;

}
#footer li a {
  color: #fff;
  padding: 0 5px 0px 5px;
}
#footer a:hover {
  color: #4b5155;
}


#footer p {
  margin-left: 170px;
}

#footer span { float: right;}

#footer a {
  color: #fff;
}
#footer img { margin-right: 5px;display: block; }

#leftcollg {
  width: 561px;
  margin-right: 1px;
  padding: 20px;
  border-top: 20px solid #6b7c87;
  float: left;
  background: #dee3e4;
}

#leftcollg h3, #rightcolsm h3, #mainwhite h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  color: #4b5155;
  text-transform: none;
}

#rightcolsm {
  width: 256px;
  padding: 20px;
  border-top: 20px solid #333333;
  float: left;
  background: #dee3e4;
}

#whitecol {
  width: 560px;
  padding: 20px;
}

#whitecol h3, #whitecollg h3 {
  font-size: 1em;
  padding-top: 10px;
}

#whitecol img {
  border: 1px solid #666;
  margin: 10px 0 20px 20px;
}

#whitecollg {
  width: 652px;
  padding: 20px;
}

#sidebar {
  width: 258px;
  border-top: 20px solid #6b7c87;
  background: #dee3e4;
  padding: 20px;
}

#sidebar ul {
  margin-bottom: 20px;
}

#sidebar li ul {
  margin-left: 40px;
  list-style: disc;
}

#sidebar li li ul {
  list-style: circle;
}

#sidebar li {
  font-weight: normal;
}

#sidebar h3, #sidebarsm h3 {
  margin-bottom: 20px;
}

#sidebarsm {
  width: 165px;
  border-top: 20px solid #6b7c87;
  background: #efefef;
  padding: 20px;
}

#mainwhite {
  width: 858px;
  padding: 20px;
}

#mainwhite li {
  font-weight: normal;
}

/*----End IDs----*/
/*---------------------------------------------------------------------*/
/*----Classes----*/

.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
}

.leftfloat {
  float: left;
}

.rightfloat {
  float: right;
}

.logo {
  float: left;
}

a.home {
  background: url("../images/l1.jpg") no-repeat;
  width: 100px;
  height: 32px;
  padding-top: 80px;
}

a.operations {
  background: url("../images/l2.jpg") no-repeat;
  width: 101px;
  height: 32px;
  padding-top: 80px;
}

a.products {
  background: url("../images/l3.jpg") no-repeat;
  width: 100px;
  height: 32px;
  padding-top: 80px;
}

a.about {
  background: url("../images/l4.jpg") no-repeat;
  width: 101px;
  height: 32px;
  padding-top: 80px;
}

a.contact {
  background: url("../images/l5.jpg") no-repeat;
  width: 99px;
  height: 32px;
  padding-top: 80px;
}
a.quote {
  background: url("../images/l6.jpg") no-repeat;
  width: 99px;
  height: 32px;
  padding-top: 80px;
}

.homesidebox {
  padding: 20px;
  border-bottom: 1px solid #c6ccce;
}

.learnmore {
  text-align: right;
  margin: 0;
}

.learnmore a {
  margin-left: 5px;
  padding-right: 1px;
}

.purchasebox {
  width: 259px;
  padding: 0 20px 20px;
  background: #a4aeb3;
  border-bottom: 13px solid #88959b;
}

.recyclebox {
  width: 260px;
  padding: 0 20px 20px;
  background: #84929b;
  border-bottom: 13px solid #6b7c87;
}

.recyclebox p {
  color: #333;
}

.aboutbox {
  padding: 10px 20px 20px;
  width: 259px;
  border-right: 1px solid #88959b;
}

.aboutbox h3, .col3box h3, #whitecol h2, #whitecollg h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1em;
  text-align: left;
  text-transform: none;
  border-bottom: 1px solid #666;
  background: url("../images/headerarrowsmall.gif") left no-repeat;
  padding: 5px 10px;
  margin-bottom: 10px;
  color: #476274;
}

.image {
  margin: 0 auto 10px;
  border: 1px solid #666;
  padding: 1px;
}

.image img {
  border: 1px solid #666;
}

.col3box {
  padding: 10px 20px 20px;
  width: 260px;
}

.photos {
  margin-right: 20px;
  float: left;
}

.photos img {
  border: 1px solid #666;
  display: block;
  margin-bottom: 20px;
}

.ops {
  height: 1840px;
  margin-bottom: 0;
}

.notrecycle {
  list-style: disc;
  margin-left: 40px;
}

.notrecycle li {
  margin-bottom: 10px;
}

.title {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
  padding: 10px;
  margin-bottom: 20px;
}

#whitecol li {
  font-weight: normal;
}

/*----End Classes----*/
#pictures {
  margin-top: 10px;

}
#pictures img {
  border: 3px solid #6b7c87;
}
/*----End classes----*/
/*---------------------------------------------------------------------*/
/*----form----*/
form {
  margin-left: 20px;
}


.textbox {
  width: 200px;
  display: block;
  border: 1px solid #6b7c87;
  font-size: 1.2em;
}
#quote {
 height: 100px;
 width: 500px;

}
.submit {
  background: #490c11;
  color: #fff;
  font-size: 1.5em;
  margin-top: 10px;
  padding: 0 3px;
  border: 1px solid #6b7c87;
}
.submit:hover {
  background: #a4adb2;
  color: #490c11;

}


