@charset "UTF-8";
/* CSS Document */

body{
margin: 0 auto; 
padding: 20px 0 0;
width: 1000px; 
font: normal 12px/16px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
color: #474843;
position: relative;
background: url(../art/body-bg.gif) 0px 121px repeat-x;
}

#home{
background: url(../art/home-bg.gif) 0px 121px repeat-x;
}

#wrapper{
padding: 0 0 0 20px;
}

a:link, 
a:visited{
color: #61903e;
}

a:hover, 
a:active{
color: #a84e12;
}

h1{
color: #474843;
padding: 0;
width: 485px;
height: 210px;
margin: 55px 0 0;
}

#home h1{
background: url(../art/home-h1.gif) top left no-repeat;
text-indent: -5000px;
}

#features h1{
background: url(../art/features-h1.gif) top left no-repeat;
text-indent: -5000px;
}

#support h1{
background: url(../art/support-h1.gif) top left no-repeat;
text-indent: -5000px;
}

#tech h1{
background: url(../art/tech-h1.gif) top left no-repeat;
text-indent: -5000px;
}

#company h1{
background: url(../art/company-h1.gif) top left no-repeat;
text-indent: -5000px;
}

#contact h1{
background: url(../art/contact-h1.gif) top left no-repeat;
text-indent: -5000px;
}

h2{
font: bold 16px/20px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
margin: 0;
padding: 0 0 12px;
color: #847d79;
}

h3{
color: #a84e12;
font: bold 12px/16px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
margin: 0;
padding: 5px 0 8px;
}

h4{
font: bold 12px/16px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
margin: 0;
padding: 0 0 3px;
color: #474843;
}

p{
margin: 0;
padding: 0 0 12px;
}

ul{
margin: 0;
padding: 0 0 8px;
list-style-type: none;
position: relative;
}

ul li{
margin: 0;
padding: 0 0 8px 10px;
background: url(../art/bullet.gif) 0px 7px no-repeat;
}

ul.check li{
padding: 0 0 8px 20px;
background: url(../art/checkbox.gif) 0px 0px no-repeat;
}

ol{
margin: 0;
padding: 0 0 8px;
position: relative;
}

ol li{
margin: 0;
padding: 0 0 4px 0;
}

ul#nav{
font-weight: bold;
margin: 0;
padding: 0;
height: 39px;
position: absolute;
top: 305px;
left: 20px;
width: 520px;
}

#nav li{
position: relative;
float: left;
display: inline;
margin: 0;
padding: 0;
background: none;
height: 39px;
background: url(../art/nav-bg.gif) top left repeat-x;
}

#nav li a:link, 
#nav li a:visited{
color: #fff;
text-decoration: none;
display: block;
margin: 0 33px 0 0;
padding: 0;
line-height: 38px;
color: #f3f0f7;
}

#nav li a:hover, 
#nav li a:active, 
#nav li a.active{
background: url(../art/nav-on.gif) top center no-repeat;
color: #fff;
}

.content{
clear: left;
padding: 0;
width: 490px;
}

.wide-content{
clear: left;
padding: 0;
width: 600px;
}

#footer{
font: normal 11px/16px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
border-top: 1px solid #ccc;
margin: 20px 0 0;
padding: 10px 0;
clear: both;
}

#footer span, 
.imgright{
float: right;
display: inline;
position: relative;
text-align: right;
}

.imgleft{
float: left;
display: inline;
position: relative;
margin: 0 20px 0 0;
}

.col{
display: inline;
position: relative;
}

.left{
float: left;
width: 150px;
}

.right{
float: right;
width: 459px;
text-align: center;
}

.col.right img{
padding: 0 0 10px;
}

.clear{
clear: left;
}

.three{
width: 310px;
float: left;
margin: 0 0 15px;
}

#request{
background: #f0f0f0; 
border: 1px solid #ccc; 
padding: 15px 15px 5px; 
text-align: left;
}

form{
margin: 15px 0 0;
padding: 0; 
}

form h4{
border-bottom: 1px solid #ccc;
margin: 20px 0 10px;
padding: 0 0 5px;
}

form div{
padding: 10px 0;
}

legend{
color: #a84e12;
font: bold 12px/16px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

fieldset{
border: 1px solid #ccc;
padding: 0 30px 20px;
}

input{
width: 340px;
margin: 0 0 0 10px;
}

input:focus{
background: #f0f0f0;
}

select{
width: 340px;
margin: 0 0 0 130px;
}

div label{
display: block;
float: left;
position: relative;
width: 120px;
text-align: right;
}

.btn{
width: auto;
text-transform: uppercase;
font-size: 10px;
height: 25px;
line-height: 20px;
letter-spacing: 1px;
background: url(../art/nav-bg.gif) top left repeat-x;
border: 1px solid #fff;
padding: 0 10px;
font-weight: bold;
color: #fff;
display: block;
margin: 15px 0 0 130px;
}