/*------------------------------------------------------\
|    pagewide defaults                                  |
\------------------------------------------------------*/

body {background-color: #FFF; background-image: url("http://www.americanpac.com/images/wainscotbg.gif"); background-repeat: repeat; background-attachment: fixed; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; margin: 0; padding: 0 0 10px 0; }


maincontent {background-color: #FFF;}
#contentCol {background-color: #FFF; margin: 0 auto; text-align: center; width: 750px; }
#contentCol p { text-align: left; }
.col1 { font-size: 12px; float: left; margin: 0 10px 20px 40px; width: 700px; }
.col2 { font-size: 12px; float: left; margin: 0 40px 20px 10px; width: 350px; }
.col1even { font-size: 12px; float: left; margin: 0 10px 20px 20px; width: 350px; }
.col2even { font-size: 12px; float: left; margin: 0 10px 20px 0; width: 350px; }
.right { text-align: right; }
.center { text-align: center; }
img.left { float: left; }
img.right { float: right; }
img { border: 0; }

/*------------------------------------------------------\
|    splash parts                                       |
\------------------------------------------------------*/

#menubar {
    text-align: center;
    font: 9px geneva, arial, helvetica, sans-serif;
    text-transform: uppercase;
    background-color: #6e5d37;
    color: #f3ead2;
}
#menubar a { color: #f3ead2; text-decoration: none; }
#menubar ul { width: 99%; list-style: none; margin: 0 auto; padding: 3px; }
#menubar li { display: inline; margin: 0pt 1px; }
#menubar em { font-size: 14px; font-style: normal; }

/*------------------------------------------------------\
|    miscellany                                         |
\------------------------------------------------------*/

h1.oneColHead { text-align: center; }
h2 { margin: 0 0 .5em 0; padding: 0; }
h2 a { color: #404082; }
img { vertical-align: bottom; }
img a { border: 0; }

/*------------------------------------------------------\
|    marble mantels                                     |
\------------------------------------------------------*/

#marbleMantels {background-color: #FFF; border: 1px solid #000; margin: 0 auto; width: 750px; }
#marbleMantels.detail { text-align: left; }
#marbleMantels p { text-align: center; }
#marbleMantels.detail p { margin: 0 20px 20px 20px; text-align: left; }
#marbleMantels div.detail { margin: 0 20px 20px 20px; text-align: left; }
#marbleMantels.detail p img { border: 1px solid #000; margin: 0; padding: 0; }
#marbleMantels.detail img.marbleMain { border: 1px solid #000; float: left; margin: 0 20px 0 0; }
#marbleMantels div.detail ul { margin: 0 0 0 350px; }
#marbleMantels div.detail ul li { list-style: square; }

/*------------------------------------------------------\
|    wood mantels                                       |
\------------------------------------------------------*/

#woodMantels {background-color: #FFF; border: 1px solid #000; margin: 0 auto; width: 750px; }
#woodMantels p { position: relative; }
#woodMantels .col1 p img { border: 1px solid #000; float: left; margin: 0 10px 0 0; }
#woodMantels span.caption { color: #fff; font-weight: bold; font-size: 16px; position: absolute; bottom: 5px; left: 5px;}
#woodMantels h2 { border: solid #000; border-width: 0 0 2px 0; clear: both; padding: 0 0 2px 0; text-align: right; }

/*------------------------------------------------------\
|    wood mantels (deprecated)                          |
\------------------------------------------------------*/

#main {background-color: #FFF; border: solid #000; border-width: 0 1px 1px 1px; margin: auto; width: 710px; padding: 0 20px; position: relative; }
.woodmantels .leftcol { float: left; width: 345px; }
.woodmantels .rightcol { float: right; width: 345px; }
.woodmantels .item { clear: both; }
.woodmantels .itemCentered { clear: both; padding: 2em 0 0 0; text-align: center; }
.woodmantels .alignRight { text-align: right; }
.woodmantels h1 { font-size: 1.3em; }

/*------------------------------------------------------\
|    kudzu                                              |
\------------------------------------------------------*/

.kudzu .kudSplash { float: left; margin: 0 1em 0 0; text-align: center; }
.kudzu .kudRight { float: right; width: 390px; }
.kudzu h1 { font-size: 18px; }
.kudzu h3 { font-size: 13px; }
.kudzu table { border: 3px solid #6e5d37; border-collapse: collapse; margin: 0 0 1em 0; }
.kudzu tr { border: solid #aaa; border-width: 1px 0 1px 0; }
.kudzu td { background: #eee; padding: .5em; }
.kudzu ul { list-style: none; margin: 0; padding: 0; }

/*------------------------------------------------------\
|    soon to be deprecated or moved                     |
\------------------------------------------------------*/

.mainborder { border: 1px solid #042960; }
.homecopy {
    background-image: url(images/index_06.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font: 11px arial, helvetica, sans-serif;
    color: #ffffff;
    padding: 10px;
}
.productmenu {
    font-family: geneva, arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 20px;
    padding-right: 5px;
    padding-left: 5px;
    vertical-align: top;
    letter-spacing: 0.15em;
}
.productmenu a:link { color: #6e5d37; text-decoration: none; }
.productmenu a:visited { color: #6e5d37; text-decoration: none; }
.productmenu a:active { color: #6e5d37; text-decoration: none; }
.productmenu a:hover { color: #404082; text-decoration: none; }

.photopage {
    background-image: url(images/photoback.gif);
    background-repeat: repeat;
}
.kudzu {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 13px;
    list-style-position: outside;
    list-style-image: url(images/bullet.jpg);
}
td.font {
    list-style-position: outside;
    list-style-image: url(images/bullet.jpg);
}
.font a:link { color: #404082; text-decoration: none; }
.font a:visited { color: #404082; text-decoration: none; }
.font a:active { color: #404082; text-decoration: none; }
.font a:hover { color: #404082; text-decoration: none; }

h1 {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
}
h2 {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
}
h3 {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 25px;
    font-weight: bold;
}
.border1pt {
    border: 1px solid #666666;
}

#logoBottom {
    margin: 0 0 0 295px;
}

.style1 {color: #990000}

/*------------------------------------------------------\
|    hacks                                              |
\------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */