html,body {
	margin:0;
	padding:0;
	background: #FFF url(../images/tile.gif) 0 0 repeat-x; 
	border: 0;
	
}
	
body{
	font: 80% Georgia, Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

p{margin:0 10px 10px}
a, a:active, a:focus { text-decoration: none; color: #6F3A19;}
a:hover {
	text-decoration:underline;
	color: #C2A16E;
}
img { border:0; }

.left {
	float:left;
	margin: 7px 10px 10px 0;
	border: 1px solid #F3EADF;
	padding: 4px;
}

div#container{text-align:left; position:relative; height:auto;}

.contacthere { position:absolute; bottom:70px; right:0; z-index:999;}
a.contacthere { font: bold 100%/1.6em Verdana, Arial, Helvetica, sans-serif ;
text-decoration: none; color:#b78a57; text-transform:uppercase; }
a.contacthere:hover { text-decoration: underline; }


#pageinfo { display: none; }

/* =header
----------------------------------------------- */

div#header{position:relative; height: 135px;}

div#header .date { 
	position:absolute;right:0;top:0; 
	width:350px; height: 28px; 
	background: transparent url(../images/data.gif) 0 0 no-repeat;
	color: #c99b63; 
}
div#header .date p { 
	padding: 6px 0 0 20px; margin: 0;
	 }
div#header .date a { color: #c99b63; }	 
div.homelogo { margin-top: 20px; z-index: 988; position:absolute; top:0; left:0; }



/* =navigation
----------------------------------------------- */

#topnav ul { padding:0; margin:0; position:absolute; bottom:0; right:0; }
#topnav {  margin: 0; padding: 0; height: 67px;
list-style: none; overflow: hidden;}

#topnav li { margin: 0; padding: 0;
list-style: none; display: inline;  }

#topnav a { float: left; margin-left:2px;
padding: 67px 0 0 0; overflow: hidden;
height: 0px !important; height /**/:67px; /* for IE5/Win only */
	}
	

#topnav a:active, #topnav a.selected {
background-position: 0 0;}
	
#topnav a:hover {
background-position: 0 -67px;}

/*

#equipment a { width: 105px; background:url(../images/equipment.gif) 0 0 no-repeat; }
#coffee a { width: 79px; background:url(../images/thecoffee.gif) 0 0 no-repeat;}
#service a { width: 82px; background:url(../images/theservice.gif) 0 0 no-repeat;}
#potential a { width: 100px; background:url(../images/yourpotential.gif) 0 0 no-repeat;}
#company a { width: 96px; background:url(../images/thecompany.gif) 0 0 no-repeat;}
#brand a { width: 77px; background:url(../images/thebrand.gif) 0 0 no-repeat; }

*/

#products a { width: 85px; background:url(../images/prodotti.gif) 0 0 no-repeat; }
#coffee a { width: 85px; background:url(../images/menu.gif) 0 0 no-repeat;}
#service a { width: 85px; background:url(../images/eventi.gif) 0 0 no-repeat;}
#retailers a { width: 85px; background:url(../images/prezzi.gif) 0 0 no-repeat;}
#about a { width: 85px; background:url(../images/storia.gif) 0 0 no-repeat;}
#marketing a { width: 80px; background:url(../images/servizi.gif) 0 0 no-repeat; }


/* =footer
----------------------------------------------- */

div#footer{background: #6f3a19 url(../images/footer_bottom_bg.gif) top left repeat-x; text-align:center; }
div#footer p{margin:30px;padding:10px 10px 10px 10px;  
font: normal 86% Verdana, Arial, Helvetica, sans-serif; color: #c4955f;}

div#footer a { color:#c4955f;}




/* =sidebar
----------------------------------------------- */



div#sidebar{float:right;width:187px}
div#sidebar {
	background:url(../images/sideshadow.png) 0 0 no-repeat;
	height:500px;
}

div#sidebar h4 {
	font: bold 100% Georgia, Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 2px 10px;
}
div#sidebar h5 {
	font: normal 100% Georgia, Verdana, Arial, Helvetica, sans-serif;
	padding: 0 10px;
	margin-bottom: 20px;
	background: #FFF url(../images/arrow.gif) 40% 100% no-repeat;
	padding-bottom: 30px;
}
div#sidebar p {
	font: 95%/1.6em Georgia, Tahoma,Verdana, Arial, Helvetica, sans-serif;
	background: transparent url(../images/dot.gif) bottom left repeat-x;
	padding-bottom: 10px;
}

div#sidebar h3 { font: bold 130%/1.6 Georgia, Verdana, Arial, Helvetica, sans-serif; margin:20px 0 20px 0; padding:0 10px; }



/* =lhs
----------------------------------------------- */

div#content p{
	line-height:1.4;
	color: #323131;
}
div#content h1 {
	font: normal 2.2em Georgia, Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	padding:10px 0 10px 10px;
	color: #6E3A19;
}

div#content h2 {
	font: normal 1.6em Georgia, Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	padding:10px 0 10px 10px;
	color: #6E3A19;
}

div#content h3 {
	font: normal 1.4em Georgia, Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	padding:10px 0 10px 10px;
	color: #BC8D58;
}

