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

/* HTML, BODY ---------- */
* {margin:0; padding:0;}
body {margin:0; background: url(images/bg.jpg) no-repeat top center #d2d0a2; font-family: tahoma, serif, Arial; font-size:15px; line-height:20px; color:#3e1f00;}
p, h2, h3, ul, blockquote, ol {padding-bottom:10px; padding-top:10px;}
ul, blockquote, ol {padding-left:30px; padding-right:10px; padding-top:10px;}
a {color:#3e1f00;}
a:hover {text-decoration:none;}
a img {border-style:none;}
#footer a {color:#79752a; font-weight:bold;}

/* LAYOUT ---------- */
#wrap {width:950px; background:url(images/tile-body.gif) repeat-y; margin:0 auto;}
#body {width:950px; background:url(images/bg-body.jpg) no-repeat;}
#bottom {width:950px; background:url(images/bg-bottom.jpg) no-repeat bottom; min-height:850px; height:auto !important; height:850px;}
#content {width:831px; margin:0 auto; clear:both;}
#text {width:743px; margin:0 auto; padding:20px 0; clear:both; }
#footer {width:860px; margin:0 auto; background:url(images/bg-footer.jpg) no-repeat; padding:20px 45px; color:#79752a; font-size:11px; clear:both;}
#stickers {margin-right:10px; float:left;}


/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 71px; text-indent: -999em; margin: 0 0 0 8px; padding:26px 0 0 0; background-position:bottom; float:left;}
#footer h2 {color:#946868; font-size:11px;}

h1#logo {
margin: 0;
padding: 0;
background-repeat: no-repeat; 
width: 214px;/* this width reflects the width of the logo image */
height: 215px; /* this height reflects the height of the heading image */
overflow: hidden; 
text-indent: -999em;} /* hides rich text so only background image shows */

h1#logo a {
display: block; 
height: 215px;/*same height as logo h1*/ 
width: 214px;/*same width as logo h1*/}

/* CLASSES ---------- */
#footer .noodle {color:#825551; font-weight:bold;}
.img {margin:0 10px 10px 10px; float:right;}
.right {float:right;}
.left {float:left;}
.clearright {clear:right;}
.top, .top a  {color:#79752a; font-size:11px; font-weight:bold;}
.hide {display:none;}
.flash {margin:0 0 50px 50px; width:849px; height:249px; clear:both; padding-top:41px;}
.flashp {color:#000; background-image: url(images/1.jpg); text-align:center; padding-bottom:160px;}
.block {display:block;}
.listnone {list-style:none;}
.center {text-align:center;}
.clear {clear:both;}
.textright {text-align:right;}
.border {border:2px solid #8b873d;}
.green {background:#8b873d;}
.maroon {background:#76383b;}
img.center {margin:0 auto;}
#send-to-friend {width:145px; margin:0 auto;}

/* NAVIGATION ---------- */


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin:0 0 0 213px; width:712px; position:absolute; z-index:80; top:161px;}

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block;height: 45px; overflow: hidden; text-indent:-999em; }
#nav li {float:left;}

/* Set the image for each nav item */
#shop {background: url(images/nav-shop.gif); width:90px}
#aboutus {background: url(images/nav-about-us.gif); width:132px}
#press {background: url(images/nav-press.gif); width:90px}
#community {background: url(images/nav-community.gif); width:150px}
#contactus {background: url(images/nav-contact-us.gif); width:143px}
#home {background: url(images/nav-home.gif); width:107px}


/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover {background-position:0 -45px;}

/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}

/* PRODUCT GALLERY */
#gallery {width:394px; margin:0 0 0 30px;}
#gallery ul {list-style:none; margin:0 auto; padding:0;}
#gallery li {float:left; margin:0 2px 2px 0; padding:0; border:1px solid #868484; background:#FFF; width:193px; height:198px;}
.zoom {font-size:10px; color:#868484; float:right; padding-right:5px; }

/* COMMUNITY GALLERY */
ul#communitygallery { margin:0 auto; padding:0; width:576px; list-style:none;}
#communitygallery li {margin:0; padding:0; width:190px; height:190px; margin-right:2px; margin-top:2px; float:left; }


/* PRODUCTS */
ul#products {width:694px; margin:0 auto; list-style:none;}
#products li {float:left; width:155px; height:170px; padding:5px; margin:0 10px 10px 0; border:1px solid #868484; background:#FFF;}
#products a {color:#868484; font-size:12px; text-decoration:none;}
.price {color:#8fc081; font-size:11px; float:right; font-weight:bold;}

/*SIDEBAR */
#sidebar {float:right; width:185px;  padding:10px; margin:40px 0 10px 20px; border:1px solid #868484; background:#eeeddc; font-size:12px;}
#sidebar h2 {font-size:12px; color:#8b873d;}

#viewcart {position:absolute; top:5px; margin-left:770px; z-index:102; text-transform:uppercase; font-weight:bold; text-decoration:none; width:100px; text-align:right;}
a#viewcart  {color:#8b873d;}
a:hover#viewcart {text-decoration:underline;}