"utf-8";

html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
html, body, p, th, td, li, dd, dt {
  font: 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
h1 { font-size: 2em; letter-spacing: 0.1em; }
h2 { font-size: 1.2em; font-weight: bold; }
h3 { font-size: 1.0em; letter-spacing: 0.2em; font-style:italic;}
h4 { font-size: 1.0em; letter-spacing: 0.1em; font-weight:bold;}
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

a:link { color: #00f; }
a:visited { color: #009; }
a:hover { color: #06f; }
a:active { color: #0cf; }

body {
	text-align:center; /*IE 6 and earlier doesn't properly handle text-align:center it centers everything, not only text */
	min-width:900px;
	min-height:580px;
	font: normal 12px Tahoma, Arial, sans-serif;
	color:darkslategray;
	background: url(images/bg.gif);
	}
	
#container {
	position:relative;
	top:3px;
	width:900px;
	height:582px;
	margin:0 auto; /*IE 5.xx and IE 6 don't like auto margins*/
	text-align:left; /* "hack" for IE5.xx and 6 to align the text left */
	background:url(images/back.gif);
	background-repeat: repeat-y;
	}
#logo {
	position:absolute;
	top:2px;
	left:25px;
	width:100px;
	height:290px;
	}
#header {
	position:absolute;
	top:00px;
	width:570px;
	left:310px;
	height:120px;
	background: url(images/header.gif);
	background-repeat: no-repeat;
	}
#quote {
	position:absolute;
	top:120px;
	left:305px;
	width:280px;
	height:170px;
	background: url(images/quote.gif);
	}

.text-green {
  color:#063;
	}
.text-brown {
  color:tan;
	}
.text-center {
	text-align:center;
	}
hr.brown {
	 color:tan;
	 background-color:tan;
	 height:2px;
}
hr.green {
	 color:#063;
	 background-color:#063;
	 height:2px;
}
#menu {
	position:absolute;
	width:180px;
	height:290px;
	top:4px;
	left:125px;
	float:left;
	}
#main {
	position:absolute;
	width:550px;
	top:290px;
	left:25px;
	float:left;
	padding-top:10px;
	text-align:left;
	}
#contact {
	position:absolute;
	width:270px;
	height:240px;
	top:290px;
	left:595px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	text-align:left;
	background:url(images/contact.gif);
	background-repeat:no-repeat;
	}
#homeimage {
	position:absolute;
	float:left;
	width:290px;
	height:170px;
	top:120px;
	left:595px;
	}
.header {
	height:15px;
	font-size:10px;
	letter-spacing:0.2em;
	color: #999;
	text-align: center;
	}
#logos {
	position:absolute;
	float:left;
	height:15px;
	width:850px;
	top:550px;
	left:25px;
	background:url(images/logos.gif);
	}
	
#footer {
	position:absolute;
	float:left;
	height:12px;
	width:850px;
	top:565px;
	left:25px;
	font-size:9px;
	letter-spacing:0.2em;
	text-align: left;
	color: #666;
	background:wheat;
	}
#footer2 {
	position:absolute;
	width:850px;
	height:10px;
	top:582px;
	left:26px;
	text-align:center;
	font-size:9px;
	letter-spacing:0.1em;
	color: #999999;
	z-index:4;
	}
	
#footer2 a:link, #footer2 a:active, #footer2 a:visited {
	color:#999999;
	text-decoration:none;
	}

#footer2 a:hover {
	color:#bbbbbb;
	text-decoration:underline;
	}

.inputtitle {
	font: courier, courier new, san serif;
	font-size:0.8em;
	letter-spacing:0.1em;
	text-align:left;
	}
.input {
	font: courier, courier new, san serif;
	font-size:0.8em;
	color:#000;
	width:160px;
	}
ul#list {
	list-style:disc;
  text-align: left;
  margin: 0;
	padding-left:50px;
  font-size: 1.1em;
}
ul#navigation li { 
  list-style: none; 
  text-align: center; 
  height: 32px; 
  margin: 0;
  font-size: 0.9em;
}
ul#navigation li#home a {
	background:url(images/b-home.gif);
	background-position:top;
}
ul#navigation li#home a:hover {
	background:url(images/b-home.gif);
	background-position:bottom;
}
ul#navigation li#about a {
	background:url(images/b-about.gif);
	background-position:top;
}
ul#navigation li#about a:hover {
	background:url(images/b-about.gif);
	background-position:bottom;
}
ul#navigation li#fast a {
	background:url(images/b-fast.gif);
	background-position:top;
}
ul#navigation li#fast a:hover {
	background:url(images/b-fast.gif);
	background-position:bottom;
}
ul#navigation li#hand a {
	background:url(images/b-hand.gif);
	background-position:top;
}
ul#navigation li#hand a:hover {
	background:url(images/b-hand.gif);
	background-position:bottom;
}
ul#navigation li#power a {
	background:url(images/b-power.gif);
	background-position:top;
}
ul#navigation li#power a:hover {
	background:url(images/b-power.gif);
	background-position:bottom;
}
ul#navigation li#janitorial a {
	background:url(images/b-janitorial.gif);
	background-position:top;
}
ul#navigation li#janitorial a:hover {
	background:url(images/b-janitorial.gif);
	background-position:bottom;
}
ul#navigation li#cons a {
	background:url(images/b-cons.gif);
	background-position:top;
}
ul#navigation li#cons a:hover {
	background:url(images/b-cons.gif);
	background-position:bottom;
}
ul#navigation li#safety a {
	background:url(images/b-safety.gif);
	background-position:top;
}
ul#navigation li#safety a:hover {
	background:url(images/b-safety.gif);
	background-position:bottom;
}
ul#navigation li#specials a {
	background:url(images/b-specials.gif);
	background-position:top;
}
ul#navigation li#specials a:hover {
	background:url(images/b-specials.gif);
	background-position:bottom;
}
ul#navigation li a { 
  color: #000;
  display: block;
  height: 32px; 
  text-decoration: none;
  background: url(images/button.gif);
	background-position:top;
}
ul#navigation li a:hover { 
  display: block; 
  text-decoration: none; 
  height: 32px; 
  color: #fff;
  background: url(images/button.gif);
	background-position:bottom;
}