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

body {
	background-color:#b1864f;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	}
	
form, ul, li, img, h1, h2, h3, h4, h5, h6, p {
	margin:0px;
	padding:0px;
	}

h1{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:11px;
	font-weight:normal;
	}
	
h2{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:11px;
	font-weight:normal;
	}
	
h3{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:11px;
	font-weight:normal;
	}
h4{

	font-weight:normal;
	}
h5{
	font-size:12px;
	font-weight:normal;
	}
img {
	border:none;
	}

.clear{
	clear:both;
}

#outer-box {
	width:900px;
	height:auto;
	margin:auto;
	background-color:#3e0106;
	}

#header-box {
	padding-top:21px;
	}

#logo-box {
	background:url(../images/logo-bg.gif) no-repeat;
	width:236px;
	height:357px;
	float:left;
	}
	
#coffee-pod-logo-box {
	background:url(../images/coffee-pod-logo-bg.gif) no-repeat;
	width:236px;
	height:357px;
	float:left;
	}
.logo {
	padding:25px 0px 0px 54px;
	}
.logo-slogan {
	padding:25px 0px 0px 48px;
	}
.index-logo-slogan {
	padding:18px 0px 0px 28px;
	}
	
#banner-box {
	width:664px;
	height:357px;
	float:left;
	}

#nav {
	height:58px;
	color:#b1864f;	
	}
#nav ul {
	list-style:none;
	line-height:58px;
	padding:0px 0px 0px 18px;
	font-size:12px;
	}	
#nav ul li {
	display:inline;
	padding:0 4px;
	}
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active {
	text-decoration:none;
	color:#b1864f;
	}	
#nav ul li a:hover {
	text-decoration:none;
	color:#FFF;
	}
#index-nav-top {
	height:58px;
	color:#b1864f;	
	}
#index-nav-top img.padding {
	padding:0 0px 0 18px;
	}
#index-nav-top img.padding-right {
	padding-right:20px;
	}
#index-mid-text-container{
	font-size:13px;
	width:550px;
	float:left;
	padding:20px 0 20px 10px;
	}
.index-bottom-container-text{
	font-size:14px;
	color:#b1864f;
	line-height:26px;
	padding:0 0 10px 0;
	}
.index-bottom-container-text a:link, .index-bottom-container-text a:active, .index-bottom-container-text a:visited{
	font-size:14px;
	color:#b1864f;
	line-height:26px;
	text-decoration:none;
	}
.index-bottom-container-text a:hover{
	text-decoration:underline;
	}
.index-fair-trade-logo{
	padding:0 20px 0 80px;
	float:left;

	}
.index-mid-text{
	font-size:13px;
	width:340px;;
	float:left;
	}
#nav-pod {
	height:58px;
	color:#b1864f;	
	}
#nav-pod ul {
	list-style:none;
	line-height:58px;
	padding:0px 0px 0px 4px;
	font-size:12px;
	}	
#nav-pod ul li {
	display:inline;
	padding:0 5px;
	}
#nav-pod ul li a:link, #nav-pod ul li a:visited, #nav-pod ul li a:active {
	text-decoration:none;
	color:#b1864f;
	}	
#nav-pod ul li a:hover {
	text-decoration:none;
	color:#FFF;
	}
	
#banner-img {
	height:299px;
	border-top:2px solid #b1864f;
	}
	
#left-box {
	width:236px;
	height:auto;
	float:left;
	}
#index-left-box {
	width:239px;
	height:auto;
	float:left;
	}
#right-box {
	width:600px;
	float:left;
	padding:10px 24px 0px 40px;	
	}
#right-box-pod {
	width:590px;
	float:left;
	padding:25px 24px 0px 40px;	
	}

#footer {
	height:44px;
	border-top:2px solid #ab7f4b;
	color:#b1864f;
	line-height:44px;
	padding:0px 0px 0px 21px;
	}
#footer h3 {
	float:left;
	width:400px;
}
#footer h4{
	float:right;
	}
#footer h4 ul{
	padding:0 20px 0 0;
	}
#footer h4 ul li{
	display:inline;
	}
#footer h4 ul li a:link, #footer h4 ul li a:visited, #footer h4 ul li a:active{
	color:#b1864f;
	text-decoration:none;
	}
#footer h4 ul li a:hover{
	color:ffffff;
	text-decoration:none;
	}
img.img-right {
	float:right;
	padding:0 0 5px 5px;
	}
#left-container{
	width:203px;
	margin:10px 0 10px 20px;
	background:url(../images/left-header-bg.jpg) top no-repeat #290003;
	padding:20px 8px 0 7px;
	height:750px;
	font-size:13px;
	color:#b1864f;
	border-bottom:1px #690402 solid;
	}
#index-left-container{
	width:219px;
	margin:10px 0 10px 20px;
	padding:6px 0px 0 0px;
	font-size:14px;
	color:#b1864f;
	border-bottom:1px #690402 solid;
	}
#index-left-top-text{
	font-size:14px;
	color:#b1864f;
	background:url(../images/left-index-header.png) no-repeat;
	height:26px;
	width:199px;
	padding:10px 0 0 20px;
	}
#index-left-top-text a:link, #index-left-top-text a:active, #index-left-top-text a:visited{
	color:#b1864f;
	text-decoration:none;
	}
#index-left-top-text a:hover{
	text-decoration:none;
	color:#ffffff;
	}
#index-left-nav{
	padding:0px 0px 0px 0px;
	font-size:14px;
	color:#b1864f;
	border-bottom:1px #690402 solid;
	float:left;
	}
#index-left-nav ul{
	padding:0 0 0 0px;
	}
#index-left-nav ul li{
	padding:8px 0 8px 20px;
	background:#290004;
	border-bottom:1px solid #520108;
	width:199px;
	list-style:none;

	}
#index-left-nav ul li a:link, #index-left-nav ul li a:active, #index-left-nav ul li a:visited{
	color:#b1864f;
	text-decoration:none;
	padding:0px 0 0px 20px;
	width:199px;
	background:#290004;
	list-style:none;
	background:url(../images/index-left-nav-bullets.png) no-repeat left top;
	}
#index-left-nav ul li a:hover{	
	text-decoration:none;
	padding:0px 0 0px 20;
	width:219px;
	background:url(../images/index-left-nav-bullets.png) no-repeat left top;
	color:#ffffff;
	}
#left-container p{
	padding:30px 17px 20px 17px;
	}
.center{
	margin:0 30%;
	}
.buy-now{
	padding:15px 0px 15px 0px;
	}
.top-padding15{
	padding-top:15px;
	}
.coffee_pod_head_text{
	float:left; 
	width:360px; 
	padding:0 20px 0 0;
	}
.float_left{
	float:left;
	}
.coffee_pod_bottom_text{
	float:left; 
	padding:15px 20px 0 0px; 
	width:250px;
	}