html, body {
margin: 0;
padding: 0;
color: #000000;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
line-height: 17px;
text-align: justify;
}

body {
min-width: 935px;
}

*html body {
text-align: center;
}

h1 {
margin: 0;
padding: 0;
border-bottom: 1px solid #c5c3c3;
color: #82817f;
font: bold 22px Tahoma, Helvetica, sans-serif;
}

h2 {
margin: 0 0 5px 0;
padding: 0;
font: bold 14px Tahoma, Helvetica, sans-serif;
}

h3 {
margin: 0;
padding: 0;
color: #82817f;
font: bold 12px Tahoma, Helvetica, sans-serif;
}

h4 {
margin: 20px 0 5px 0;
padding: 0;
font: bold 14px Tahoma, Helvetica, sans-serif;
}

a:link {
color: #ff0000;
text-decoration: none;
}

a:active {
color: #868583;
text-decoration: underline;
}

a:visited {
color: #fa3c3c;
text-decoration: none;
}

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

#wrapper {
margin: 0 auto;
padding: 0;
width: 955px;
background: #ffffff url(images/wrapper-bg.jpg);
}

*html #wrapper{
text-align: left;
}

#logo {
margin: 15px 15px 5px 15px;
padding: 0;
background: #ffffff url(images/logo.jpg) no-repeat;
width: 200px;
height: 40px;
}

#header {
margin: 0;
padding: 0;
background: #ffffff url(images/header.jpg) no-repeat;
width: 955px;
height: 220px;
}

#nav {
font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
width: 180px;
float: left;
}

#nav ul {
list-style: none;
margin: 15px;
padding: 0;
border-top: 1px solid #D8D5D1;
}

#nav li {
margin: 0;
padding: 0;
border-right: 1px solid #D8D5D1;
}

#nav li a {
background: url(images/menu.jpg);
height: 24px;
color: #82817f;
display: block;
padding: 8px 0 0 37px;
text-decoration: none;
}
	
#nav li a:hover, #nav li.active a, #nav li.active a:hover {
background: url(images/menu.jpg) 0 -32px;
color: #ffffff;
padding: 8px 0 0 39px;
}

#content {
width: 735px;
margin: 0 5px 0 0;
padding: 10px 10px;
float: right;
}

#footer {
margin: 10px 10px 20px 15px;
padding: 5px 0;
border-top: 1px solid #c5c3c3;
font: 10px Tahoma, Arial, Helvetica, sans-serif;
color: #000000;
}

#footerleft {
width: 200px;
float: left;
}

#footerright {
float: right;
text-align: right;
}
 
.clear {
clear: both;
}

/*About Page*/
.table
{
border-collapse: collapse;
}

.table td {
padding: 2px;
border: 1px solid #82817f;
text-align: left;
}

/*Product Page*/
.productlinks {
text-align: center;
margin: 0;
padding: 20px; 
}

.productwrapper {
margin: 0 0 10px 0;
padding: 20px 0;
border-top: 1px solid #c5c3c3;
}

.productfeat {
width: 450px;
float: left;
}

.productpic {
width: 200px;
float: right;
}

.list {
margin: 0;
padding: 0 0 0 20px;
}

#blue {
background: url(images/bullet_blue.gif) top left no-repeat;
}

#purple {
background: url(images/bullet_purple.gif) top left no-repeat;
}

#red {
background: url(images/bullet_red.gif) top left no-repeat;
}

#green {
background: url(images/bullet_green.gif) top left no-repeat;
}

#construct
{
background: url(images/page_gear.gif) top left no-repeat;
margin: 30px auto;
}

.notice
{
color: #000000;
border: 1px solid #c5c3c3;
text-align: center;
}

/*Contact Page*/
.contactform
{
width: 450px;
float: left;
margin: 20px 0 10px 0;
}

.contactdetails
{
width: 231px;
float: right;
background: #f0f0f0;
border: 1px solid #c5c3c3;
margin: 20px 0;
padding: 10px;
text-align: left;
}

fieldset {
border: 1px solid #c5c3c3;
margin: 0 auto;
padding: 10px 0;
}

legend {
margin: 0 10px;
font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
color: #000000;
}

label 
{
width: 13em;
float: left;
text-align: right;
margin: 0 10px 0 0;
display: block;
}

*html label
{
width: 12.5em;
}

input, textarea {
background: #f0f0f0;
border: 1px solid #82817f;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color: #000000;
}

.text {
width: 200px;
}

.button {
font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
margin: 10px 0 10px 10px;
border: 1px outset #f0f0f0;
}