html { 
 font: small/1.4 "Lucida Grande", Tahoma, sans-serif; 
} 

body {
	margin: 0;
	padding: 0;
	background: url(assets/bg_header.jpg) no-repeat #FFF;
	font-size: 92%;
	}

p, blockquote {
	text-align: justify; 
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 11px; 
	line-height: 17px; 
	margin-top: 0; 
	color: #3c1a07;
	}

p a, h2 a, ul a, h4 a, h3 a{
	
	color: #beb06f; text-decoration: none; 
	font-weight: bold;
	padding: 0;
}

h1 {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
 	font-size: 18px;
 	height: 20px; 
 	color: #3c1a07;
	padding: 5px 10px;
}

h2, h3, h4 { 
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color: #3c1a07;
	}

@media tty { /* Mid pass to square away some IE 5 PC hinkyness. */
	i{content:"\";/*" "*/}} #explanation p.p1,#participation p.p1,#benefits p.p1,#requirements p.p1 { padding-top: 1.8em; } /*";}
 	}/* */

#container{
	width: 830px;
	margin: 0 auto 20px;	
} 	

#headerhomepage{
	margin: 50px auto 0;
	text-align: center;
}

#follow p {
text-align:center;
}

#follow img {
float:none;
padding:10px;
}

#follow a img {
border:0 none;
}

/* -----  Navigation  -----*/

#nav {
	margin: 20px 0;
	padding: 0;
	background: #3c1a07;
	list-style-type: none;
 	width: 808px; 
 	float: left; /* Contain floated list items */
 
}

#nav li {
	margin: 0;
	padding: 0;
	float: left; 
}

#nav a { 
	float: left;
	width: 100px;
	text-align: center;
 	color: #FFF; 
 	text-decoration: none;  
 	line-height: 2.5;  border-right:1px solid #FFF; 
	background: url(images/tab.jpg) no-repeat;
} 

#nav a:hover { 
 background-color: #4F4532; 
 background-position: -100px 0; 
} 

#nav_wra a { 
	float: left;
	width: 100px;
	text-align: center;
 	color: #FFF; 
 	text-decoration: none;  
 	line-height: 2.5;  border-right:1px solid #FFF; 
	background: url(images/tab3.jpg) no-repeat;
}

#body_hom #nav_hom a, 
  #body_ing #nav_ing a,#body_sto #nav_sto a, 
  #body_abo #nav_abo a,#body_wra #nav_wra a, 
  #body_tes #nav_tes a,#body_loc #nav_loc a, #body_blog #nav_blog a { 
 	 background-color: #BEB06F; 
	 background-position: -200px 0; 
	 color: #3c1a07; 
	 font-weight: bold; 

} 

/* Secondary Nav Love & Support Page */

ul#navlist { text-align: center;}
#navlist li
{
font-family: Tahoma, Verdana, Helvetica, sans-serif;
text-decoration: none;
text-transform: uppercase;
display: inline;
list-style-type: none;
padding-right: 20px;
}

#navlist li a { color: #3c1a07 }
#navlist li a:hover { color: #BEB06F }
#navlist li.active a { color: #BEB06F }

/* -----  Content  ------ */

#content{
	margin: 40px 0;
	padding: 15px 25px 0;
}

blockquote {
	padding: 5px 10px;
	background: url(images/dash.gif) repeat-y;
}

.author {
	padding-left: 20px;
	color: #4F4532;
}

em {
	font-weight: bold;
	padding: 0;
}


#body_hom h1 {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
 	font-size: 18px;
 	height: 20px; 
 	color: #3c1a07;
	padding: 5px 0px;

}

#horzdiv {
		background: url(images/dash-x.gif) repeat-x;
		height: 2px;
		padding: 5px 0;
		clear: both;
}

#verdiv {
  
	background: url(images/dash.gif) repeat-y;
	background-position: bottom;
	height: 180px;
    width: 2px;
	float: left;
}

.vertical {
	float: left;
	padding: 0 30px;
}

