﻿html {
height: 100%;
width: 100%;
margin: 0px;
border: 0px;
padding: 0px; }

body {
height: 100%;
width: 100%;
margin: 0px;
border: 0px;
padding: 0px;
background-color: #ffffff;
font: 80% Arial, Helvetica, sans-serif;
font-weight: normal; }

/* BEGIN DOCUMENT STYLE FOR HEADER */
#header {
background-image:  url(../images/custom_header.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
height: 86px;
width: 548px; }
/* END DOCUMENT STYLE FOR HEADER */

/* BEGIN DOCUMENT STYLE FOR NAVIGATON */
#sidenav {
margin: 0px;
padding: 5px;
width: 161px;
height: 850px;
border-top: 1px solid #000000;
border-left:  1px solid #000000;
background-image:  url(../images/nav_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff; }

#right_border {
border-right: 1px solid #000000; }

#sidenav ul {
list-style-type: none;
margin: 20px 0px 0px 0px;
border: 0px;
padding: 0px;
font: 100% Arial, Helvetica, sans-serif;
font-weight: bold; }

#sidenav ul li {
width: 151px;
margin: 0px;
padding: 0px;
border: 0px; }

#sidenav a {
border-top: 1px;
border-bottom: 1px;
display: block;
margin: 0px; }

#sidenav a:link {
color: #333333;
text-decoration: none;
padding: 3px 5px 3px 10px; }

#sidenav a:visited {
color: #333333;
text-decoration: none;
padding: 3px 5px 3px 10px; }

#sidenav a:hover {
color: #ffffff;
padding: 2px 5px 2px 10px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background-color: #669966;
text-decoration: none; }

#sidenav a:active {
color: #ffffff;
padding: 2px 5px 2px 10px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background-color: #669966;
text-decoration: none; }

a span.off, a:hover span.on {
display: inline; }

a:hover span.off, a span.on {
display: none;
background:#669966; }

/* END DOCUMENT STYLE FOR NAVIGATION */

/* BEGIN DOCUMENT STYLE FOR LINKS */
a:link {
color: #336633;
text-decoration: underline; }

a:visited {
color: #336633;
text-decoration: underline; }

a:hover {
color: #669966;
text-decoration: none; }

a:active {
color: #669966;
text-decoration: none; }
/* END DOCUMENT STYLE FOR LINKS */

/* BEGIN DOCUMENT STYLE FOR CONTENT */
td #homepage_content {
background-color: #dddddd;
border-top: 1px solid #000000;
font: 85% Arial, Helvetica, sans-serif;
text-align: justify;
font-style: normal;
margin: 0px;
padding: 0px;
width: 548px; }

td #homepage_content .img_01 {
border-bottom: 1px solid #000000; }

td #homepage_content .img_02 {
border-left: 1px solid #000000;
border-bottom: 1px solid #000000; }

td #homepage_content .img_03 {
float: left;
margin-right: 8px;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000; }

td .content_text {
padding: 8px;
color: #333333; }

.content_text ul li { 
list-style-image: url(../images/bullet_hammer_saw.jpg);
list-style-position: outside;
margin-top: 0px;
margin-right: 0px; }

td #content {
height: 100%;
width: 548px;
margin: 0px;
padding: 0px;
color: #333333;
background-color: #dddddd;
border-top: 1px solid #000000;
font: 85% Arial, Helvetica, sans-serif;
text-align: justify;
font-style: normal; }

#content_border {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background-color: #dddddd; }

.homepage_image {
border-bottom: 1px solid #000000; }

.disclaimer {
color: #000000;
font: 80% Arial, Helvetica, sans-serif; }

.outline {
border: 1px solid #333333;
margin-top: 12px;
margin-left: 16px;
padding: 8px 15px 0px 15px;
width: 500px; }

input {
font: 100% Arial;
color: #303030;
margin: -1px; }

textarea {
font: 100% Arial;
color: #303030;
margin: -1px; }

select {
font: 100% Arial;
color: #303030; }
/* END DOCUMENT STYLE FOR CONTENT */

/* BEGIN DOCUMENT STYLE FOR RIGHT NAV */
#rightnav {
margin: 0px 0px;
padding: 0px 0px;
width: 298px;
border-top: 1px solid #000000;
background-image:  url(../images/nav_bg.jpg);
background-repeat: repeat-x;
clip:    rect(   ); 
text-align: justify; 
height: 450px;
}

#right_border {
border-right: 1px solid #000000; }
/* END DOCUMENT STYLE FOR RIGHT NAV */

/* BEGIN DOCUMENT STYLE FOR TESTIMONIALS */
.testimonial {
background-color: #ffffff;
border: 1px solid #000000; }

.testimonial h2 {
font: 100% Arial, Helvetica, sans-serif;
font-weight: bold;
color: #336633;
background-color: #cccc99;
border-bottom: 1px solid #000000;
display: block;
padding: 3px; }

.testimonial p {
font: 80% Arial, Helvetica, sans-serif;
text-align: justify;
color: #333333;
margin-left: 10px;
padding: 5px; }

.form {
font: 100% Arial, Helvetica, sans-serif;
color: #333333; }

.form h3 {
font: 100% Arial, Helvetica, sans-serif;
font-weight: bold;
color: #336633;
background-color: #cccc99;
border-bottom: 1px solid #000000;
display: block;
padding: 3px; }
/* END DOCUMENT STYLE FOR TESTIMONIALS */

/* BEGIN DOCUMENT STYLE FOR FOOTER */
#footer {
background-color: #336633;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left:  1px solid #000000;
border-bottom: 1px solid #000000;
padding: 3px;
color: #ffffff;
font: 70% Arial;
text-align: right; }

#footer a:link {
color: #ffffff;
font-weight: normal;
text-decoration: underline; }

#footer a:visited {
color: #ffffff;
font-weight: normal;
text-decoration: underline; }

#footer a:hover {
color: #ffffff;
font-weight: normal;
text-decoration: none; }

#footer a:active {
color: #ffffff;
font-weight: normal;
text-decoration: none; }
#rightnav a:visited { text-decoration: none; padding: 0px 0px; ; color: #990000}
#rightnav a:link {  color: #990000}
#rightnav a:active {  font-weight: bolder; color: #990000}
#rightnav a:hover {  font-weight: bolder; color: #666666}

