﻿html {overflow: auto;height: 100%;}
body {background-color:#ffffff;height: 100%;margin:0;padding:0;}
form, center {height:100%;}

.manufacture:hover{background-color: #008c31; color: #fff;}
#colorsquare{background-color: #008c31; height: 70px; padding-left: 20px; padding-top: 90px; width: 162px; color: #fff; font-size: 18px; font-family: Helvetica; float: left; line-height: 20px;}
#lowercontent_div, #topcontent_div{color: #5d5d5d; font-family: Arial; font-size: 12px; line-height: 18px;}
#lowercontent_div{clear: both; margin: 40px 0px 0px 50px; float: left;}
div.m10{margin-left: 10px;}

* {margin:0px;padding:0px;border:none;}


div.main
{width:943px;position:relative;min-height: 100%;
}
div.top
{
    width:943px;
    height:99px;
}

div.logo
{
    float:left;
    margin-top:25px;
    margin-left:80px;
}

div.hasd 
{
    float:left;
    margin-top:25px;
    margin-left:20px;
}

div.hasd p 
{
    font-family:Helvetica;
    font-size:16px;
    color:#666666;
}   

a.rNav
{
    margin-left:1px;
    float:right;
    background-color:#cccccc;
    height:15px;
    text-align:left;
    font-size:9px;
    font-family:Arial;
    color:#030303;
    text-decoration:none;
    padding:3px 20px 0px 20px;
    text-transform:uppercase;
}
a.rNav:hover
{
    color:#ffffff;
    background-color:#666565;
}


div.nav
{   
    background-color:#f0efec;
    height:39px;    
    border:solid 1px #e4e5e5;
}

div.navItem
{    
    float:right;
    text-align:center;     
}



div.navItem a
{
    display:block;
    height:24px;
    font-family:Arial;
    font-size:9px;
    text-align:center;
    text-transform:uppercase;
    text-decoration:none;
    color:#323131;
    padding:9px 10px 6px 10px;
}

div.navItem a.farm:hover
{
    
    color:#ffffff;
    background-color:#DA9425;
}

div.navItem a.hcfs:hover
{
    
    color:#ffffff;
    background-color:#887DB6;
}

div.navItem a.kitch:hover
{
    
    color:#ffffff;
    background-color:#75A7D4;
}

div.navItem a.standard:hover
{
    
    color:#ffffff;
    background-color:#84aa4a;
}

div.Home
{
    width:100px;
    float:left;
    
}

div.Home a
{
    font-family:Arial;
    font-size:10px;
    text-decoration:none;
    color:#323131;
    height:24px;
    text-transform:uppercase;
    padding:15px 20px 0px 20px;
    display:block;
    border-right:solid 1px #e4e5e5;
}

div.Home a:hover
{
    color:#ffffff;
    background-color:#8b8a81;
}


/*div.navItem:hover
{
    background-color:Blue;
}*/

div.h1 
{
  
    background-color:#f0efec;
    height:51px;
    width:941px;
    border-left:solid 1px #e4e5e5;
    border-right:solid 1px #e4e5e5;
    border-top:solid 1px #ffffff;
}

div.h1 p
{
    font-family:Helvetica;
    font-size:17px;
    color:#da9426;
    margin:23px 8px 8px 20px;
    text-align:left;
}

div.middle
{
    float:right;
    background:url(../images/back.gif);
    background-repeat:no-repeat;
    width:100%;
    height:264px;
}

a.fork
{
    display:block;
    background-color:#DA9425;
    height:211px;
    width:230px;
    float:right;
    margin-top:25px;
    margin-left:1px;
    text-decoration:none;
}

a.kitchen
{
    display:block;
    background-color:#75A7D4;
    height:211px;
    width:230px;
    float:right;
    margin-top:25px;
    margin-left:1px;
    text-decoration:none;
}

a.leed
{
    display:block;
    background-color:#84aa4a;
    height:211px;
    width:230px;
    float:right;
    margin-top:25px;
    margin-left:1px;
    text-decoration:none;
}

p.test
{
    text-align:left;
    margin-left:15px;
    margin-top:10px;
    margin-bottom:8px;
}

p.mHead
{
    text-align:left;
    font-family:Arial;
    font-size:19px;
    color:#ffffff;
    margin:5px 5px 5px 15px;
}

p.mText
{
    text-align:left;
    font-family:Arial;
    font-size:11px;
    color:#ffffff;
    margin:15px 5px 5px 15px;
}

p.mText2
{
    float:left;
    width:100px;
    text-align:left;
    font-family:Arial;
    font-size:11px;
    color:#ffffff;
    margin-left:15px;
}

p.mText3
{
    float:left;
    width:100px;
    text-align:left;
    font-family:Arial;
    font-size:11px;
    color:#ffffff;
    margin-left:5px;
}


div.bottom
{
    float:left;
    margin-top:30px;
    width:100%;
    height:174px;
    background-color:#f2f1e7;
    border:solid 1px #e4e6e5;
}

div.bLeft
{
    margin-left:20px;
    margin-top:10px;
    float:left;
    width:244px;
    height:154px;
    border-right:solid 1px #c6c6c6;
}

div.bLeft h1
{
    font-family:Arial;
    font-size:12px;
    text-align:left;
    font-weight:normal;
    color:#7c268b;
    text-transform:uppercase;
    margin-top:5px;
}

div.bLeft p
{
    font-family:Arial;
    font-size:10px;
    text-align:left;
    color:#666565;
    margin-top:5px;
    line-height:16px;
    padding-right:15px;
}

div.bLeft p a 
{
    color:#7c2688;
    font-weight:bold;
    text-decoration:none;
}

div.bLeft p a:hover 
{
    text-decoration:underline;
    
}

div.bCenter
{
    margin-left:15px;
    margin-top:10px;
    float:left;
    width:300px;
    height:154px;
    border-right:solid 1px #c6c6c6;
}

div.bCenter h1
{
    font-family:Arial;
    font-size:12px;
    text-align:left;
    font-weight:normal;
    color:#4a7bb9;
    text-transform:uppercase;
    margin-top:5px;
}

div.bCenter img
{
    float:left;
    margin-top:5px;
}

div.bCenter p
{
    float:left;
    width:200px;
    font-family:Arial;
    font-size:10px;
    text-align:left;
    color:#666565;
    margin-left:10px;
    margin-top:5px;
    line-height:16px;
    padding-right:15px;
}

div.bCenter ul 
{
    list-style:none;
    float:left;
    width:190px;
    margin-left:24px;
    margin-top:5px;
}

div.bCenter ul li
{
    text-indent: -1em;
    font-family:Arial;
    font-size:10px;
    text-align:left;
    color:#666565;
    line-height:13px;
}


div.bCenter ul li a
{
    font-family:Arial;
    font-size:10px;
    color:#4a7bb9;
    text-decoration:none;
}

div.bCenter ul li a:hover
{
    text-decoration:underline;
}

div.bRight
{
    margin-left:15px;
    margin-top:10px;
    float:left;
    width:324px;
    height:154px;
}

div.bRight h1
{
    font-family:Arial;
    font-size:12px;
    text-align:left;
    font-weight:normal;
    color:#576e12;
    text-transform:uppercase;
    margin-top:5px;
}

div.bRight img
{
    float:left;
    margin-top:10px;
}

div.bRight p
{
    float:left;
    width:170px;
    font-family:Arial;
    font-size:10px;
    text-align:left;
    color:#666565;
    margin-left:10px;
    margin-top:5px;
    line-height:16px;
    padding-right:15px;
}
div.bRContainer{float: left; width: 170px; padding-right: 5px; text-align: left; font-family: arial;}
div.bRLine{padding-top: 5px; margin-bottom: 5px; border-bottom-color: #d0d0d0; border-bottom-style: solid; border-bottom-width: 1px;}
font.bRightLgTxt{color: #365219; font-size: 14px;}
font.bRightSmTxt{color: #666666; font-size: 10px; font-weight: bold; font-family: arial;}

div.footer
{
    width:450px;
    position:absolute;
    bottom:9px;
    left:50px;
}

div.footer p
{
    text-align:left;
    font-size:9px;
    font-family:Arial;
    color:#aaaaa9;
}

div.LNav
{
  
    min-height:248px;
    height:auto !important;
    height:248px;
    width:195px;
    background-color:#bab7a6;

}

div.LNav a 
{
    display:block;
    width:195px;
    padding-top:7px;
    padding-bottom:5px;
    text-align:left;
    font-family:Arial;
    font-size:11px;
    color:#454545;
    text-decoration:none;
}
div.LNav a span
{
    
    margin-left:20px;
}

div.LNav a:hover
{
    width:195px;
    color:#ffffff;
    background-color:#8b8a81;
}

div.LNav a.sub
{
    display:block;
    width:195px;
    padding-top:7px;
    padding-bottom:5px;
    text-align:left;
    font-family:Arial;
    font-size:11px;
    color:#666666;
    text-decoration:none;
    margin-bottom:0px;
}
div.LNav a.sub span
{
    
    margin-left:30px;
    margin-bottom:0px;
}

div.LNav a.sub:hover
{
    width:195px;
    color:#ffffff;
    background-color:#aaa798;
}

div.LNav a.tre
{
    display:none;
    width:195px;
    padding-top:7px;
    padding-bottom:5px;
    text-align:left;
    font-family:Arial;
    font-size:11px;
    color:#666666;
    background-color:#c5c2b2;
    text-decoration:none;
}
div.LNav a.tre span
{
    
    margin-left:45px;
}

div.LNav a.tre:hover
{
    width:195px;
    color:#ffffff;
    background-color:#aaa798;
}


div.h2 
{
    float:left;
    position:relative;
    height:248px;
    width:182px;
    background-color:#DA9425;
    display:table-column;
  
}

div.h2 p
{
 
	position:absolute;
	bottom:23px;
	text-align:left;
    color:#ffffff;
    font-family:Helvetica;
    font-size:18px;
    font-weight:normal;
    left:16px;
    
}

div.mImage
{
    float:left;
    width:399px;
    max-height:190px;
   
}

div.bContent 
{
    float:left;
    padding:0;
    margin:0;
    min-height:520px;
    height:auto;
 
    width:561px;
    
    background:url('../images/gradiant.gif') no-repeat bottom;
}

div.bContent div
{
    min-height:420px;
    float:left;
    margin-left:0px;
    margin-right:0px;
    margin-top:25px;
    padding-bottom:115px;
    width:461px; 
}

div.bContent p
{
    text-align:left;
    font-family:Arial;
    font-size:11px;
    line-height:20px;
    margin-bottom:8px;
    color:#707070;

}
div.bContent div ul
{
    text-align:left;
    margin-left:35px;
    margin-bottom:8px;
}

div.bContent div ul li 
{
    text-align:left;
    font-family:Arial;
    font-size:11px;
    line-height:20px;
    color:#707070;
}

div.bContent div ol
{
    margin-left:35px;
    margin-bottom:8px;
}

div.bContent div ol li 
{
    text-align:left;
    font-family:Arial;
    font-size:11px;
    line-height:20px;
    color:#707070;
}

a.bLEED 
{
    float:left;
    display:block;
    width:195px;
}

div.bHCFS
{
   
    width:195px;
}
div.bHCFS div
{
    width:195px;
}

div.bHCFS div img
{
    
    top:5px;
    left:5px;
}

div.mImage div
{
    padding-top:35px;
    padding-left:25px;
    padding-right:25px;
}

div.mImage div p 
{
    text-align:left;
    font-family:Arial;
    font-size:11px;
    line-height:20px;
    color:#707070;
}

div.mImage div ul li 
{
    text-align:left;
    font-family:Arial;
    font-size:11px;
    line-height:20px;
    color:#707070;
}



div.bHCFS div h1
{
   
    top:95px;
    left:5px;
    text-align:left;
    font-family:Helvetica;
    font-size:13px;
    font-weight:normal;
    text-transform:uppercase;
    color:#4a6e00;
}

div.bHCFS div p
{

    top:130px;
    left:5px;
    width:164px;   
    text-align:left;
    font-family:Arial;
    font-size:11px;
    font-weight:normal;
    color:#707070;
}

div.bHCFS div p a
{ 
    font-family:Arial;
    font-size:11px;
    color:#00a5cf;
    text-decoration:none;
}

div.bHCFS div p a:hover
{
    text-decoration:underline;
}
/*div.rNav table
{
    float:left;
    width:150px;
}

div.rNav table tr td table tr
{
    width:150px;
    background-color:#b2b0a3;
}

div.rNav table tr td table tr:hover
{
    background-color:#666565;
    color:#ffffff;
}

div.rNav table tr td table tr td a
{
    display:block;
    min-height:20px;
    width:150px;
    color:#303030;
    font-size:10px;
    font-family:Arial;
    font-weight:normal;
    padding-top:5px;
    padding-right:5px;
}
div.rNav table tr td table tr td a:hover
{
    color:#ffffff;
}*/

table.form tr td p 
{
    text-align:left;
    font-family:Arial;
    font-size:13px;
    color: #707070;
}

table.form tr td h1 
{
    text-align:left;
    font-family:Arial;
    font-size:16px;
    color: #707070;
}

td.text 
{
    text-align:left;
    width:140px;
}
div.resource 
{
    width:650px;
}

div.main div.resource h1 
{
    text-align:left;
    font-family:Arial;
    font-size:16px;
    color: #707070;
    margin-bottom:12px;
}

div.main div.resource p 
{
    text-align:left;
    font-family:Arial;
    font-size:12px;
    color: #707070;
    margin-bottom:12px;
}

div.resource ul
{
    text-align:left;
    margin-left:35px;
    margin-bottom:8px;
}

div.resource  ul li 
{
    text-align:left;
    font-family:Arial;
    font-size:12px;
    line-height:15px;
    margin-bottom:8px;
    color:#707070;
}

span.foo 
{
    margin-left:20px;
    width:500px;
    text-align:left;
    font-size:9px;
    font-family:Arial;
    line-height:10px;
    color:#aaaaa9;
}

div.bar 
{
    width: 941px;
    border-left: 1px solid #e4e5e5;
    border-right: 1px solid #e4e5e5;
    height:auto;
    overflow:hidden;
}

.purple
{
    color:#887db6;
    font-weight:bold;
}

.bContent .caseStudyElement
{
    margin:0px;
    margin-top:10px;
    padding:10px 0px 0px 0px;
    min-height:0px;
    border-top:solid 1px #cccccc;
}

.bContent .caseStudyElement img
{
    float:left;
    margin-right:15px;
}


.bContent .caseStudyHeader
{
    margin:0px;
    margin-top:10px;
    padding:10px 0px 0px 0px;
    min-height:0px;
    
}

.bContent .caseStudyHeader p
{
    font-family:Arial;
    font-size:12px;
    color:#707070;
}
.bContent .caseStudyHeader p span
{
    font-family:Arial;
    font-size:16px;
    color:#707070;
}

#left { float:left; width:150px; margin:0px; padding:20px 0 0 30px; }
#right { float:left; width:330px; margin-left:24px; margin-right:0px; }
#left2 { float:left; width:150px; margin:0px; padding:20px 0 0 5px; }
#leftnavimg img { margin-top:15px; }
