/*
Treesmart.com CSS
Author: R.Stangland
v1: Nov 16, 2008
*/


/* Clear Browser Defaults
---------------------------- */
* {margin: 0; padding: 0;}
img {border: 0;}
p {margin: 0;}

/* Body
---------------------------- */
body {
  background:#000 url('../images/newsprint.jpg');
  text-align:center;
  color: #000;
  }

h1 {
  text-align: center;
  padding: 10px 0px 0px 0px;
}

h3 {
  text-align: center;
  padding: 20px 0px 0px 0px;
  font: bold;
}

/* Outlining Wrapper
-----------------------------*/
#wrapper {
  position:relative;
  margin: 0 auto;
  width: 800px;
}

/* Header
-----------------------------*/
#header {
  background: #000 url('../images/header.gif') no-repeat;
  position: relative;
  top: 18px;
  left: 0px;
  width: 800px;
  height: 145px;
}

/* Horizontal Menu Bar
----------------------------*/
#m{
  width: 800px;
  text-align: center;
}

#m ul{
  padding: 45px;
  margin: 0px;
  overflow: hidden;
}

#m ul li{
  display: inline;
}

#m ul li a{
  padding: 8px 10px;
  margin: 0px;
  font: bold 20px, times new roman, sans-serif;
  color: #000;
  text-decoration: none;
  border: 2px solid #429833;
  background: #BADA8F; 
}

#m ul li a:hover{
  color: #000;
  border: 2px solid #000;
  background: #fff;
}

/* Menu Highlight Code
-------------------------*/

#home #m1 a,
#process #m2 a,
#about #m3 a, 
#promo #m4 a, 
#order #m5 a, {
  background: #fff;
  font: bold 1em;
  color: #429833;
  border: 4px solid #429833;
}


/* Main Content (index.html, about.html)
----------------------------*/
#leftcol {
  background: #fff;
  position: relative;
  float: left;
  left: 0px;
  top: 0px;
  width: 35%;

  font: bold 1em, times new roman, sans-serif;
  text-align: left;
  color:#000;
}

#leftcol a {
  text-align:center;
  border:none; 
}

#leftcol p {
  padding: 10px 20px;
}

#leftcol ul {
  margin: 0px 20px;
}

#leftcol li {
  margin: 10px;
  text-align: left;
  padding: 0px 0px 0px 5px;
}

#maincol {
  background: #000;
  position: relative;
  float: left;
  top: 0px;
  left: 0px;
  width: 65%;

  font: bold 1em, times new roman, sans-serif;
  line-height: 1.4em;
  text-align: center;
  padding: 0px;
  margin: 0px;
}

#maincol p {
  padding: 10px 20px;
  text-align: left;
}

#maincol ul {
  margin: 0px 20px;
}

#maincol li {
  margin: 10px;
  text-align: left;
  padding: 0px 0px 0px 5px;
}

#maincollink {
  float:none;
  position:absolute;
  top:0;
  left:0;
  width:550px;
  height:550px;
}

/* Process Content (process.html)
----------------------------*/
#row {
  font: bold 1em, times new roman, sans-serif;
  line-height: 1.4em;
  text-align: left;
  color:#fff;
}

#row p {
  padding: 10px 20px;
  margin: 10px, 10px;
}

#row img {
  float: left;
  padding: 10px 10px;
}

#rowone, #rowtwo, #rowthree, #rowfour {
  background: #000;
  position: relative;
  float: left;
  width: 600px;
  margin: 0px 0px 30px 0px;
}

#colright {
  position: relative;
  float: right;
  width: 150px;
  margin: 0px;
  padding: 0px;
}

#colright a {
  border:none;
}


/* Footer
----------------------------*/
#footer {
  background: #;
  position: relative;
  float: left;
  top: 0px;
  left: 0px;
  width: 800px;
  height: 100px;
}

#footer p{
  background: #fff;
  border: 3px solid #000;
  position: relative;
  text align: center;
}

/* Bottom Link Horizontal Bar
---------------------------------*/
#linktext {
  text-align: center;
  font-family: "times new roman";
  color: #000;
}

#linktext a:link, a:visited {
  margin: 0px 15px;
  top: 10px;
  color: #000; 
  background-color: #fff; 
  text-decoration: none; 
  font: bold 90%em; 
  border: 2px solid #000
}

#linktext a:hover {
  color: #fff; 
  background-color: #000; 
  text-decoration: none; 
  font: bold 90%em; 
  border: 2px solid #FFF;
}

/* Color Spans
---------------------------------*/
.green {
	color: #008000;
	text-decoration:none;
}

.white {
	color: #fff;
}