body{
	background:url(/images/css/bg-header.jpg) 50% 0% no-repeat;
}
a{
	text-decoration:none;
}
h1{
	font-size:1.5em;
	font-weight:bold;
	margin:0.3em 0em;
}
h2{
	font-size:1.3em;
	font-weight:bold;
	margin:0.3em 0em;
}
h3{
	font-size:1.2em;
	font-weight:bold;
	margin:0.3em 0em;
}
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}

ul li{
	text-indent:10px;
	list-style: circle inside;
}
ol li{
	text-indent:10px;
	list-style: decimal inside;
}
#cms-content-container{
	width:704px;
	float:left;
	background:#ffffff;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:20px;
	padding:20px;
}
.page-width{
	width:974px;
	margin-left:auto;
	margin-right:auto;
}
textarea{
	height:200px;
}
.alert{
	padding:10px;
	background:#ccbd92;
	border:1px solid #9e8b53;
}
#page{
	text-align:left;
}
	#page #header{
		height:103px;
		border-bottom:5px solid #5b2f0f;
	}
		#page #header ul{
			height:30px;
			position:relative;
			top:73px;
			float:right;
		}
			#page #header ul li{
		      display:inline;
				text-align:center;
			}
				#page #header ul li a{
					display:block;
					float:left;
					background:#5b2f0f;
					height:20px;
					padding:10px 10px 0px 10px;
					color:#ffffff;
					font-weight:bold;
				}
				#page #header ul li a:hover, #page #header ul li.current a{
					background:url(/images/css/bg-nav-hover.gif) #b20903 repeat-x;
					position:relative;
					top:-2px;
					height:22px;
				}
					#page #header ul li a img{
						/*margin-top:10px;*/
					}
					#page #header ul li a span{
						display:none;
					}
	#page #hero{
		border-bottom:5px solid #5b2f0f;
		background:#890905;
		height:233px;
	}
		#page #hero img{
			height:230px;
		}
		#page #hero .page-width{
			background:url(/images/css/bg-tag.gif) #890905 no-repeat 0% 0%;
			text-align:right;
			height:230px;
		}
	#page #content{
		background:url(/images/css/bg-weave.jpg) 0% 0%;
		margin-top:27px;
	}
		#page #content #about{
			float:left;
			width:270px;
			padding-top:80px;
		}
		#page #content #content-main{
			background:#ffffff;
			width:290px;
			padding:15px;
			float:left;
			margin:20px 0px 20px 0px;
		}
		#page #content #content-main-contact{
			background:#ffffff;
			width:465px;
			padding:15px;
			float:left;
			margin:20px 0px 20px 140px;
		}
		#page #content #little-person{
			padding-top:20px;
			float:left;
		}
		#page #content #buy-coffee{
			height:338px;
			width:170px;
			/*background:url(/images/css/bg-buy.gif) #ffffff no-repeat 3px 5px;
			border:1px solid #5b2f0f;*/
			float:right;
			margin-top:20px;
			position:relative;
			z-index:2
		}
			#page #content #buy-coffee form{
				margin-top:270px;
				width:100px;
				margin-left:33px;
			}
			#page #content #buy-coffee form input, #page #content #buy-coffee form select{
				width:103px;
			}
				#page #content #buy-coffee form input.submit{
					background:url(/images/css/button.png);
					border:0px;
					color:#ffffff;
					margin-top:5px;
					font-size:90%;
					height:18px;
				}
		#page #content #learn-more{
			clear:left;
			margin-left:20px;
			width:744px;
			position:relative;
			z-index:1;
		}
			#page #content #learn-more-title{
				border-bottom:5px solid #5b2f0f;
				height:25px;
			}
			#page #content #learn-more-info{
				height:140px;
				width:744px;
				background:url(/images/css/bg-learn-more.jpg) #9e1b00 0% 100% no-repeat;
				float:left;
			}
				#page #content #learn-more-info .pod{
					text-align:center;
					width:170px;
					margin-left:10px;
					margin-top:5px;
					float:left;
					height:105px;
				}
					#page #content #learn-more-info .pod p{
						/*margin-top:95px;*/
					}
					#page #content #learn-more-info .pod a{
						color:#ffffff;
						font-size:90%;
						font-style:italic;
					}
					/*#page #content #learn-more-info #pod-history{
						background:url(/images/pod-history.jpg) no-repeat;
					}
					#page #content #learn-more-info #pod-farmers{
						background:url(/images/pod-farmers.jpg) no-repeat;
					}
					#page #content #learn-more-info #pod-teams{
						background:url(/images/pod-teams.jpg) no-repeat;
					}
					#page #content #learn-more-info #pod-drink{
						background:url(/images/pod-drink.jpg) no-repeat;
					}*/
	#page #content #history-video{
		margin-left:50px;
		width:350px;
		float:left;
		margin-top:20px;
		margin-bottom:20px;
		color:#5b2f0f;
		font-weight:bold;
		font-style:italic;
	}
		#page #content #history-video p{
			margin-top:20px;
		}
		#page #content #history-little-person{
			padding-top:20px;
			float:left;
			width:370px;
			text-align:right;
		}
	#page #content #team-text{
		margin-left:50px;
		width:450px;
		float:left;
		margin-top:20px;
		margin-bottom:20px;
		color:#5b2f0f;
		font-weight:bold;
		font-style:italic;
	}
	#page #content #team-little-person{
		float:left;
	}
	#page #content #coffee-text{
		margin-left:50px;
		width:300px;
		float:left;
		margin-top:20px;
		margin-bottom:20px;
		color:#5b2f0f;
		font-weight:bold;
		font-style:italic;
	}
		#page #content #coffee-text img{
			float:right;
		}
	#page #content #coffee-little-person{
		float:left;
	}
	#page #content #farmers-text{
		margin-left:50px;
		width:430px;
		float:left;
		margin-top:20px;
		margin-bottom:20px;
		color:#5b2f0f;
		font-weight:bold;
		font-style:italic;
	}
	#page #content #farmers-little-person{
		float:left;
	}
		

	#page #footer{
		background:#5b2f0f;
		padding-top:100px;
		z-index:0;
		position:relative;
		top:30px;
	}
		#page #footer p{
			clear:both;
			color:#ffffff;
			font-size:80%;
		}
		
		
/* modx stuff */
#nav-container{
	background:url(/images/css/bg-menu.gif) repeat-x;
	height:35px;
}
.topnav{
	margin-left:auto;
	margin-right:auto;
	height:35px;
	width:775px;
}
.topnav li{
	float:left;
	display:block;
	height:25px;
	border-right:1px solid #cccccc;
	font-weight:bold;
	padding:10px 10px 0px 10px;
}
	.topnav li a{
		color:#ffffff;
	}