/* CSS Document */

body, html { background-color:#F2F2F0; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;}

#outer-wrapper { width:100%; height:auto; margin:0; padding:0; background-image:url(../pics/bg-grad.gif); background-repeat:repeat-x;}

#inner-wrapper { width:880px; height:auto; margin:0 auto 0 auto; padding:0px 20px 40px 20px; background-color:#fff; background-image:url(../pics/inner-wrapper-bg.gif); background-repeat:repeat-x;}

#top { width:879px; height:189px; background-color:#847D6B; margin:0; padding:0;}
#top .logo { float:right; width:434px; height:189px; margin:0; padding:0;}

#nav-bar { width:879px; height:30px; padding:0; margin:16px 0 0 0; display:block;}

*HTML #nav-bar ul { margin:9px 0 0 0; padding:0; height:auto;}
*+ HTML #nav-bar ul { margin:9px 0 0 0; padding:0; height:auto;}

#nav-bar ul { margin:8px 0 0 0; padding:0; height:auto;}

#nav-bar ul, x:-moz-any-link, x:default { margin:9px 0 0 0; padding:0; height:auto;}


#nav-bar li { display:inline; margin:0; padding:0;}
#nav-bar li a { display:inline-block; vertical-align:top; font-size:12px; color:#8C8C8C; text-decoration:none;}

#nav-bar li a:hover {display:inline-block; vertical-align:top; font-size:12px; color:#8C8C8C; padding-bottom:5px; text-decoration:none; border-bottom:2px solid #8C8C8C;}



#nav-bar .selected {display:inline-block; vertical-align:top; font-size:12px; color:#8C8C8C; padding-bottom:5px; margin-left:25px; text-decoration:none; border-bottom:2px solid #8C8C8C;}
#nav-bar .selected-hp {display:inline-block; vertical-align:top; font-size:12px; color:#8C8C8C; padding-bottom:5px; text-decoration:none; border-bottom:2px solid #8C8C8C; margin:0;}

#masterhead { width:879px; height:345px; margin:41px 0 0 0; padding:0; display:block;}
.hp-sublogos { display:block; height:35px; clear:both; margin-top:5px;}

#bottom-images { width:879px; height:auto; margin:37px 0 0 0; display:block; clear:both;}
#bottom-images .back { width:879px; text-align:right; clear:both; color:#8C8C8C;}
#bottom-images a.back { clear:both; color:#8C8C8C; text-decoration:none; font-size:10px; text-align:right;}
#bottom-images a.back:hover { clear:both; color:#8C8C8C; text-decoration:underline;}


/** Galleries **/

#image-row-main { width:879px; height:159px; display:block; clear:both; margin:0; padding:0 0 23px 0;}
#image-row-main .left { float:left; width:159px; height:180px;}
#image-row-main .right { float:left; width:159px; height:180px; margin-left:21px;}
#image-row-main .txt {color:#8C8C8C; font-size:10px; margin-top:4px;}
#image-row-main a {color:#8C8C8C; font-size:10px; margin-top:4px; text-decoration:none;}
#image-row-main a:hover {color:#8C8C8C; font-size:10px; margin-top:4px; text-decoration:underline;}

#image-row { width:879px; height:159px; display:block; clear:both; margin:0; padding:0 0 23px 0;}
#image-row .left { float:left; width:159px; height:159px;}
#image-row .right { float:left; width:159px; height:159px; margin-left:21px;}


/** downloads **/

#image-row .downl-left { float:left; width:280px; height:auto;}
#image-row .downl-right { float:left; width:280px; height:auto; margin-left:40px;}

/** contact us **/

#image-row .contact-left { float:left; width:175px; height:auto;}
#image-row .contact-right { float:left; width:175px; height:auto; margin-left:45px;}


/** product **/

#image-row-prod { width:879px; height:auto; display:block; clear:both; margin:0; padding:0 0 23px 0;}
#image-row-prod .prod-left { float:left; width:339px; height:auto;}
#image-row-prod .prod-left-row { display:block; height:auto; padding-bottom:10px;}
#image-row-prod .txt-header {color:#8C8C8C; font-size:11px; margin-bottom:5px; text-transform:uppercase;}
#image-row-prod .raw-board {float:left; width:159px; height:auto;}
#image-row-prod .finished-board {float:right; width:159px; height:auto; margin-left:15px;}
#image-row-prod .left-images {float:left; width:159px; height:182px;}
#image-row-prod .right-images {float:right; width:159px; height:182px; margin-left:15px;}
#image-row-prod .smalltxt {color:#8C8C8C; font-size:10px; margin-top:5px;}


#image-row-prod .prod-right { float:left; width:325px; height:auto; margin-left:43px; color:#8C8C8C; font-size:11px; line-height:16px;}
#image-row-prod a {color:#B48B55; font-size:11px; text-decoration:none;}
#image-row-prod a:hover {color:#B48B55; font-size:11px; text-decoration:underline;}

/*** FOoter ***/

#footer { width:100%; height:auto; display:block; margin-top:10px;} 
#footer .top { height:auto; color:#8C8C8C; font-size:10px;}
#footer .lefttxt { float:left;}
#footer .righttxt { float:right;}
#footer .divider { height:5px; color:#8C8C8C; font-size:10px;}
#footer .bottom { height:auto; margin-top:18px; color:#8C8C8C; font-size:10px; text-align:left;}
#footer a {color:#8C8C8C; font-size:10px; text-decoration:none;}
#footer a:hover {color:#B48954; font-size:10px; text-decoration:underline;}
#footer .active {color:#B48954; font-size:10px; text-decoration:underline;}

/*** masterhead rotate ***/

#slideshow {
width:879px;
    position:relative;
    height:345px;
 margin:41px 0 0 0; padding:0; display:block;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}