body {
 margin: 0px;
 padding: 0px;
 background-color: #5b5b5b;
 color: #5d5d5d;
 text-align: left;
 font-family: Trebuchet MS, Helvetica, sans-serif;
 font-size: 14px;
}

a:link, a:visited {
 color: #4294d6;
 text-decoration: underline;
}

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

h1 {
 margin: 0;
 text-indent: 25px;
 font-size: 20px;
}

h2 {
 text-indent: 32px;
 font-size: 18px;
 color: #ff6700;
 background: url("images/arrow.gif");
 background-position: left top;
 background-repeat: no-repeat;
 clear: both;
}

h3 {
 color: #084a9c;
 font-size: 14px;
}

h4 {
 font-size: 16px;
 font-weight: bold;
 color: #444;
 padding: 0;
 margin: 0;
}

p {
 text-indent: 18px;
 text-align: justify;
}

li {
 line-height: 20px;
}

img {
 border: 0px;
}

hr {
 border: 1px solid #eee;
 width: 300px;
 margin: auto;
 margin-top: 30px;
 margin-bottom: 30px;
}

table {
 color: #666;
}

td {
 padding: 5px 0 5px 2px;
}

th {
 background-color: #084a9c;
 color: #f8f8f8;
 text-indent: 3px;
}

tr.gray td {
 background-color: #efefef;
}

tr:hover td {
 background-color: #dfedf8;
 color: #333;
}

strong {
 color: #084a9c;
}

form {
 float: left;
}

#form1 p {
 text-indent: 0;
 margin-top: 0;
 padding-top: 0;
}

#form1 input {
 font-size: 22px;
 color: #555;
}

#form1 input:hover {
 border: 1px solid #dfedf8;
}

/* main site layout */

#shadow {
 width: 793px;
 background-image: url("images/shadow.gif");
 background-repeat: repeat-y;
 background-position: right top;
}

#shadbot {
 width: 793px;
 background-image: url("images/shadowbot.gif");
 background-repeat: no-repeat;
 background-position: right bottom;
 position: relative;
 padding-bottom: 13px;
}

#top {
 height: 72px;
 width: 780px;
 background-image: url("images/bgtop.jpg");
 background-repeat: repeat-x;
 background-position: left top;
 color: #959595;
}

#top a {
 position: absolute;
 right: 23px;
 top: 2px;
 font-size: 12px;
 color: #959595;
 text-decoration: none;
}

#top p {
 position: absolute;
 right: 23px;
 top: 20px;
 font-size: 15px;
}

#top img {
 margin-left: 195px;
 margin-top: 18px;
 border: 0px;
}

#main {
 width: 780px;
 position: relative;
}

#right {
 width: 585px;
 padding-left: 195px;
 border-top: 1px solid #cecece;
 position: relative;
 background-color: #d7d7d7;
 background-image: url("images/blue.gif");
 background-repeat: repeat-y;
 background-position: left top;
}

#left {
 width: 195px;
 position: absolute;
 top: 0px;
 left: 0px;
}

#left a:link, #left a:visited {
 display: block;
 width: 195px;
 height: 36px;
 overflow: hidden;
 background-color: #4294d6;
 background-image: url("images/left.gif");
 background-repeat: no-repeat;
 background-position: right top;
 font-size: 16px;
 font-weight: bold;
 color: #fff;
 text-indent: 30px;
 line-height: 36px;
 border-bottom: 2px solid #d7d7d7;
 text-decoration: none;
}

#left a.two:link, #left a.two:visited {
 height: 35px;
 overflow: hidden;
 background-color: #4294d6;
 background-image: url("images/left.gif");
 background-repeat: no-repeat;
 background-position: right top;
 font-size: 16px;
 font-weight: bold;
 color: #fff;
 text-indent: 30px;
 line-height: 35px;
 border-bottom: 2px solid #d7d7d7;
 text-decoration: none;
}

#left a:hover, #left a.two:hover {
 background-color: #084a9c;
 background-image: none;
}

#content {
 min-height: 320px;
 padding: 15px;
 background-color: #fff;
}

#content img {
 border: 2px solid #ccc;
}

#index {
 position: relative;
 background-color: #fff;
 height: 400px;
 overflow: hidden;
}

#index a img {
 border: 0px;
}

#blue {
 position: absolute;
 top: 0px;
 left: 1px;
 display: block;
 width: 585px;
 height: 298px;
 overflow: hidden;
}

#one {
 display: block;
 position: absolute;
 top: 299px;
 left: 1px;
 height: 100px;
 width: 194px;
}

#two {
 display: block;
 position: absolute;
 top: 299px;
 left: 196px;
 height: 100px;
 width: 195px;
}

#three {
 display: block;
 position: absolute;
 top: 299px;
 left: 392px;
 height: 100px;
 width: 193px;
}

#guarantee {
 background: url("images/guarantee.gif");
 background-repeat: no-repeat;
 background-position: right top;
 border: 0;
}

#footer {
 width: 778px;
 text-align: center;
 margin-top: 15px;
 font-size: 14px;
 color: #c0c0c0;
 background-color: #6e6e6e;
 border: 2px solid #7d7d7d;
}

#footer a:link, #footer a:visited {
 text-decoration: underline;
 color: #f8f8f8;
}

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

#footer p {
 text-align: center;
}

#footer strong {
 color: #fff;
}

.top {
 display: block;
 width: 100%;
 text-align: right;
 margin-bottom: 60px;
}

.big {
 font-size: 32px;
 color: #084a9c;
}

.use {
 margin-bottom: 35px;
 font-weight: bold;
}

.use img {
 margin: 0 15px 35px 0;
 float: left;
}

.products {
 margin-bottom: 35px;
}

.products img {
 margin: 0 15px 35px 0;
 float: left;
 border: 0;
}

.steps {
 margin: 25px 0 25px 0;
 text-align: justify;
 float: left;
}

.steps img {
 border: 2px solid #ccc;
 margin-right: 38px;
}

.steps img.stepslast {
 margin: 0;
}

.prod {
 clear: both;
 margin: 0 8px 25px 0;
 text-align: justify;
}

.prod img {
 border: 0;
 float: left;
 margin: 0 8px 25px 0;
 width: 200px;
 height: 200px;
}

.prod p:hover {
 color: #555;
}

.red {
 margin: 30px;
 width: 350px;
 color: #d4170b;
 font-weight: bold;
 line-height: 24px; 
 }

.quote {
 width: 400px;
 margin: 30px 0 30px 75px;
 border-top: 3px solid #dedede;
 border-bottom: 3px solid #dedede;
 line-height: 22px;
 color: #787878;
 text-align: center;
}

.quote p:hover {
 color: #333;
}

.right {
 text-align: right;
}

.right1 {
 float: right;
 text-align: right;
}

#canada {
 background: url("images/canada.jpg");
 background-repeat: no-repeat;
 background-position: right center;
 width: 350px;
 height: 219px;
}

#usa {
 background: url("images/usa.jpg");
 background-repeat: no-repeat;
 background-position: right center;
 width: 350px;
 height: 189px;
}

.services {
 text-align: center;
 font-size: 11px;
 color: #999;
}