#body_abo h1 {
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 18px;
 height: 20px; 
 color: #3c1a07;
 background-image: url(images/about.jpg); 
 background-repeat: no-repeat; 
 text-indent: -9999px; 
}

#body_tes h1 {
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 18px;
 height: 20px; 
 color: #3c1a07;
 background-image: url(images/testimonials.jpg); 
 background-repeat: no-repeat; 
 text-indent: -9999px; 
}

#body_loc h1 {
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 18px;
 height: 20px; 
 color: #3c1a07;
 background-image: url(images/cafeloc.jpg); 
 background-repeat: no-repeat; 
 text-indent: -9999px; 
}

#body_loc h2 {
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 18px;
 height: 20px; 
 color: #3c1a07;
 background-image: url(images/cafes.jpg); 
 background-repeat: no-repeat; 
 text-indent: -9999px; 
}

#body_loc h3 {
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 18px;
 height: 20px; 
 color: #3c1a07;
 background-image: url(images/values.jpg); 
 background-repeat: no-repeat; 
 text-indent: -9999px; 
}

#body_who h1 {
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 18px;
 height: 20px; 
 color: #3c1a07;
 background-image: url(images/wholesale.jpg); 
 background-repeat: no-repeat; 
 text-indent: -9999px; 
}

#body_sto h1 {
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 18px;
 height: 20px; 
 color: #3c1a07;
 background-image: url(images/store.jpg); 
 background-repeat: no-repeat; 
 text-indent: -9999px; 
}

#body_ing h1 {
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 18px;
 height: 20px; 
 color: #3c1a07;
 background-image: url(images/flavors.jpg); 
 background-repeat: no-repeat; 
 text-indent: -9999px; 
}

#body_wra h1 {
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 18px;
 height: 20px; 
 color: #3c1a07;
 background-image: url(images/wrapper.jpg); 
 background-repeat: no-repeat; 
 text-indent: -9999px; 
}

#body_wra ol li {
	list-style-type: decimal;
}

#body_wra h4{
		font-size: 12px;
}

#wra_fan {
	background: url(images/wrappers_fan.jpg) no-repeat;
		background-position: bottom right;
	height: 150px;
	width:100%;
}

#body_tes blockquote {
	padding: 5px 10px;
	background: url(images/dash-x.gif) repeat-x;
}

#green {
	background: url(images/grass.jpg) no-repeat;
	height: 126px;
}
#green h1,#green2 h1{
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 15px;
 height: 12px; 
 color: #3c1a07;
 background-image: url(images/being_green.jpg); 
 background-repeat: no-repeat; 
 text-indent: -9999px;
}

#green2 {
	background: url(images/grass2.jpg) no-repeat;
	background-position: bottom;
	height: 90px;
}
#companies h1{
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 15px;
 height: 12px; 
 color: #3c1a07;
 background-image: url(images/companies_love.jpg); 
 background-repeat: no-repeat; 
 text-indent: -9999px;
}
#events h1{
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 15px;
 height: 12px; 
 color: #3c1a07;
 background-image: url(images/events.jpg); 
 background-repeat: no-repeat; 
 text-indent: -9999px;
}
#events a{
border: none;
}
#cafe h1{
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 15px;
 height: 12px; 
 color: #3c1a07;
 background-image: url(images/cafe.jpg); 
 background-repeat: no-repeat; 
 text-indent: -9999px;
clear: both;
}

.column { 
	float:left;
	margin: 0 10px 30px;
}
.columnRight { 
	float:left;
	margin: 0 0 30px 25px;
}
/* -- flavors --- */
#flavors img {
	padding: 10px 0;
}

#maple,#pbc,#pbh {
	padding: 10px 30px;
	background: url(images/dash-x.gif) repeat-x;	
}

#maple a,#pbc a,#pbh a {
	padding: 0 5px;
}

#maple h1{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
 	font-size: 18px;
 	height: 20px; 
 	color: #3c1a07;
 	background-image: url(images/flav_dark_choc.jpg); 
 	background-repeat: no-repeat; 
 	text-indent: -9999px;	
}

