/*** GENERAL STYLES ***/

body {background: #8a6d32 url(../images/bkg.gif) left top repeat-x; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: tahoma, arial, helvetica, sans-serif; font-size: 11px; color: #fff;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 16px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
blockquote, ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #f3a303; text-decoration: none;}
a:hover {color: #f8c868; text-decoration: underline;}

.backlink a, .arrowlink {font-weight: bold; text-decoration: none; color: #f3a302; padding: 0 14px 0 0; background: url(../images/arrowlink.gif) right .4em no-repeat;}
.backlink {position: absolute; right: 10px; top: 5px; font-family: tahoma, sans-serif; font-size: 10px; text-transform: uppercase;}
.backlink a {display: block; padding: 0 0 0 14px; background: url(../images/backlink.gif) left .5em no-repeat;}

.hide {display: none;}
.alert {color: #f3a302; font-weight: bold;}
.small {font-size: 10px;}
.strike {text-decoration: line-through; font-size: 16px;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 30px 25px 0;}
.imgright {float: right; margin: 0 0 25px 30px;}
.imgborder {border: 1px solid #312613;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: url(../images/dots.gif); margin: 2em 0;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** STRUCTURAL STYLES ***/

#outer {position: relative; width: 980px; margin: 20px auto 0; text-align: left; border: 5px solid #1b150c; background: #1b150c;}

#top {height: 114px; background: url(../images/top.gif) left top repeat-x;}
#printlogo {display: none;}
#logo {position: absolute; left: 0; top: -25px; width: 470px; height: 139px; text-decoration: none; text-transform: uppercase;}
#logo strong {display: block; padding: 50px 0 0 20px; font-size: 43px; line-height: 40px; font-weight: normal; color: #c2ab7d;}
#logo em {padding: 0 0 0 20px; font-style: normal;}
#logo .ir {background: url(../images/logo.gif) no-repeat;}
#calltoday {position: absolute; right: 0; top: 0; width: 250px; height: 114px; text-decoration: none; text-transform: uppercase;}
#calltoday strong {display: block; padding: 25px 0 0 20px; font-size: 35px; line-height: 40px; font-weight: normal; color: #c2ab7d;}
#calltoday em {padding: 0 0 0 20px; font-style: normal;}
#calltoday .ir {background: url(../images/calltoday.gif) no-repeat;}

#navarea {height: 31px; background: #040302 url(../images/dots.gif) left top repeat-x; padding: 1px 7px 0; margin-bottom: 10px; text-transform: uppercase;}
#navleft {float: left; font-size: 15px;}
#navright {float: right; font-size: 11px;}
#navarea li {float: left;}
#navarea a {position: relative; display: block; height: 30px; line-height: 30px; text-align: center; text-decoration: none;}
#navleft a {color: #f3a302;}
#navright a {color: #a68c57;}
#navarea a:hover {color: #fff;}
#navarea a:hover .ir {background-position: 0 -30px;}
#navarea .on a .ir {background-position: 0 -60px;}
#navarea div.spacer {float: none; clear: both; background: url(../images/dots.gif); margin: 0 -7px;}

#main {}
#content {position: relative; float: right; width: 825px;}
#sidebar {float: left; width: 150px;}

#contentdiv {border: 1px solid #312613; background: #2a2210; padding: 24px; font-family: arial, sans-serif; font-size: 13px; line-height: 18px; width: 775px; overflow: hidden;}
#contentdiv.homedivide {background-image: url(../images/dots.gif); background-position: 492px 1px; background-repeat: repeat-y; zoom: 1;}
#contentdiv h1 {font-family: arial, sans-serif; font-size: 25px; font-weight: normal; color: #c2ab7d; line-height: 1.3em; margin-bottom: 20px; background: url(../images/dots.gif) left bottom repeat-x; padding: 0 280px 7px 0; zoom: 1;}
#contentdiv h2 {font-family: arial, sans-serif; font-size: 17px; color: #8a6d32; margin: 2.5em 0 1em;}
#contentdiv h3 {font-family: arial, sans-serif; font-size: 14px; color: #c2ab7d; margin: 1.5em 0 1em;}
#contentdiv h4 {}
#contentdiv ul {margin: 1em 0; zoom: 1;}
#contentdiv ul li {margin-bottom: 3px; padding-left: 14px; background: url(../images/bullet.gif) left .4em no-repeat; zoom: 1;}

#contactform {margin-top: 2.5em;}
#contactform div {padding-top: 5px;}
#contactform label {position: relative; float: left; width: 100px; text-align: right; padding-right: 15px;}
#contactform label .req {position: absolute; right: 2px; top: 0; color: #f3a302; font-size: 30px; line-height: 30px;}
#contactform input, #contactform textarea {width: 275px; border: 1px solid #8a6d32; background: #000; font-family: arial, sans-serif; font-size: 12px;}
#contactform textarea {height: 120px;}
#contactform .button {padding-left: 115px;}
#contactform .button input {width: auto; background: #312613 url(../images/button.gif) left bottom repeat-x; font-weight: bold; font-size: 17px; text-transform: uppercase; margin-bottom: 20px;}
#contactform .button input:hover {background: #f3a302; border: 1px solid #f3a302; cursor: pointer;}

blockquote.testimonial {background: url(../images/dots.gif) left top repeat-x; padding: 1.5em 10px; zoom: 1;}

#contentdiv ul.newslist {background: url(../images/dots.gif) left bottom repeat-x; padding-bottom: 1px;}
#contentdiv li.newsitem {clear: both; margin-bottom: 0; background: url(../images/dots.gif) left top repeat-x; padding: 9px 5px 8px;}
li.newsitem strong {float: left; width: 150px; padding-right: 10px; color: #8a6d32; text-align: right;}
li.newsitem a {color: #fff; text-decoration: none;}
li.newsitem a:hover {color: #f8c868; text-decoration: underline;}
#contentdiv h2.newsdate {margin-top: -1.2em; font-size: 14px; margin-bottom: 2em;}

#contentdiv ul.categorieslist {float: left; font-size: 12px; background: url(../images/dots.gif) left bottom repeat-x; padding-bottom: 3px; line-height: 15px; width: 130px; margin: 0 24px 0 0;}
#contentdiv ul.categorieslist li {background: url(../images/dots.gif) left top repeat-x; margin: 0; padding: 1px 0 0 0;}
.categorieslist a {display: block; width: 124px; text-decoration: none; padding: 3px 3px; color: #fff;}
.categorieslist a:hover {background: #8a6d32; color: #fff; text-decoration: none;}

.productlisth2 {margin: 0 0 3px 0 !important;}
.productlistnote {margin-bottom: 2em !important;}
.productlistitem {float: left; width: 127px; margin: 0 27px 27px 0; text-align: center;}
.productlistimage img {width: 125px; height: 125px;}
a.borderlink img {border: 1px solid #312613;}
a.borderlink:hover img {border: 1px solid #f3a303; cursor: pointer;}
a.borderlink:hover {text-decoration: none;}
.productlistimage img {width: 125px; height: 125px;}
.productlistname a {font-weight: bold; text-decoration: underline; margin-top: 5px;}

.featureslisth2 {margin-top: 0 !important;}

#homeflash {border: 1px solid #312613; margin-bottom: 5px;}
#homeleft {float: left; width: 462px;}
#homeright {float: right; width: 300px; margin-right: -24px;}
#content .homehead {margin: 0 0 10px 0 !important; text-transform: uppercase; font-size: 8px; font-weight: normal; line-height: 9px;}
.homehead a {display: block; position: relative; width: 300px; height: 36px; text-decoration: none; color: #f3a302; overflow: hidden;}
.homehead a:hover {text-decoration: underline;}
.homehead a .ir {width: 300px; height: 45px;}
#content .homehead strong {display: block; color: #d8c9aa; font-size: 13px; line-height: 13px;}
#contentdiv ul.homelist {float: left; margin: 0; font-size: 12px; background: url(../images/dots.gif) left bottom repeat-x; padding-bottom: 3px; line-height: 15px;}
#homeleft ul.homelist {width: 130px; margin-right: 24px;}
#homeright ul.homelist {width: 126px; margin-right: 24px;}
#contentdiv ul.homelist li {background: url(../images/dots.gif) left top repeat-x; margin: 0; padding: 1px 0 0 0;}
.homelist a {display: block; width: 120px; text-decoration: none; padding: 3px 3px; color: #fff;}
#homeleft .homelist a {width: 124px;}
.homelist a:hover {background: #8a6d32; color: #fff; text-decoration: none;}

.module {border: 1px solid #312613; background: #160f05 url(../images/module.gif) left bottom repeat-x; margin-bottom: 5px; width: 130px; padding: 9px; line-height: 15px; overflow: hidden;}
.modulehead {margin: -9px -9px 3px; text-transform: uppercase; font-size: 8px; font-weight: normal; line-height: 9px; font-family: arial, helvetica, sans-serif;}
.modulehead a {display: block; position: relative; width: 130px; height: 36px; padding: 9px 9px 0; text-decoration: none; color: #f3a302;}
.modulehead a:hover {text-decoration: underline;}
.modulehead a .ir {width: 148px; height: 45px;}
.modulehead strong {display: block; color: #d8c9aa; font-size: 13px; line-height: 13px;}
.module p {margin-bottom: 1em;}
.module .newsitem strong {display: block; font-size: 9px; color: #8a6d32;}
.module .newsitem a {color: #fff; text-decoration: none;}
.module .newsitem a:hover {color: #f8c868; text-decoration: underline;}

#logos {background: #040302 url(../images/dots.gif) left top repeat-x; padding: 1px 10px 0 0; margin-top: 9px;}
#logos h2 {float: left; position: relative; width: 135px; height: 35px; color: #f3a302; padding: 15px 0 0 15px; font-size: 10px; line-height: 13px; margin-right: 25px;}
#logos h2 .ir {width: 150px; height: 50px; background: url(../images/authorized.gif) no-repeat;}
#logos .item {float: left; margin: 0 25px 0 0;}
#logos .floatright .item {margin: 0 0 0 25px;}
#logos .spacer {background: url(../images/dots.gif); margin-right: -10px;}

#footer {width: 980px; padding: 5px; margin: 0 auto; color: #0a0806; text-align: left; }
#footer a {color: #0a0806; text-decoration: none;}
#footer a:hover {text-decoration: underline;}