#nav {padding:0; margin:0; list-style:none; height:34px; margin:43px 0 0 78px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:605px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:34px; width: auto; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b{margin-left:-999em;}

#nav li a.home { background-image: url(../images/home.jpg); width:98px; height:34px; }
#nav li a.product {background-image: url(../images/product.jpg); width:141px;}
#nav li a.features {background-image: url(../images/features2.jpg); width:238px;}
#nav li a.contact {background-image: url(../images/contact.jpg); width:128px;}

#nav li:hover a,
#nav a:hover
{background-position: 0 34px;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:34px; background: #e0dfdf; padding:15px 0 0 0; border:#FFFFFF solid 1px; border-top:none; border-right:#FFFFFF solid 1px; width:139px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:auto; position:relative; float:left; width: auto; font-weight:normal; padding:0;}
#nav :hover ul.sub li a
{display:block;  width:124px; font-size:13px; font-weight:bold; text-decoration:none; color:#999999; padding:0; cursor:pointer;}
#nav :hover ul.sub li a:hover{ color:#000;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.trim {  background:#dfdfdf; height:65px; padding:0 0 0 14px;} /* 91 height */
#nav :hover ul li a.beams { background:#dfdfdf; height:37px; padding:0 0 0 14px;}
#nav :hover ul li a.rafter {background:#dfdfdf; height:89px; padding:0 0 0 14px;}
#nav :hover ul li a.railing {background:#dfdfdf; height:37px; padding:0 0 0 14px;}
#nav :hover ul li a.column {background:#dfdfdf; height:35px; padding:0 0 0 14px;}
#nav :hover ul li a.shutters {background:#dfdfdf; height:37px ;padding:0 0 0 14px;}
#nav :hover ul li a.custom {background:#dfdfdf; height:55px; padding:0 0 0 14px; }

#nav :hover ul.sub li a:hover{}
#nav :hover ul.sub li a:hover 
/*{background-position: 0 34px; position:relative;}*/
#nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px;  text-align:left; font-size:12px; line-height:18px;}

.floatleft{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
h2{
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
}
.content-area p{
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;

}
.page-header{
    margin-bottom: 10px;
}


.rafter1{
    float: left;
    margin-bottom: 20px;
    margin-right: 10px;

}
.rafter2{
    position: absolute;
    right: 0;
    top: -110px;
}
.rafter3{
    float: left;
    margin-top: 30px;
    margin-bottom: 40px;
}
.rafter4{
    position: absolute;
    top: -40px;
    right: 0;
}

.trim1{
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.trim2{
    position: absolute;
    right: 0;
    top: -35px;

}
.trim3{
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
}
.trim4{
    position: absolute;
    top: -70px;
    right: 0;
}
.trim5{
    float: left;
    margin-right: 20px;
    margin-bottom: 50px;

}
.columns1{
    float: left;
    margin-right: 20px;
}
.content-area a{
    color: #000000 !important;
    text-decoration: underline;
}