#pbh h1{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
 	font-size: 18px;
 	height: 20px; 
 	color: #3c1a07;
 	background-image: url(images/flav_pbh.jpg); 
 	background-repeat: no-repeat; 
 	text-indent: -9999px;	
}
	
#pbc h1{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
 	font-size: 18px;
 	height: 20px; 
 	color: #3c1a07;
 	background-image: url(images/flav_pbc.jpg); 
 	background-repeat: no-repeat; 
 	text-indent: -9999px;	
}

#ingredients { 
	list-style-type: none;
	margin-bottom: 30px;
}



#ingredients li{
 padding: 0px; 
 float: left;
 text-align: center; 
 background-color: #fff; 
 line-height: 1em; 
 list-style: none;

}

#ingredients li a{
	text-decoration: none;
	margin: 2px 10px 15px;
	padding-bottom: 0px;
	display: block;
	color: #3c1a07;
	width: 120px;
	height: 120px;
	line-height: 14px;
		
}

#ingredients img{
	float: left;
	display: block;
	padding: 0 10px;
	border: none;
}

#ingredients h2, #specific h2 {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
 	font-size: 14px;
 	color: #3c1a07;
	margin-left: 35px;
}

#ingredients h2 a,#specific h2 a{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
 	font-size: 14px;
 	color: #BEB06F;
	padding-left: 0px;

}

#maple2 h1{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
 	font-size: 18px;
 	height: 20px; 
 	color: #3c1a07;
 	background-image: url(images/flav_dark_choc.jpg); 
 	background-repeat: no-repeat; 
 	text-indent: -9999px;	
}

#pbh2 h1{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
 	font-size: 18px;
 	height: 20px; 
 	color: #3c1a07;
 	background-image: url(images/flav_pbh.jpg); 
 	background-repeat: no-repeat; 
 	text-indent: -9999px;	
}
#pbc2 h1{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
 	font-size: 18px;
 	height: 20px; 
 	color: #3c1a07;
 	background-image: url(images/flav_pbc.jpg); 
 	background-repeat: no-repeat; 
 	text-indent: -9999px;	
}
#specific li{
	text-align: left; 
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 12px; 
	line-height: 20px; 
	color: #3c1a07;
	list-style-type: disc;
	margin-left: 0;
	padding-left: 0;
	clear: left;	
}

#space{
	clear: both;
	padding: 15px 0;
}

/* -----  Store  ------ */

p.store{
	padding: 15px;
}

fieldset { 
 float: left; 
 clear: left; 
 width: 100%; 
 margin: 0 0 1.5em 0; 
 padding: 0; 
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 13px;
 color: #3c1a07;
border: .8px dashed #BEB06F;
} 

legend { 
 margin-left: 1em; 
 color: #3c1a07; 
 font-weight: bold; 
} 
fieldset ol { 
 padding: 1em 1em 0 1em; 
 list-style: none; 
} 
fieldset li { 
 float: left; 
 clear: left; 
 width: 100%; 
 padding: 5px 0;
 margin-bottom: 1em;
} 

label { 
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 color: #3c1a07;
 font-size: 12px;	
 float: left; 
 width: 15em; 
 margin-right: 1em; 
 text-align: right;

} 

input.cart {
	margin-left: 20px;
}

input.txtbox {
	margin-left: 20px;
}

.price {
text-align: justify; 
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 12px; 
line-height: 17px; 
margin-top: 0; 
color: #3c1a07;
margin-left: 20px;
}

/* -----  Footer  ----- */

#footer { 
	clear: left;
	font-family: geneva,arial,verdana,sans-serif; color: #3c1a07; font-size: 9px; padding: 0;
	text-align: center;
	
}

#footer a { 
	color: #3c1a07; text-decoration: none; 
	padding: 10px;
}
	
#footer a:hover { color: #beb06f; }


/* ------ Home banner -----*/

.slider a {
	color: #fff;
}