body{
background-color: white;
margin-top: 0px;
font-size: 1em;
font-family: Arial, Tahoma, Verdana, sans-serif;
}

.shell{
width: 777px;
margin: auto;
}

.header{
width: 777px;
height: 84px;
background-image: url("i/bg-header.gif");
background-repeat: none;
}

.area-heading#general{
width: 777px;
height: 228px;
float: left;
background-image: url("i/bg-general.jpg");
background-repeat: none;
float: left;
clear: both;
}

.area-heading#services{
background-image: url("i/bg-services.jpg");
}

.area-heading#homepage{
background-image: none;
height: 33px;
}

.area-heading#products{
background-image: url("i/bg-products.jpg");
}

.area-heading#support{
background-image: url("i/bg-support.jpg");
}

.area-heading#aboutus{
background-image: url("i/bg-about-us.jpg");
}

.area-heading#news{
background-image: url("i/bg-news.jpg");
}

.area-heading#contactus{
background-image: url("i/bg-contact-us.jpg");
}

.titles{
width: 777px;
height: 30px;
background-repeat: none;
float: left;
clear: both;
float: left;
}

.titles#one{
background-image: url("i/bg-titles-one.jpg");
}

.titles#two{
background-image: url("i/bg-titles-two.jpg");
}

.titles#three{
background-image: url("i/bg-titles-three.jpg");
}

.content h1{
font-size: 120%;
color: #8FC414;
}

.content h2, .content h3{
font-size: 100%;
color: #8FC414;
}

.content{
width: 777px;
float: left;
clear: both;
}

.content .left{
width: 256px;
float: left;
font-size: 70%;
color: #666666;
margin-top: 5px;
}

.content .right{
width: 486px;
float: left;
font-size: 70%;
color: #666666;
margin-top: 5px;
}

.content .left b, .content .left strong, .content .right b, .content .right strong{
font-weight: bold;
color: #4E4E4E;
}

.content .wrapper{
padding-left: 11px;
padding-right: 11px;
}

.titles .left{
float: left;
margin: 0px;
padding: 0px;
width: 190px;
color: white;
font-size: 70%;
padding-left: 50px;
padding-top: 8px;
}

.left-title{
background-image: url("i/bg-title-left.gif");
width: 255px;
height: 30px;
color: white;
}

.left-title2{
background-image: url("i/bg-title-left2.gif");
width: 255px;
height: 30px;
color: white;
}

.left-title .wrapper, .left-title2 .wrapper{
padding-left: 50px;
padding-top: 8px;
paddding-right: 10px;
}

.titles .right{
float: left;
margin: 0px;
padding: 0px;
width: 300px;
color: white;
font-size: 70%;
padding-left: 74px;
padding-top: 8px;
}

.footer{
height: 62px;
width: 777px;
background-image: url("i/bg-footer.gif");
background-repeat: none;
float: left;
margin-top: 10px;
clear: both;
}

.footer .nav{
clear: both;
width: 777px;
}

.footer ul{
margin: 0px;
padding: 0px;
list-style: none;
float: right;
margin-right: -5px;
}

.footer li{
margin: 0px;
padding: 0px;
float: left;
color: #8FC414;
font-size: 70%;
padding-left: 5px;
padding-right: 5px;
border-left: 1px solid black;
}

.footer li.first-child{
border-left: 0px;
}

.footer li a{
color: #8FC414;
text-decoration: none;
}

.footer li a:hover{
text-decoration: underline;
}

.footer .copyright{
float: left;
font-size: 70%;
clear: both;
color: white;
padding-top: 18px;
padding-left: 72px;
}

.footer .notes{
padding-top: 18px;
float: right;
font-size: 70%;
padding-right: 20px;
}

.footer .notes a{
text-decoration: none;
color: white;
}

.footer .notes a:hover{
text-decoration: underline;
}

































a.fade{
top:0px; 
bottom:0px;
width: 777px;
height: 228px;
visibility:hidden;
position: absolute;
margin-top: 84px;
}

a.fade p a, a.fade p a, p.wording-left a{
text-decoration: none;
}

a p.wording-left{
position: absolute;
margin-left: 10px;
margin-top: 164px;
color: white;
font-size: 170%;
height: 35px;
width: 200px;
}

a p.wording-left, a p.wording-left a{
color: white;
text-decoration: none;
}



img.headerimage{
top:0px; 
bottom:0px;
width: 777px;
height: 228px;
position: absolute;
margin-left: 20px;
margin-top: 51px;
}

div.image-all{
float: right;
height: 228px;
}

#promoboxes{
}

a.fade img, img a.fade, a.fade{
border: 0px;
text-decoration: none;
}

.titles#three .left{
float: left;
margin: 0px;
padding: 0px;
width: 195px;
color: white;
font-size: 70%;
padding-left: 49px;
padding-top: 8px;
}

.titles#three .middle{
float: left;
margin: 0px;
padding: 0px;
width: 190px;
color: white;
font-size: 70%;
padding-left: 70px;
padding-top: 8px;
}

.titles#three .right{
float: left;
margin: 0px;
padding: 0px;
width: 200px;
color: white;
font-size: 70%;
padding-left: 62px;
padding-top: 8px;
}



div.homepage-left .wrapper{
padding-left: 11px;
padding-right: 11px;
font-size: 70%;
}


div.homepage-right .wrapper{
font-size: 70%;
padding-left: 11px;
padding-right: 11px;
}

div.homepage-left{
float: left;
width: 245px;
}

div.homepage-right{
float: left;
width: 506px;
margin-left: 19px;
}


div.homepage-left threecol{
float: left;
width: 248px;
}

.threecol p, li, td{
color: #666666;
}

.threecol h1{
font-size: 120%;
color: #8FC414;
}

.threecol a{
color: #8FC414;
}
.threecol h2, .content h3{
font-size: 100%;
color: #8FC414;
}

.threecol .left b, .threecol .left strong, .threecol .right b, .threecol .right strong{
font-weight: bold;
color: #4E4E4E;
}

#homepage{
color: #666666;
}

div.titles#three, div.titles{
float: left;
}

div.clear{
width: 650px;
height: 1px;
float: left;
clear: both;
display: inline;
margin: 0px;
padding: 0px;
}

div.threecol#one{
clear: left;
}

div.threecol#two{
padding-left: 18px;
}

div.threecol#three{
padding-left: 13px;
}

div.cms-inlineimage.a{
float: left;
margin-right: 15px;
margin-top: 10px;
margin-bottom: 10px;
}

div.cms-inlineimage.b{
float: right;
padding-left: 15px;
margin-top: 10px;
margin-bottom: 10px;
}

a p.wording-right{
position: absolute;
margin-left: 290px;
margin-top: 40px;
color: white;
font-size: 140%;
width: 450px;
height: 150px;
text-align: right;
}

a p.wording-right, a p.wording-right a{
color: white;
text-decoration: none;
}

div.content img{
border: 0px;
}

div.three-columns{
float: left;
clear: both;
width: 100%;
}


.area-heading{
font-size: 170%;
color: white;
padding-left: 10px;
padding-top: 195px;
}