/* CSS Document */

body {
	text-align:center;
	background:#fff url(../images/ogc-bkgd.jpg) top repeat-x;
	}

* {
	margin: 0 0 0 0 ;
	padding: 0 0 0 0;
	}
	
#frame {
	width:820px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
	}
	
#logo {
	width:261px;
	height:100px;
	float:left;
	}
		
#flash {
	width:820px;
	height:240px;
	background:url(../images/slide1.jpg) no-repeat;
	margin-bottom:25px;
	padding:0px;
	float:left;
	clear:both;
	}
	
#home-content {
	width:540px;
	float:left;
	}
		
#home-intro, #home-product, #home-service, #home-value {
	width:540px;
	margin-bottom:20px;
	margin-left:20px;
	float:left;
	clear:left;
	}
		
#sidebar {
	width:240px;
	margin-left:5px;
	float:right;
	}
	
#subnav {
	width:240px;
	margin-left:20px;
	float:left;
	clear:left;
	}
	
#main-content {
	width:540px;
	margin-left:5px;
	float:right;
	}
	
#expertise {
	width:380px;
	margin:10px 0px 20px 0px;
	padding-left:160px;
	background:url(../images/coffee-cup.jpg) 0px 10px no-repeat;
	}

#crops {
	width:380px;
	margin:0px 0px 20px 0px;
	padding-left:160px;
	background:url(../images/beans-on-branch.jpg) 0px 10px no-repeat;
	}

#roasting {
	width:380px;
	margin:0px 0px 20px 0px;
	padding-left:160px;
	background:url(../images/roasting-beans.jpg) 0px 10px no-repeat;
	}
	
#teas {
	width:380px;
	margin:10px 0px 20px 0px;
	padding-left:160px;
	background:url(../images/teas.jpg) 0px 10px no-repeat;
	}

#espresso {
	width:380px;
	margin:10px 0px 20px 0px;
	padding-left:160px;
	background:url(../images/lavazza-photo.jpg) 0px 10px no-repeat;
	}

#coffees, #history, #equipment {
	width:530px;
	margin:0px 0px 20px 0px;
	}
				
#home-order, #home-saying {
	width:240px;
	margin-bottom:5px;
	padding:0px;
	float:right;
	}
	
#footer {
	width:820px;
	border-top:3px #563417 double;
	margin-bottom:40px;
	padding-top:15px;
	}
		
h1 span, h2 span, h3 span {
	display:none;
	}
	
.home-intro {
	font:18px Arial, Helvetica, sans-serif;
	color:#9a7c46;
	line-height:26px;
	}
	
h1 {
	font:28px Arial, Helvetica, sans-serif;
	color:#563417;
	}

h2 {
	font:20px Arial, Helvetica, sans-serif;
	color:#563417;
	}
	
h3 {
	font:18px Arial, Helvetica, sans-serif;
	color:#563417;
	margin-bottom:10px;
	}
	
h4 {
	font:16px Arial, Helvetica, sans-serif;
	color:#9a7c46;
	font-weight:bold;
	margin:8px 0px 5px 0px;
	}
	
p {
	font:13px Arial, Helvetica, sans-serif;
	color:#333;
	line-height:18px;
	margin-bottom:5px;
	}

#history li {
	font:13px Arial, Helvetica, sans-serif;
	color:#333;
	line-height:18px;
	margin-left:30px;
	margin-bottom:5px;
	}
	
a:link, a:visited {
	color:#bc6f04;
	text-decoration:underline;
	}
	
a:hover {
	color:#bc6f04;
	text-decoration:none;
	}
	
#home-product li, #home-service li, #home-value li {
	font:13px Arial, Helvetica, sans-serif;
	color:#333;
	line-height:16px;
	margin:0px 150px 0px 30px;
	}

.home-learn {
	text-align:right;
	margin-right:25px;
	}
	
#coffees .showcase {
	text-align:center;
	padding-left:-25px;
	padding-bottom:18px;
	border-bottom:1px #ccc solid;
	}

#coffees p {
	padding-left:25px;
	}
	
.coffeetype {
	font-weight:bold;
	border-bottom:1px solid;
	}
	
.coffeeheader {
	background:#eadfcc;
	padding:4px 0px 4px 4px;
	}
	
.highlight {
	font-weight:bold;
	color:#563417;
	}
	
.textindent {
	margin-left:20px;
	}
	
.image-wrap {
	float:left;
	margin:0px 20px 20px 0px;
	}
	
.pull {
	font:18px Georgia, "Times New Roman", Times, serif;
	line-height:22px;
	color:#563417;
	font-style:italic;
	margin-bottom:5px;
	}
	
#footer p {
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
	line-height:12px;
	text-align:center;
	}
	
#footer a:link, #footer a:visited {
	color:#de932c;
	text-decoration:none;
	}
	
#footer a:hover {
	color:#de932c;
	text-decoration:underline;
	}
	
.testimonial {
	font-style:italic;
	}
	
.side-image {
	margin:15px 0px 5px 0px;
	}
			
#subnav li {
	font:14px Arial, Helvetica, sans-serif;
	color:#bc6f04;
	text-transform:uppercase;
	list-style:url(../images/bullet.jpg);
	margin-left:20px;
	margin-bottom:7px;
	}
	
#subnav li a:link, #subnav li a:visited {
	color:#bc6f04;
	text-decoration:none;
	}
	
#subnav li a:hover {
	text-decoration:underline;
	}
	
.espresso-photo {
	margin-top:10px;
	}
	
.table-space {
	margin-top:15px;
	}
	
.tea-header {
	border-bottom: 1px solid #563417;
	}
	
	

/*----- MAIN NAVIGATION -----*/

#nav {
  width: 550px;
  height: 41px;
  top:38px;
  position: relative;
  background: url(../images/mainnav.jpg);
  margin: 0px 0px 0px 270px;    
  padding: 0;
}
#nav li {
  float: right;
  list-style-type:none;
}
#nav li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 41px;
  background: url(../images/mainnav.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}
li#nav_abo a {
  left: 0px;
  width: 100px;
  background-position: 0px 0;
}
li#nav_pro a {
  left: 100px;
  width: 100px;
  background-position: -100px 0;
}
li#nav_ser a {
  left: 200px;
  width: 98px;
  background-position: -200px 0;
}
li#nav_val  a {
  left: 298px;
  width: 86px;
  background-position: -298px 0;
}
li#nav_eco  a {
  left: 384px;
  width: 102px;
  background-position: -384px 0;
}
li#nav_con  a {
  left: 486px;
  width: 64px;
  background-position: -486px 0;
}
li#nav_abo a:hover {
  background-position: -0px -41px;
}
li#nav_pro a:hover {
  background-position: -100px -41px;
}
li#nav_ser a:hover {
  background-position: -200px -41px;
}
li#nav_val a:hover {
  background-position: -298px -41px;
}
li#nav_eco a:hover {
  background-position: -384px -41px;
}
li#nav_con a:hover {
  background-position: -486px -41px;
}
#body_abo li#nav_abo  a {
  background-position: 0 -41px;
}
#body_pro li#nav_cof a {
  background-position: -100px -41px;
}
#body_ser li#nav_tea a {
  background-position: -200px -41px;
}
#body_val li#nav_esp a {
  background-position: -298px -41px;
}
#body_eco li#nav_eco a {
  background-position: -384px -41px;
}
#body_con li#nav_con a {
  background-position: -486px -41px;
}