/* 	CSS RESET */
*{font-family:Georgia, Times, Sans-serif;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,hr { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-family:Georgia, Times, Sans-serif; }
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
.left {float: left;}

/* Hide from IE Mac \*/
.clearfix { display:block; }

/* End hide from IE Mac */

/* PAGE STRUCTURE */
body { text-align:center; width:1000px; background-image:url(images/bg.gif); }
div#container { margin-left:auto; margin-right:auto; width:50em; text-align:left; padding-left:14px; }
hr.divider { width:974px; border:0; border-top:1px dashed #898; margin:10px 0; clear:both; }

/* HEADER STRUCTURE */
#header { height:200px; width:974px; display:block; background-image:url(images/header-bg.jpg); }
img#logo { position:absolute; z-index:800; top:25px; left:330px; }
#banner { width:974px; overflow:hidden; border-top: #333 1px solid;}

/* NAV STRUCTURE */
#nav { padding:142px 0 0; }
#nav ul { }
#nav ul#right { float:right; }
#nav ul#left { float:left; }
ul#right li,ul#left li { float:left;  }
ul#right li a,ul#left li a { display:block; width:87px; height:57px; text-indent:-9999px;   font-size: 0px; line-height: 0px;}
li.twitter a { background:url(images/sprites.jpg); background-position: 0 -1149px; border-right: #8e867e 1px solid; }
li.twitter a:hover { background:url(images/sprites.jpg); background-position: 0 -885px; }
li.blog a { background:url(images/sprites.jpg); background-position: 0 -1083px;border-right: #8e867e 1px solid;}
li.blog a:hover { background:url(images/sprites.jpg); background-position: 0 -819px; }
li.contact a {  background:url(images/sprites.jpg); background-position: 0 -1281px; border-right: #8e867e 1px solid; border-left: #8e867e 1px solid;}
li.contact a:hover {  background:url(images/sprites.jpg); background-position: 0 -1017px; }
li.history a {  background:url(images/sprites.jpg); background-position: 0 -1215px;border-left: #8e867e 1px solid; }
li.history a:hover {  background:url(images/sprites.jpg); background-position: 0 -951px; }

/* PRODUCT STRUCTURE */
.product { width:974px; border-top:0px solid #333; border-bottom:0px solid #333; }
.product-text {height:236px; overflow: hidden;}
.product-image { width:475px; float:left; }
.product-info { width:477px; padding:15px 10px; float:right; }
.product h2 { font-family:Helvetica, Arial,serif; font-size:24px; color:#332c24; }
.product h3 { font-family:Georgia, Times, Sans-serif; font-size:24px; font-weight:normal; color:#332c24; padding-bottom: 5px;}
.product p { font-family:Georgia, Times, Sans-serif; font-size:15px; line-height:18px; margin-bottom:18px; color:#635c55; }
.product li { font-family:Georgia, Times, Sans-serif; font-size:15px;  color:#635c55; }

ul.purchase-product { }
ul.purchase-product li, ul.purchase-product li a { display: block; width: 119px; height: 112px; float: left;  text-indent:-9999px; line-height: 0; font-size: 0; }
ul.purchase-product li.commingsoon {  background:url(images/comingsoon.jpg); width: 238px; }
li.blank-one {  background:url(images/sprites.jpg); background-position: 0 -117px; }
li.blank-two { background:url(images/sprites.jpg); background-position: 0 -234px; }
li.ten-dollars { background:url(images/sprites.jpg); background-position: 0 0; }
li.buy-coffee input.coffee-button { background:url(images/sprites.jpg); background-position: 0 -468px; display: block; width: 119px; height: 112px; float: left;  text-indent:-9999px; border: none; cursor: pointer; }
li.buy-coffee input.coffee-button:hover { background:url(images/sprites.jpg); background-position: 0 -585px; }

li.twenty-dollars { background:url(images/sprites.jpg); background-position: 0 -702px; }

li.buy-handle-in input.handle-in-button { background:url(images/sprites.jpg); background-position: 0 -1464px; display: block; width: 119px; height: 112px; float: left;  text-indent:-9999px; border: none; cursor: pointer;}
li.buy-handle-in input.handle-in-button:hover { background:url(images/sprites.jpg); background-position: 0 -1347px; }

li.buy-handle-out input.handle-out-button { background:url(images/sprites.jpg); background-position: 0 -1698px; display: block; width: 119px; height: 112px; float: left;  text-indent:-9999px; border: none; cursor: pointer;}
li.buy-handle-out input.handle-out-button:hover { background:url(images/sprites.jpg); background-position: 0 -1581px; }

/* FOOTER STRUCTURE */
div#footer { width:975px; height:99px; background-image:url(images/footer.jpg); clear:both; }
img#footer-logo { position:relative; z-index:800; top:-15px; left:280px; }

/* DRAWER SLIDER */
.panel { background:url(images/blog-bg.jpg) repeat;  display:none; width:934px;}
.panel h2 { color: #fff; filter:alpha(opacity=60);opacity:0.6; font-size: 1.5em; text-transform: uppercase;}
.slide { margin:0; padding:0; }
.btn-slide { }
.active {  }

.panel p { font-size: .9em; color: #ececec; margin-bottom: 5px; letter-spacing: .05em; line-height:1.1em; }

/* HISTORY */
.panel .left {width:445px; padding: 0 10px; margin: auto;}


/* TWITTER */
#tweeter { font-family:Georgia, Times, Sans-serif; height: 300px; width:934px; padding: 40px 20px;}
.twit-link { color:#332C24; font-family:Helvetica,Arial,serif; font-size:20px;}
.tweet { display: block; width: 293px; height: 60px; padding: 5px; margin: 3px; font-size: 12px; overflow: hidden; background: white; float: left;filter:alpha(opacity=60);opacity:0.6; border: #8f806d 1px solid; }
.tweet p  { color: black;}
.tweet p strong { color: red;}
#tweeter a { color: black;text-decoration: none; }
.tweet p a { text-decoration: none; color: black; font-weight: bold; }

/* history */
#history { font-family:Georgia, Times, Sans-serif; height: 300px; width:934px; padding: 40px 20px;   }
#history h2 {font-size:20px;  font-family:Helvetica,Arial,serif; color:#332C24;}
#history p {color:#332C24;}

/* connect */
#connect { height: 80px;width:934px;  padding: 80px 20px;  }
#connect p { color:#332C24; font-family:Helvetica,Arial,serif; font-size:20px; line-height: 36px; }

/* BLOG */

#blog { height:300px;  padding: 60px 20px 0px 20px; }
#blog .item {display: block; width: 220px; height: 200px; padding: 2px; margin: 3px; font-size: 12px; overflow: hidden; background: #332c24; float: left; color:#d9cbba }
#blog .item a { color: #d9cbba; display: block; text-decoration: none;}
#blog .item img {margin-bottom: 3px;}
#blog .item p {color: #6a5d4a;padding: 5px;}
.panel  h1  {margin-top: 30px; color: #332c24;padding: 5px; font-size: 24px; }
.h1link {color: #6a5d4a;padding: 5px; font-family:Georgia, Times, Sans-serif; text-decoration: none; font-weight: normal;}
#blog img {  }

#storeLocations ul li { background: #333; padding: 10px; margin: 5px; color: #ada493;}
#storeLocations ul li a { color: white;}