html
body {
	margin: 0;
	padding: 0;
	background:#999999;
	color: #000;
	font-size: medium;
	font-family:'Trebuchet MS', Helvetica, Tahoma, Verdana;
	height: 100%;
	width:100%;
}

/* divs ids & classes */

/*div { border: 1px solid red; }*/

#container {
	width: 770px;
	height: 100%;
	margin: 0 auto;
	background: #fff;
	}

#header {
height:167px;
width: 770px;
float:left;
}

#banner{
height: 125px;
width: 770px;
float:left;
background:url('images/banner-homepage.jpg') no-repeat;
}

	#banner_services{
	height: 125px;
	width: 770px;
	float:left;
	background:url('images/banner-services.jpg') no-repeat;
	}

 	#banner_coffee{
	height: 125px;
	width: 770px;
	float:left;
	background:url('images/banner-coffee.jpg') no-repeat;
	}
	
 	#banner_equipment{
	height: 125px;
	width: 770px;
	float:left;
	background:url('images/banner-equipment.jpg') no-repeat;
	}
	
	#banner-text {
	display:none;
	}

/* main menu */

#navigation {
width: 770px;
height: 42px;
border-top: 3px #fff solid;
border-bottom: 3px #fff solid;
float:left;
background:#fff url('images/nav-bg.jpg') top left repeat-x ;
}

#nav_items_box {
width: 534px;
height:26px;
margin-top:5px;
margin-left:118px;
}

#nav_items_left {
width:14px;
height:26px;
background: url('images/nav-item-left.png') top left no-repeat;
float:left;
		 }
		 
#nav_items_bg {
width:506px;
height:26px;
background: url('images/nav-item-bg.gif') top left repeat-x;
float:left;
text-align:center;
		 }
		 
#nav_items_right {
width:14px;
height:26px;
background: url('images/nav-item-right.png') top right no-repeat;
float:left;
		 }

#nav_items {
height:24px;
float:left;
padding-top: 2px;
font-size:95%;
}

	#nav_items ul {
	float:left;
	list-style: none;
	margin:0px;
	padding:0px;
	}

	#nav_items ul li {
	font-size:105%;
	font-family: 'Ms Sans Serif', Geneva, Tahoma;
	font-weight: normal;
	display: inline;
	}

		#nav_items ul li a {
			text-decoration: none;
			color:#fff;
			padding: 0 11px 0 11px;
			border-bottom: none;
			border-right:1px #fff solid;
			line-height: 120%;
			text-align:center;
			}

		#nav_items ul li#contactitem a  {
		border-right:none;
		}

		#nav_items ul li a:hover, body#homepage #homeitem a,
								body#servicespage #servicesitem a,
								body#equipmentpage #equipmentitem a,
								body#coffeeteapage #coffeeteaitem a,
								body#contactpage #contactitem a {
								color:#FFF200;
								border-bottom:none;
								}
								
								
/* content */

#content-wrap {
width: 770px;
height: 100%;
float:left;
background:url('images/content-bg.jpg') repeat-x top;
}

    /*body#equipmentpage #content-wrap {
	  height:100%;
	  }*/

