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

/***************** Main **************/
* {font-size: 100%; padding: 0; margin: 0;}/*don't change this*/
body{font:0.75em Arial, Helvetica, sans-serif; margin:0; padding:0; color:#000; background-color:#2b4e61; text-align:center; min-height:100%;}
#container{margin:0 auto; width:960px; position:relative; text-align:left; background:#4b4504 url(../images/content-repeat.gif) repeat-y;}/*centers main content*/
#content{width:649px; color:#000; margin:0 80px 0 0; float:right; line-height:1.4em;}
#maincontent{background:#c7ac74 url(../images/content-main-repeat.gif) repeat-y;}
#minheight {height:300px; width:1px; float:right;}/*the minimum height div forces the container to expand to fit the height of this element. It is a cross-platform solution to the minimum height demand*/ 
.topsentence{font-size:.8em; color:#c7ac74; text-align:center; padding:4px 0 0 0;}
.clear {clear:both;}

#sale{position:absolute; z-index:300; top:123px; left:655px; background: url(../images/super-sale.png) no-repeat; padding:60px 40px 20px 40px; width:218px; height:130px; line-height:1em;}

/***************** Skip **************/
#skip a, #skip a:hover, #skip a:visited{position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
#skip a:active, #skip a:focus{position:static; width:auto; height:auto;}

/***************** Headers *****************/
h1 {font-size: 1.3em; font-weight:bold; color:#2b4e61; text-transform:uppercase; text-align:center;}
h2 {font-size: 1.1em; font-weight:bold;}

/************** Text Formatting **************/
.brown{color:#4c320d;}
.bldcenter {font-size: 1.1em; font-weight:bold; text-align:center;}
.highlight{font-size:1em; font-weight:bold; text-transform:uppercase; color:#c7ac74; background-color:#4b4504; padding:2px 0 2px 20px; border:#782403 1px solid;}
.lrg{font-size:1.3em;}

/************** Image Formatting **************/
img.border{border:#000 1px solid;}

/************** List Formatting **************/
ul li {margin-left:30px; padding-bottom:8px;}
ol li {margin-left:30px; padding-bottom:8px;}

/***************** Basic Links *****************/
a:link, a:visited{color:#782403; text-decoration:underline;}
a:hover{color:#4b4504; text-decoration:none;}

/***************** Menu *****************/
/*style containing menu div*/
#menu {width:169px; float:left; margin:0 0 0 19px; padding:0; text-align:left;}
#menu ul {margin: 0; padding: 0; width: 169px;}
#menu li {position: relative; list-style: none; margin: 0;}
#menu a:hover img, a.active img {visibility:hidden;}
#menu li, #menu a, #menu img {background-repeat:no-repeat; border:none; display:block; 
padding:0pt;}

#menu>ul a {width:auto;}/*IE7 fix*/

/* background roll-over images */
#menu a#home{background: url(../images/nav-home-over.jpg); width:169px;}
#menu a#products{background: url(../images/nav-products-over.jpg); width:169px;}
#menu a#photo{background: url(../images/nav-photo-gallery-over.jpg); width:169px;}
#menu a#partners{background: url(../images/nav-partners-over.jpg); width:169px;}
#menu a#faq{background: url(../images/nav-faqs-over.jpg); width:169px;}
#menu a#contact{background: url(../images/nav-contact-over.jpg); width:169px;}
#menu a#about{background: url(../images/nav-about-over.jpg); width:169px;}

/************** Button Roll-overs **************/
#topbuttons {width:649px; height:127px; margin:0; padding:0;}
#topbuttons a{display: inline-block;}
#topbuttons a:hover img, #topbuttons a.active img{visibility:hidden;}
#topbuttons a#product{background: url(../images/top-button-products-over.jpg); width:192px;}
#topbuttons a#contactus{background: url(../images/top-button-contact-over.jpg); width:190px;}
#topbuttons a#benefits{background: url(../images/top-button-benefits-over.jpg); width:192px;}

.hidden {margin-left:-2000px;}

.ordernow {background:url(../images/order-button.gif) no-repeat; height:45px; width:299px; display:block;}
.ordernow:hover {background:url(../images/order-button-over.gif) no-repeat; height:45px; width:299px; display:block;}

.details {background:url(../images/more-details.gif) no-repeat; height:34px; width:136px; display:block;}
.details:hover {background:url(../images/more-details-over.gif) no-repeat; height:34px; width:136px; display:block;}

/************** Featured Users *************/
#feature{background:url(../images/featured-repeat.gif) repeat-y #000000; width:608px; padding:0;}

/***************** Footer *****************/
ul#footer {display:block; margin:5px auto; padding:0; width:930px;}
ul#footer li {float:right; font-size:0.9em; list-style-image:none; list-style-position:outside;
list-style-type:none; padding:0pt 10px 0pt 10px;}
ul#footer li a:link, ul#footer li a:visited{color:#c7ac74; text-decoration:none;}
ul#footer li a:hover{color:#000; text-decoration:underline;}
ul#footer li.copyright {background-image:none; float:left; padding:0; margin-left:12px; color:#e8ddc6;}
ul#footer li.footerHome {background-image:none;}

/***************** Credit *****************/
#credit {clear:both; font-size:0.75em; padding:70px 0pt 20px; text-align:center;}
#credit a:link, #credit a:visited {color:#e8ddc6; text-decoration:none;}
#credit a:hover {color:#fff; text-decoration:none;}