/****** TAGS *******/
body {
margin: 0;
padding: 0;
background-color: #fff;
-webkit-text-stroke:1px transparent;
}

@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}

body, div, p {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
}

a { color: #053ffa; }

h1 {
font-size: 22px;
font-weight: bold;
margin: 0;
padding: 30px 0 4px;
color: #fff;
}

h2,
h2 a {
color: #9dae33;
margin: 0;
padding: 0 0 4px 0;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

h3 {
color: #000;
font-size: 12px;
margin: 0;
padding: 0;
font-weight: bold;
}

h4 {
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}

p {
margin: 0;
padding: 0 0 10px;
line-height: 16px;
}

img {
border: 0;   
}

ul {
margin: 0;
padding: 0 0 8px 0;
}

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

/****** CLASSES ******/
.bold {
font-weight: bold;   
}

.clear {
clear: both;   
}

.summary {
font-weight: bold;
padding-bottom: 20px;
}

.highlight {
color: #9dae33;
font-weight: bold;
font-size: 14px;
}


/****** STRUCTURE ******/
#wrapper {
width: 1024px;   
}

#header {
height: 298px;
}

#header-top {
height: 112px;
margin-top:4px;
}

#slogan {
width:600px;
float: left;
margin-left: 33px;
font-size: 16px;
font-weight: bold;
margin-top: 46px;
color: #c4d940;
}

    #slogan span {
    color: #858889;   
    }

#logo {
float: right;
width: 171px;
padding: 0 38px 10px;
}


#header-bottom {
background: url(images/header_bottom_bg.png) top left no-repeat;
height: 185px;
}

#head-left {
width: 583px;
float: left;
}

#nav {
width: 583px;
height: 27px;
}

    #nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 583px;
    }

    #nav ul li {
    display: block;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-right: 1px solid #fff;
    }
    
    #nav ul li.last {
    border: 0;
    }
    
    #nav ul li a {
    display: block;
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    padding: 6px 33px;
    background-color: #000;
    font-size: 14px
    }
    
    #nav ul li a:hover,
    #nav ul li.selected a {
    background: #9dae33;
    }
        
    #nav ul li.last a {
    padding-right: 35px;
    }
    
    /*** SAFARI HACK For nav wrap **/
    @media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari 3.0 and Chrome rules here */
        #nav ul li.last {
        width: 127px;
        overflow: hidden;
        }
    }
    
#header-photo {
width: 441px;
float: right;
height: 187px;
}

#header-title {
padding: 0 50px 0 33px;
}

    #header-title h1 {
    text-shadow: 1px 1px 2px #4b531a
    }
    
    #header-title p { 
    font-size: 14px;
    line-height: 18px;
    }

#content {
padding-top: 28px;
}

#content-threecol .col {
width: 150px;
margin-right: 20px;
float: left;
}

    #content-threecol p,
    #content-threecol li {
    font-size: 10px;
    }
    
    #content-threecol.normal p,
    #content-threecol.normal li {
    font-size: 12px;
    }

#left-col {
width: 535px;
float: left;
margin-left: 33px;
}

#right-col {
width: 425px;
float: right;
}

#brochure-downloads,
.brochure-downloads {
padding: 14px 0 11px 0;
border-top: 1px solid #c9c8c8;
border-bottom: 1px solid #c9c8c8;
margin-bottom: 19px;
}

    #brochure-downloads .brochure,
    .brochure-downloads .brochure {
    float: left;
    width: 137px;
    margin-right: 46px;

    }
    
    #brochure-downloads .brochure a,
    .brochure-downloads .brochure a {
    font-size: 10px;   
    }
    
    .brochure-downloads {
    border-bottom: 0;
    margin-bottom: 0;
    }

#pre-footer {
border-top: 1px solid #c9c8c8;
padding: 23px 0 17px;
margin-top: 18px;
}

    #pre-footer .col {
    float: left;
    padding-left: 34px;
    width: 300px;
    }
    
    #pre-footer .col p {
    font-size: 10px;
    }
    
    #pre-footer .col img {
    float: right;
    padding-left: 32px;
    }

#footer {
color: #9c9b9b;
text-align: right;
font-size: 10px;
clear: both;
}


/********** HOME PAGE SPECIFIC ********/

.home-page #header {
height: auto;   
}

.home-page #header-bottom {
background-image: url(images/home_header_bg.jpg);
height: 485px;
}

.home-page #head-left {
height: 400px;
}

.home-page #header-title {
padding: 135px 43px 90px 224px;   
}

#home-top-copy {
padding: 0 274px 0 60px;
}
    
.home-page #content {
background: url(images/home_lower_bg.jpg) top left no-repeat;   
}

.home-page #content .col {
float: left;
width: 180px;
padding-bottom: 45px;
}

    .home-page #content .col p {
    color: #858889;
    font-weight: bold;
    }
    
    .home-page #content .col li {
    font-size: 10px;   
    }
    
    .home-page #content .col h2,
    .home-page #content .col h2 a {
    font-size: 14px;   
    }
    
    .home-page #content .col.left {
    margin-left: 58px;   
    }
    
    .home-page #content .col.middle {
    margin-left: 120px;   
    }
    
    .home-page #content .col.right {
    margin-left: 150px;   
    }

/********** PRODUCTS PAGES SPECIFIC ********/

.products-page #content {
padding-top: 0;
}

.products-page #left-col {
margin-left: 10px;   
}

.products-page #right-col {
margin-top: 30px;   
}

#products-table {
width: 955px;
height: 315px;
background: url(images/products_table_bg.jpg) center center no-repeat;
margin-left: 33px;
}

    #products-table td {
    padding: 30px 25px 8px 135px;
    vertical-align: top;
    }
    
    #products-table td h2,
    #products-table td h2 a {
    font-size: 14px;   
    }
    
    #products-table td p {
    font-size: 10px;
    line-height: normal;
    }

    #products-table.custom {
    width: 565px;
    background: url(images/custom_table_bg.gif) center center no-repeat;
    margin-left: 0;
    margin-bottom: 10px;
    }
    
    #products-table.custom td {
    padding: 30px;
    }
    
.products-page #pre-footer .col {
padding-left: 30px;
}
    
.products-page #pre-footer .col p {
line-height: normal;
}

    .products-page #pre-footer .col img {
    padding-left: 20px;
    }