#content-withlady {
width: 770px;
float:left;
background:url('images/lady-bg.jpg') top left no-repeat;
}

	#content-left {
	width: 514px;
	float:left;
	}
	

	.content514 {
	width: 494px;
	height:233px;
	float:left;
	padding:15px 0 5px 20px;
	}
		
	.content-top {
	width: 494px;
	float:left;
	padding:15px 0 15px 20px;

	}
	
		body#equipmentpage .content-top {
  	background:url('images/Classe-10-USB-3.png') top left no-repeat;
  	height:365px;
		}

		body#contactpage .content-top {
 	 	width: 464px;
 	 	padding-left:50px;
 	 	height: 500px;
			}

		.email_us {
		width: 200px;
		height: 25px;
		float:left;
		margin-top:10px;
		}
		.email_img {
		background:url('images/mail.png') top left no-repeat;
		width: 50px;
		height: 25px;
		float:left;
		}
		.address  {
		width: 190px;
		float:left;
		margin-top:30px;
		}
	
	.content-bottom {
	width: 514px
	height: 277px;
	float:left;
	}
	.content257 {
	width: 237px;
	height: 277px;
	float:left;
	padding-left:20px;
	}
	
	/* side anchors nav */

 		.content257 ul  {
		margin-left:10px;
		padding-left:10px;
		padding-right:10px;
		width:200px;
			}

		.content257 ul li {
			list-style:none;
			margin-left:0px;
			border-bottom: 1px #84201F solid;
			padding:7px 0 7px 0;
			line-height: 130%;
			font-size: 90%;
			}

		.content257 ul li a {
		padding-left:10px;
	  color: #000;
	  border-bottom: none;
		text-decoration:none;
			}

		.content257 a:hover {
     color:#FFF200;
		 border-bottom:none;
			}
		/* end side anchors nav */
			
	.content257_redmenu {
	width: 257px;
	height: 277px;
	float:left;
	background:url('images/red-menu.jpg') bottom left no-repeat;
	}
	
	/* red bg menu */

		.content257_redmenu ul  {
		margin-left:0px;
		margin-top: 25px;
		padding-left:10px;
		padding-right:10px;
		width:170px;
			}

		.content257_redmenu ul li {
			list-style:none;
			margin-left:0px;
			border-bottom: 1px #fff solid;
			padding:7px 0 7px 0;
			line-height: 150%;
			font-size: 90%;
			}
			
		.content257_redmenu ul li a {
		padding-left:10px;
	  color: #fff;
	  border-bottom: none;
		text-decoration:none;
			}
			
		.content257_redmenu a:hover {
     color:#FFF200;
		 border-bottom:none;
			}


	
	.logo-homepage {
	width: 100px;
	height: 60px;
	float: left;
	margin-bottom:10px;
	}

	.logotext-homepage {
	width: 137px;
	height:60px;
	float:left;
	font-size: 80%;
	margin-bottom:10px;
	}
	
	
	
.content-rightbar {
width: 255px;
float:left;
}
	
	  body#equipmentpage .content-rightbar {
	  font-size:90%;
	  padding-top:15px;
	  }
	  
	
	.services-van {
	width: 255px;
	height:200px;
	float:left;
	margin-top:15px;
  background:url('images/van.png') top left no-repeat;
	margin-bottom: 20px;
	}
	
	.coffee-beans {
	width: 255px;
	height:192px;
	float:left;
	margin-top:15px;
	background:url('images/coffee-beans.png') top left no-repeat;
	}
	
	.logos {
	text-align: center;
	width:255px;
	}
	
	.logos ul {
	text-align: center;
	}
	
	.logos ul li {
	padding-top:20px;
	list-style:none;
	text-align: center;
	}
	
	.logos ul li a img {
	border-style:none;
	}
	
	    body#contactpage .logos  {
	    	float:left
				}
	

#content-extended {
width:770px;
float:left;
padding-top:30px;
}

	 body#equipmentpage #content-extended  {
     padding-top:0px;
			}

.anchor-item {
width: 730px;
padding:20px 20px 20px 20px;
border-top: 1px #84201F dashed;
}

.return {
width:100px;
float:right;
text-align:right;
font-size:90%;
background:url('images/arrow-icon.gif') left no-repeat;
}

.gallery_img {
width: 154px;
float:left;
height: 141px;
}

.gallery_caption {
width: 154px;
float:left;
height:30px;
font-size:80%;
text-align:center;
margin-bottom:10px;
}

	
/* @ end of content */


/* footer */

#footer {
width: 770px;
height: 21px;
clear:both;
text-align: center;
font-size: 70%;
border-top: 3px #fff solid;
border-bottom: 3px #fff solid;
background-color: #bcbdc1;
}

#footer_text {
height: 15px;
width:770px;
padding-bottom:3px;
padding-top:3px;
}

#footer_img {
clear:both;
width:770px;
height:15px;
background-color:#999999;
text-align:right;
}

    #footer_img img {
    border-style: none;
    text-decoration: none;
    }


/* content styles */

a:link {
text-decoration: none;
color: #84201F;
}

a:visited {
text-decoration: none;
color: #84201F;
}

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

h1 {
font-size: 140%;
color:#84201F;
margin: 0px
}

h2 {
font-size: 100%;
color:#84201F;
position: relative;
margin: 0px;
}

p {
line-height:115%;
margin: 0;
}

.bottom-line {
margin: 10px 30px 10px 10px;
border-bottom: 2px #afa06a solid;
}

.bold {
font-weight:bold;
}

.space {
height: 20px;
width:880px;
float:left;}