/* 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: 510px;
	left: 276px;
	position: absolute;
	top: 170px;
	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

}
#salesp div a {
	font-family: Arial, Helvetica, sans-serif;
}
#salesp table tr td a {
	font-family: Arial, Helvetica, sans-serif;
}
#salesp table tr td a {
	font-family: Comic Sans MS, cursive;
}
#salesp table tr td a {
	font-family: Arial, Helvetica, sans-serif;
}
#salesp div a {
	font-family: Arial, Helvetica, sans-serif;
}
#salesp div a {
	font-family: Arial, Helvetica, sans-serif;
}