div#content { padding-bottom: 50px; }
div#content .top { font: normal 80%/1.6em Tahoma, Arial, Helvetica, sans-serif ; text-transform:uppercase; vertical-align:top;  margin-left: 10px; margin-bottom: 10px;}

div#content .top a { background: url(../images/toparrow.gif) 100% 50% no-repeat; padding-right: 10px; color:#c0925c; }
div#content .top a:hover { background: url(../images/toparrow_o.gif) 100% 50% no-repeat;}

div#container{width:760px;margin:0 auto}
div#content{float:left;width:573px; margin-top: 300px; z-index: 990;}

div#homehighlight {
	width: 573px;
	z-index:991;
	position:absolute;
	top: 107px;
	left:0;
	height: 300px;
	text-align:right;
}

div#homehighlight h3 {
	font: normal 180%/1.6 Georgia, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color: #B68753;
}

div#homehighlight .homehighlightwrap { margin-left: 80px; margin-top: 10px; padding: 10px; text-align:left; }
div#homehighlight  p { padding:0 0 10px 0; margin:0 0 10px 0; border-bottom: 1px solid #fde7cb; }

div#homehighlight img.imghighlight { margin-top: 30px; margin-right: 10px; }


div#colleft {
	width:237px;
	float:left;
	height:auto;
	margin-right: 30px;
	margin-top: 5px;
}
div#colright {
	width:237px;
	float:left;
	height:auto;
	margin-top: 5px;
}

div#colright h3, div#colleft h3 {
	font: normal 1.4em Georgia, Arial, Helvetica, sans-serif;
	color: #6E3A19;
}



/* =misc
----------------------------------------------- */

