/* canyon.css */
body {
background-color: #7AB575;
color: black;
font-family: Helvetica, Verdana, Arial, sans-serif
}

#line-horizontal {
background-color: #7AB575;
height: 5px;
left: 0px;
overflow: hidden;
position: absolute;
top: 145px;
width: 875px;
z-index: 8
}

#address {
font-size: 9pt;
font-variant: small-caps;
height: 79px;
left: 27px;
position: absolute;
top: 403px;
width: 200px;
z-index: 5
}

#sales-team {
font-size: 14pt;
font-variant: small-caps;
height: 179px;
left: 27px;
position: absolute;
top: 200px;
width: 220px;
z-index: 5;
  font-weight: bolder;
  font-style: italic
}

#line-vertical {
background-color: #7AB575;
height: 600px;
left: 270px;
position: absolute;
top: 0px;
width: 5px;
z-index: 1
}

#logo {
background-image: url(images/logo-plain2.jpg);
height: 150px;
left: 0px;
position: absolute;
top: 0px;
width: 275px;
z-index: 9
}

#bar-top {
font-size: 18pt;
font-stretch: wider;
font-weight: bolder;
height: 75px;
left: 12px;
margin-top: 40px;
position: absolute;
text-align: center;
top: 150px;
width: 245px;
z-index: 8;
  font-variant: small-caps;
  font-style: italic
}

#bar-left {
background-color: #d6e3cc;
height: 450px;
left: 0px;
position: absolute;
top: 130px;
width: 270px;
z-index: 4
}

#lumber {
height: 450px;
left: 275px;
position: absolute;
top: 150px;
width: 600px;
z-index: 10;
/*  background-image: url(images/lumber-01.jpg);
  background-position: center;
  background-repeat: no-repeat
*/}

#products {
height: 450px;
left: 275px;
position: absolute;
top: 150px;
width: 600px;
z-index: 8;
  background-image: url(images/lumber-loads-01.jpg);
  background-position: center;
  font-weight: bolder;
  font-stretch: condensed;
  font-size: smaller
}

#salesp {
height: 450px;
left: 275px;
position: absolute;
top: 150px;
width: 600px;
z-index: 8;
  background-image: url(images/lumber-loads-01.jpg);
  background-position: center;
  font-weight: bolder;
  font-stretch: condensed;
  font-size: smaller
}

#contactus {
height: 450px;
left: 275px;
position: absolute;
top: 150px;
width: 600px;
z-index: 8;
  background-image: url(images/lumber-loads-01.jpg);
  background-position: center;
  font-weight: bolder;
  font-stretch: condensed;
  font-size: smaller
}

#canyon {
color: #000000;
font-size: 40px;
font-stretch: wider;
font-variant: small-caps;
font-weight: bolder;
height: 95px;
left: 285px;
position: absolute;
top: 10px;
width: 600px;
z-index: 8;
}

#manufacturers {
  color: #000000;
  font-size: 18px;
  font-stretch: wider;
  font-variant: small-caps;
  font-weight: bolder;
  height: 95px;
  left: 280px;
  position: absolute;
  top: 55px;
  width: 600px;
  z-index: 8;
}

#navigation {
height: 25px;
left: 275px;
position: absolute;
top: 115px;
width: 605px;
z-index: 9
}

#navigation a {
  color: #000000;
  text-decoration: none
}

#navigation a:hover {
  color: #FFFF33;
}



#nawla {
background-image: url(images/nawla.gif);
height: 53px;
left: 810px;
position: absolute;
top: 520px;
width: 45px;
z-index: 10
}