body {background: #bdbdaa;margin: 0;padding: 0;
	color: #040707; text-decoration: none;  font-family: arial, helvetica, sans-serif; 
	font-size: 75%;text-align:center;}
 
div, li, form, select, input, label, dl, dt, dd   {margin: 0;padding: 0;border: 0; }

p, blockquote {line-height: 1.5em;margin: 0 0 1.5em;padding: 0;}

ul, ol {margin: 0 0 1.5em;	padding: 0;	}

table, tr, td, th, thead, tbody  {margin: 0;padding: 0;border-collapse: collapse;}

img {display: block;margin: 0;border: 0;} 

a {color: #962b30;text-decoration: none;overflow:hidden;}

a:hover {color: #962b30;text-decoration: none;border-bottom:1px dotted #962b30;}

sup {bottom:0.4em;left:0.2em;margin-right:0.4em;position:relative;vertical-align:0;}

em {font-style: italic;} 

.clear {clear: both;}




/* headers
---------------------------------------------------------- */

h1#logo	{margin:0;width:199px;float:left;}
	h1#logo a	{display:block;width:199px;height:68px;text-indent:-9999px;background:url('/img/logo.gif') top left no-repeat;}
    	h1#logo a:hover	{border:0;}


h2, h3, h4, h5, h6 {font-weight: normal;color: #040707;margin: 0 0 1em;} 




/* navigation
---------------------------------------------------------- */

#nav 	{float:left;display:inline;width:720px;margin:16px 0 0 41px;padding:15px 0 13px;list-style:none;
	color:#962b30;text-transform:uppercase;font-size:11px;font-weight:bold;
	border-top:1px solid #fff;border-bottom:1px solid #fff;text-align:center;}  

	#nav li	{display:inline;padding:0 15px;}

    	#nav li a	{color:#3b3128;}
        #nav li a:hover	{color:#962b30;border:0;}


		/* you are here */
		
		#about li#aboutNav a, #find li#partnerNav a, #wholesale li#wsaleNav a, #coffees li#coffeeNav a, #teas li#teaNav a, #gear li#gearNav a, #technique li#techNav a   {color:#962b30;}



#subnav	{list-style:none;text-transform:uppercase;}
	
	#subnav a	{color:#f5d663;letter-spacing:1px;}
    #subnav a:hover	{color:#fff;border-color:#fff;}

    #subnav ul	{text-transform:none;padding:5px 0 0 10px;margin:0;list-style:none;} 
    #subnav li	{padding-bottom:20px;}
    	#subnav li li {padding-bottom:5px;}

    #subnav li.active a, #subnav li.active li.active a	{color:#fff;}
    #subnav li.active  li a	{color:#f5d663;}
		#subnav li.active  li a:hover {border-color:#f5d663;}

/* 	layout
---------------------------------------------------------- */

#container {margin: 0 auto;width:960px;padding-bottom:25px;text-align:left;}

#header	{padding:20px 0;position:relative;float:left;}

	img#printLogo	{display:none;}

#shopLinks	{position:absolute;top:0;right:0;padding:4px 0 5px ;letter-spacing:.4px;text-align:center;
	background:#3b3128 url('../img/bg_shoplinks.gif') center bottom no-repeat;color:#fff;font-size:10px;width:230px;}
	
		#shopLinks span#shopRoast	{color:#fff;text-transform:uppercase;margin:0 2px 0 25px;}
			#shopLinks span#shopRoast a	{margin:0;color:#fff;}
			#shopLinks span#shopRoast a:hover  {border-bottom:1px dotted #fff;}
			
        #shopLinks a	{margin:0 4px;color:#f5d663;} 

	#shopLinks a:hover	{border-bottom:1px dotted #f5d663;}



#mainTile	{float:left;width:960px;background:url('/img/bg_main_tile.gif') left top repeat-y;margin-bottom:5px;}

#mainTop	{float:left;width:960px;background:url('/img/bg_main_top.gif') left top no-repeat;}	

#main	{float:left;width:960px;background:url('/img/bg_main_bottom.gif') left bottom no-repeat;}


#mainTileWide	{float:left;width:960px;background:url('/img/bg_main_tile_wide.gif') left top repeat-y;margin-bottom:18px;}

#mainTopWide	{float:left;width:960px;background:url('/img/bg_main_top_wide.gif') left top no-repeat;}	

#mainWide	{float:left;width:960px;background:url('/img/bg_main_bottom_wide.gif') left bottom no-repeat;}





#leftCol	{float:left;width:156px;padding:30px 22px 50px;}

#content	{float:left;width:380px;padding:30px 40px 30px;}

	#content h2, #content h3	{font-weight:bold;font-size:1.16em;margin-bottom:20px;}
    #content h2 {text-transform:uppercase;}

	#mainWide #content	{width:680px;}
	
	#content h2.title	{margin-bottom:.3em;}

#rightCol	{float:left;}




/* 	home
---------------------------------------------------------- */

#homeHero	{clear:both;margin-bottom:10px;} 

#newsBnrWrap	{padding:5px;background:#3b3128 url('/img/bg_newsbnrwrap.gif') center top no-repeat;}

#newsBanner	{border:1px solid #bdbdaa;padding:11px 16px;color:#fff;letter-spacing:1px;}

	#newsBanner	h3	{color:#fff;margin-bottom:4px;font-size:14px;font-weight:bold;}
    #newsBanner	p	{margin-bottom:0;}
    #newsBanner a	{color:#f5d663;}
		#newsBanner a:hover  {border-bottom:1px dotted #f5d663;}
		
		

/* 	press
---------------------------------------------------------- */ 

#pressList	{list-style:none;color:#bdbdaa;font-size:10px;letter-spacing:.5px;}
    #pressList li	{padding-bottom:5px;}
	#pressList a	{font-size:12px;margin-left:15px;}                                                 
	
	


/* 	coffee and teas
---------------------------------------------------------- */ 

.coffeeTeas	{float:left;width:375px;padding-bottom:12px;margin-bottom:20px;background:url('/img/bg_coffeeteas.gif') bottom left repeat-x;}

	.coffeeTeas span	{font-weight:bold;}
	
	.coffeeTeas p	{margin-bottom:8px;clear:both;}
	
	#content .coffeeTeas h3 {float:left;display:inline;margin-bottom:8px;padding-top:1px;text-transform:uppercase;
	font-size:1em;color:#a93a39;}


a.buyNow	{float:left;display:block;width:70px;height:16px;text-indent:-9999px;border:0;margin:0 0 8px 8px;
	background:url('/img/btn_buynow.gif') left top no-repeat;}

	a.buyNow:hover	{background:url('/img/btn_buynow.gif') left bottom no-repeat;}	


/* 	technique
---------------------------------------------------------- */

ol.technList	{float:left;padding-left:25px;line-height:1.4em;margin-bottom:20px;}
	ol.technList li	{padding-bottom:10px;} 
	
p.note	{font-size:10px;}

table#melitta	{margin-bottom:20px;}
	table#melitta td, table#melitta th	{padding:0 25px 5px 0;}


/* 	find
---------------------------------------------------------- */

#find dl	{margin-bottom:20px;line-height:1.5em;}
	#find dl.frmrmrktList	{margin-bottom:10px;}
	#find dt	{font-size:1.16em;font-weight:bold;}
    #find dd span	{color:#bdbdaa;}  




/* 	gear
---------------------------------------------------------- */

.gearItem	{float:left;width:680px;padding-bottom:12px;margin-bottom:20px;background:url('/img/bg_coffeeteas.gif') bottom left repeat-x;}

	.gearIntro	{font-weight:bold;width:390px;}
	
	.gearDescrip	{width:390px;float:left;}
	
	.gearItem p	{margin-bottom:8px;clear:both;}
	
	.gearItem img	{float:left;display:inline;padding:0 0 8px 20px;}
	
	#content .gearItem h3 {float:left;display:inline;margin-bottom:8px;padding-top:1px;text-transform:uppercase;
	font-size:1em;color:#a93a39;}



/* 	wholesale
---------------------------------------------------------- */

#content h3.wholeSub 	{margin-bottom:.2em;}





	          

/* 	footer
---------------------------------------------------------- */


#footer	{border-bottom:1px solid #fff;padding:0 0 8px;}
	#footer a {color:#fff;}
		#footer a:hover {border:0;color:#962b30;}	

	#footTop	{float:left;width:960px;padding:9px 0;border-bottom:1px solid #fff;letter-spacing:.5px;margin-bottom:10px;}
        #footTop a {margin:0 25px 0 5px;}
		#footTop span	{font-weight:bold;font-size:10px;padding:3px 0;}

    #footLeft, #footRight	{font-size:10px;letter-spacing:.5px;}	
    	#footLeft p, #footRight p {margin-bottom:4px;}
        #footLeft a, #footRight a {margin:0 5px;}
			

    #footLeft	{width:660px;float:left;}
       #footLeft a.noLeft	{margin-left:0;}

    #footRight	{width:300px;display:inline;}
		#footRight p {text-align:right;}
        #footRight a.noRight	{margin-right:0;}

        #footRight p a	{margin:0;}
		

 		
#footTop form	{float:left;display:inline}
   
	#footTop input {float:left;margin:0 10px;padding:2px;background:#deded5;color:#9a9a8c;}     
	#footTop #signUp	{float:left;display:block;width:54px;height:16px;text-indent:-9999px;border:0;margin:2px 0 0;
	background:url('../img/btn_signup.gif') left top no-repeat;cursor:pointer;}

#footTopLinks	{float:left;padding-top:2px;}


