.clear { clear:both; }
.thumb {
	border: 1px solid #C2A16E;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top:10px;
	padding: 4px;
}
.brown { background-color:#996666; }
.padme { padding: 0 10px; }
#error { color:#990000; }

.gallery {
	border: 2px solid #C2A16E;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top:10px;
}

/* =headers
----------------------------------------------- */

h2.thecoffee {padding: 19px 0 0 0; overflow: hidden; 
margin:0 0 20px 10px;background-image: url(../images/thecoffee.gif); 
background-repeat: no-repeat; height: 0px !important; /* for most browsers */
height /**/:19px; /* for IE5.5's bad box model */text-indent: -9000px; }

h2.thecoffeemain {padding: 24px 0 0 0; overflow: hidden; 
margin:0 0 20px 10px;background-image: url(../images/thecoffeeM.gif); 
background-repeat: no-repeat; height: 0px !important; /* for most browsers */
height /**/:24px; /* for IE5.5's bad box model */text-indent: -9000px; }

h2.fairtrade {padding: 24px 0 0 0; overflow: hidden; 
margin:0 0 20px 10px;background-image: url(../images/fairtrade.gif); 
background-repeat: no-repeat; height: 0px !important; /* for most browsers */
height /**/:24px; /* for IE5.5's bad box model */text-indent: -9000px; }

h2.contact {padding: 24px 0 0 0; overflow: hidden; 
margin:0 0 20px 10px;background-image: url(../images/contact.gif); 
background-repeat: no-repeat; height: 0px !important; /* for most browsers */
height /**/:24px; /* for IE5.5's bad box model */text-indent: -9000px; }

h2.potentialprofit {padding: 19px 0 0 0; overflow: hidden; 
margin:0 0 20px 10px;background-image: url(../images/potentialprofit.gif); 
background-repeat: no-repeat; height: 0px !important; /* for most browsers */
height /**/:19px; /* for IE5.5's bad box model */text-indent: -9000px; }

h2.marketingmaterial {padding: 19px 0 0 0; overflow: hidden; 
margin:0 0 20px 10px;background-image: url(../images/marketing_material.gif); 
background-repeat: no-repeat; height: 0px !important; /* for most browsers */
height /**/:19px; /* for IE5.5's bad box model */text-indent: -9000px; }





ul.listslft,  ul.listsrght
{
list-style-type: none;
padding: 0 10px;
margin: 0;
width: 46%;
}

ul.listslft li,  ul.listsrght li {
	background: transparent url(../images/dot.gif) bottom left repeat-x; padding-bottom: 10px;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	background-color:#f8eee2;
	font: 85%/1.6em Tahoma,Verdana, Arial, Helvetica, sans-serif; 
}

ul.listslft li.question,  ul.listsrght li.question {
background: url(../images/corner_left.gif) 0 0 no-repeat;
	padding: 5px 5px 5px 5px;
	margin-bottom: 3px;
	background-color:#f8eee2;
	font: 85%/1.6em Tahoma,Verdana, Arial, Helvetica, sans-serif; 
}

ul.listslft li.answer,  ul.listsrght li.answer {
	background: transparent url(../images/dot.gif) bottom left repeat-x; padding-bottom: 10px;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	font: 85%/1.6em Tahoma,Verdana, Arial, Helvetica, sans-serif; 
}

ul.listslft { float:left; }  
ul.listsrght { float:right; }


ul { 
	list-style-type: none;
	padding: 0 10px;
	margin: 0;
}

li { background: #fff url(../images/yellowarrow.gif) 0 .4em no-repeat; padding-left: 15px; margin-bottom: 10px; }





ul.exLink a { color:#c4955f;}






/* Set up the basic layout and remove unsemantic br tags. */

form 	{
margin : 0;
padding : 0;
}

fieldset {
margin : 0 10px;
padding : 1em;
border : 1px solid #ccc;
}

	fieldset div br {
	display : none;
	}

/* Style the legend, labels and the div containing the submit button. */

legend {
font-weight : bold;
color : #333;
margin : 0;
padding : 0.5em;
}

label {
	display : block;
}

#fm-submit {
	clear : both;
	padding-top : 1em;
	text-align : center;
}

#fm-submit input {
	border: 1px solid #333;
	padding: 2px 4px;
	background: #fff;
	color: #333;
	font-size: 100%;
}

fieldset div {
	margin : 0;
	padding : 0;
	background:#ece9e6;
	padding: 5px;
	border-bottom: 1px solid #fff;
}

fieldset div.fm_optional {
	display : block;
}

fieldset div input {
	width: 200px; /* Width for modern browsers */
	border : 1px solid #900;
	padding : 1px;
}

fieldset div select {
	font-family : Tahoma,Verdana, Arial, Helvetica, sans-serif; 
	font-size : 100%;
	width: 200px; /* Width for modern browsers */
	border : 1px solid #900;
	padding : 1px;
}
						

/* Optional fields. */

.fm_optional input {
	border : 1px solid #ccc;
}




/* =potential.php
----------------------------------------------- */

table { width: 97%; padding:0 10px; }
table.yp td { padding:5px; }
table.yp th { width:10%; background: #3a200e; color:#FFFFFF; padding:5px;
border-bottom: 3px solid #703c1b; }
table.yp th.tbletitle { width:20%; }

.odd { background: #f8eee2; }

/* =thecoffee.php
----------------------------------------------- */

.fairtrade { background: #FFF url(../images/dot.gif) 0 0 repeat-x; padding-top: 10px; margin:0 10px; }

.fairtrade h3 { margin:0 0 0 -10px; padding:0; }
.fairtrade p { padding:0; margin:0;  }

/* =theservice.php
----------------------------------------------- */

.colleft { width:237px; float:left;  height:auto; margin-right: 30px; }
.colright { width:237px; float:left; height:auto; }

/* =theequipment.php
----------------------------------------------- */

table.eq td { padding:5px; }
table.eq  th { width:10%; background: #3a200e; color:#FFFFFF; padding:5px;
border-bottom: 3px solid #703c1b; }
table.eq th { width:20%; }

.odd { background: #f8eee2; }


ul.themenu li.title,  ul.themenu li.para {
background: url(../images/corner_left.gif) 0 0 no-repeat;
	padding: 5px 5px 5px 5px;
	margin-bottom: 3px;
	background-color:#f8eee2;
	font: 85%/1.6em Tahoma,Verdana, Arial, Helvetica, sans-serif; 
}
ul.themenu li.para { background: none; }

ul.units 
{
margin: 0 0 30px 10px;
padding: 0;
list-style-type: none;
}

ul.units  li { display: inline; background: none; padding:0;  }

ul.units li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #c0925c;
font: bold 100%/1.6em Tahoma,Verdana, Arial, Helvetica, sans-serif; 
}

ul.units  li a:hover
{
color: #fff;
background-color: #dcae76;
}



#flow { width: 448px; height: 400px; 
background: #fff url(../images/flow.gif) 0 0 no-repeat;
position:relative; }

#flow a { width: 117px; height:43px; background: transparent; display:block; text-indent:-9000px; }

.lnk1, .lnk2, .lnk3, .lnk4, .lnk5, .lnk6, .lnk7, 
.lnk8, .lnk9, .lnk10, .lnk11, .lnk12,.lnk0, .lnkdl {
	position:absolute;
}

.lnk1 { top: 22px; left:11px; }
.lnk0 { top: 18px; left:180px; }
.lnk2 { top: 70px; left:180px; }
.lnk3 { top: 120px; left:180px; }
.lnk4 { top: 170px; left:180px; }
.lnk5 { top: 220px; left:180px; }
.lnk6 { top: 270px; left:180px; }

#flow a.lnkdl { bottom: 25px; left:11px;width: 250px; height:40px;}


.lnk7 { top: 18px; left:325px; }
.lnk8 { top: 70px; left:325px; }
.lnk9 { top: 120px; left:325px; }
.lnk10 { top: 170px; left:325px; }
.lnk11 { top: 220px; left:325px; }
.lnk12 { top: 320px; left:325px; }

a
{
outline: none;
}


h3 a { color: black; text-decoration: none; }
h3 a:hover { text-decoration: underline; }

#training { width:510px; height: 230px; background: url(../images/theservice.gif) 10px 0px no-repeat; position:relative; }
#training p { position: absolute; top: 130px; left: 100px; }
#training p strong { font-size: 130%; }
#training a { background: #fff url(../images/yellowarrow.gif) 0 .4em no-repeat; padding-left: 15px; color: #000; }