@charset "utf-8";
/* CSS Document */

div#clear {clear:both}
.padding {padding:10px}
.whiteLine {border:0; border-bottom:solid 1px #fff}
.more {text-align:right; padding-top:10px}
.more a {text-decoration:none; color:#900; font-style:italic}
.more a:hover {color:#000}
hr {border:0; border-bottom:dotted 1px #ccc; height:1px; margin:6px 0}

div#header .logo {width:20%; float:left}
div#header .logo img {padding:10px}
div#header .mainNav {float:right; border:solid 0px #ccc; padding:20px 10px 0 0; font-size:.95em }

div#header .mainNav h2 {color:#6f6e73; font-weight:bold; font-size:1.3em; margin:0 0 5px 0}

div#header .mainNav ul {margin:0; padding:0; list-style-type:none}
div#header .mainNav li {width:195px; float:left; padding-right:10px; color:#938d7a}
div#header .mainNav li.separator {width:20px; height:90px; background:url(../pics/mainNav_separator.png) 2px 5px no-repeat}

div#header .mainNav li a {text-decoration:none; color:#666; display:block}
div#header .mainNav a:hover {color:#999}

div#mainPic {width:100%}
div#mainPic .line1 {height:7px; background-color:#d5cea6;}
div#mainPic .line2 {height:7px; background-color:#b7ad70;}

div#mainPic .mpCol1 {width:249px; height:293px; float:left; color:#7e7e7e; background:url(../../pics/mainPic_left.jpg) no-repeat; line-height:19px}
div#mainPic .mpCol1 h2 {font-size:1.7em; margin:0; color:#fff; margin-bottom:5px}
div#mainPic .mpCol2 {width:711px; height:293px; float:right}

div#content .conCol1 {width:249px; min-height:380px; float:left; background:url(../pics/bg_subNav.png) repeat-x; font-size:.9em}
div#content .conCol1 .wBorder {border:solid 1px #ccc}
div#content .conCol1 a {text-decoration:none; color:#666}
div#content .conCol1 a:hover {color:#000}

div#content .conCol1 ul {margin:0; padding:0; list-style-type:none}
div#content .conCol1 li a {width:218px; border-bottom:solid 1px #fff; display:block; padding:5px; background-color:#252525; text-decoration:none; color:#fff}
div#content .conCol1 li a:hover {background-color:#f18d00; color:#fff}
div#content .conCol1 h2 {font:bold 1.3em Arial, Helvetica, sans-serif; margin:0; padding:0}

div#content .conCol2 {width:711px; float:right; color:#666; font-size:.9em;}
div#content .conCol2 h2 {font-size:1em; margin:5px 3px; color:#f18d00; text-transform:uppercase}
div#content .conCol2 .col1 img, div#content .conCol2 .col2 img, div#content .conCol2 .col3 img {border:solid 1px #ccc}
div#content .conCol2 .col1 {width:210px; float:left; margin:0 15px}
div#content .conCol2 .col2 {width:210px; float:left; margin:0 15px 0 0}
div#content .conCol2 .col3 {width:210px; float:left}

div#content .contentBot {height:70px}

div#aboutUs {width:97%; padding:0 10px 10px 10px; margin:auto}
div#aboutUs h1 {font-size:1.6em; color:#000; text-transform:uppercase; margin-bottom:5px}
div#aboutUs h3 {clear:both; font-size:1.2em; color:#f18d00; text-transform:uppercase; margin-bottom:3px}

div#products {width:97%; padding:0 5px 10px 15px; margin:auto}
div#products h1 {font-size:1.6em; color:#000; text-transform:uppercase; margin-bottom:5px}
div#products h3 {clear:both; font-size:1.2em; color:#f18d00; text-transform:uppercase; margin-bottom:3px; margin-top:3px}

div#products .proCol1 {width:215px; float:left; margin-right:10px}
div#products .proCol2 {width:215px; float:left; margin-right:10px}
div#products .proCol3 {width:215px; float:left; margin-right:10px}
div#products .proCol1 .pics, div#products .proCol2 .pics, div#products .proCol3 .pics {border:solid 1px #ccc}
div#products .pics {border:solid 1px #ccc}

div#products .viewBtn {padding-top:5px}

div#products .produl {margin-top:3px; margin-bottom:3px}


div#footer ul {margin:0; padding:0; list-style-type:none; height:20px}
div#footer li {float:left; padding-right:10px}
div#footer a {font-size:.85em; text-decoration:none; color:#867f56}
div#footer .footerNav {width:100%; background:url(../pics/bg_footer.png) repeat-x}
div#footer .copyright {background-color:#b4ae9d; font-size:.85em; padding:8px 10px 10px 0; text-align:right; color:#776f59; font-family:arial; font-weight:bold}