@charset "utf-8";

/******************************************** 
* Universal Page Styles 
*********************************************/

html, body{
background-image:url(../images/bg-page.png);
background-repeat:repeat;
width:100%;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
padding:0;
margin:0;
}

img{
border:0;
}

hr{
margin:-16px 0 20px 0;
width:100%;
height:0;
color:#CCCCCC;
border:1px solid #CCCCCC;
clear:both;
}

table, tr{
width:100%;
margin:0;
padding:0;
}

td p{
margin:0;
padding:2px 8px 2px 0;
}

#clear, #clear2{
clear:both;
height:0;
width:0;
margin:0;
padding:0;
}

#clear2{
height:20px;
}

/******************************************** 
Universal Font Styles 
*********************************************/

h1{
text-transform:uppercase;
font-weight:normal;
font-size:42px;
margin:0;
}

h2{
text-transform:uppercase;
font-weight:normal;
font-size:21px;
margin:0 0 25px 0;
}

h3{
font-weight:normal;
font-size:13px;
line-height:13px;
margin:0 0 20px 0;
}

p, li, ul{
font-size:13px;
line-height:16px;
margin:0 0 22px 0;
}

p a, p a:hover, p a:active, p a:visited, li a, li a:hover, li a:active, li a:visited{
color:#336699;
text-decoration:underline;
}

p a:hover, p a:active, li a:hover, li a:active{
color:#6699cc;
}

blockquote{
margin:0 0 0 24px;
}

.neon{
color:#ccff66;
}

.blue{
color:#6699cc;
}

.quote{
font-size:11px;
line-height:11px;
margin-top:4px;
color:#cccccc;
}

/******************************************** 
* Content Styles
********************************************/ 

/*** Header Styles ***/
.header{
width:910px;
margin:0px auto;
margin-top:30px;
}

.logo{
float:left;
margin:0;
}

.iso{
float:right;
margin:0 0 15px 0;
}

.psm{
float:right;
margin:0 25px 0 0;
text-align:right;
}

.navigation{
clear:left;
margin:20px 0 0 0;
height:27px;
padding:0;
}

.nav{
text-transform:uppercase;
font-size:13px;
color:#cccccc;
float:left;
padding:2px 2px 10px 2px;
margin:0 1px 0 0;
background-image:url(../images/bg-nav1.png);
background-position:bottom;
background-repeat:repeat-x;
cursor:pointer;
height:16px;
}

.nav:hover{
background-image:url(../images/bg-ani.gif);
color:#ffffff;
}

/*** Content Styles ***/
.content-row{
width:100%;
background-color:#ffffff;
border-bottom:1px solid #4d503f;
padding:0;
}

.content{
width:910px;
margin:0px auto;
}

.lcopy{
float:left;
width:630px;
margin:20px 0 50px 0;
}

.rcopy{
float:right;
width:233px;
padding:0 1px 50px 20px;
height:100%;
}

.rcopy p{
margin:10px 0 10px 0;
}

.chevron{
margin:0 0 45px 0;
padding:0;
list-style:none;
float:left;
}

.chevron li{
margin:0 0 0 10px;
background-image:url(../images/chevron.png);
background-position:left top;
background-repeat:no-repeat;
padding:12px 0 0 12px;
}

.products{
float:left;
clear:right;
text-align:center;
width:140px;
margin-right:10px;
padding:0 0 30px 0;
}

.products img{
margin:0 auto;
margin-bottom:8px;
}

.tool{
width:300px;
height:300px;
margin-bottom:8px;
}

.news{
float:left;
margin:0 18px 4px 0;
}

/*** Footer Styles ***/
.footer{
width:910px;
margin:0px auto;
padding:20px 0 20px 0;
}

.footer p{
font-size:11px;
float:right;
color:#4d503f;
}

.footer a, .footer a:hover, .footer a:visited, .footer a:active{
color:#ccff66;
text-decoration:none;
}

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

.preload{
width:0;
height:0;
}