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



#header .header-down {
  width:970px;
  height: 175px;
  background:#3D131A;
  background-image:url(../images/header2-typo3.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;   
  overflow:hidden;
}    

.header3-box{
  margin:35px 0 0 684px;
  width:272px;
}

.header3-box-img{
  margin:0 4px 0 0;
  float:left;
}

.header3-box-img img{
  border:1px solid white;
  display:block;
}

.header3-box-text{
  width:158px;
  float:left;  
}

.header3-box-text h3{
  font-size:1.1em;
  font-weight:bold;
  color:white;
  margin:0 0 3px 2px;
}

.header3-box-text p{
  font-size:1.1em;
  font-weight:normal;
  color:white;
  margin:0 0 0 2px;
}

.header3-box-text p.button{
  font-size:1em;
}

.button a{
  display:block;
  padding:5px 10px 6px 9px;
  float:left;
  background-image:url(../images/button1.gif);
  background-repeat: no-repeat;
  background-position: 0 0; 
  color:white;
  text-decoration:none;   
  font-size:1em; 
  margin-top:1px;
}

/* ------------- content ----------------------------------- */ 
#content-part {  
  float:left;
  padding-left:14px;

}

#content-part1 {  
  float:left;
  width:956px;
}

#center {
 width: 775px;
 float: right;
 overflow: hidden;
 padding-top:14px;
 margin-left:11px; 
}

#left {
 width: 170px;
 overflow: hidden;
 float: right;     
 margin-left:0px; 
 display:block;
}

#right {
 width: 0px;
 overflow: hidden;
 float: left;     
 margin-left:0px; 
 display:none;
}



/* ------------- center content ----------------------------------- */

#center h1{
  font-family: arial, tahoma, verdana;
  font-size:1.8em;
  font-weight:normal;
  margin:0 0 8px 0;
  color:#3A1319;
}

#center h2{
  font-family: arial, tahoma, verdana;
  font-size:1.25em;
  font-weight:bold;
  margin:0 0 8px 0;
  color:#3A1319;
}

#center h3{
  font-family: arial, tahoma, verdana;
  font-size:1.1em;
  font-weight:bold;
  margin:0 0 10px 0;
  color:#3A1319;
}

#center p{
  line-height:1.5em;
}

/* ---------------------left content ------------------------------ */

#left a{
  color:white;
}

.left-border{
  background-image:url(../images/left-border.gif);
  background-repeat: repeat-y;
  background-position: 0 0;   
  margin:0; 
  float:left;
  padding:0 3px;
}


.left-bg{
  background:#381117;
  background-image:url(../images/left-bg.gif);
  background-repeat: repeat-x;
  background-position: 0 0;  
  float:left;
  width:164px;
}

.left-menu{
  padding:10px 8px 14px 8px;
  min-height:105px;
}

.left-menu h3{
  margin:0 0 5px 0;
}

.left-menu ul{
  margin:0;
  padding:0;
  list-style-type:none;
}

.left-menu ul li{
  margin:0;
  padding:1px 0;
}

.left-menu ul li.level2
{
padding-left: 15px;
}

.left-menu ul li a{
  color:white;
  text-decoration:none;
}

.left-menu ul li a:hover{
  color:white;
  text-decoration:underline;
}

.left-box1{
  border-top:1px solid white;
  padding:12px 8px 10px 8px;
}

.left-box1 h3{
  margin:0 0 5px 0px;
}

.left-box1 p{
  margin:0 0 5px 0px;
  color:white;
}

.left-box1 h3 img{
  display:block;
  border:0;
  padding:0;
  margin:0;
}

.roasting-guide{
  border-top:1px solid white;
  padding:12px 2px 6px 4px;
}

.roasting-guide h3{
  margin:0 0 5px 4px;
}

.roasting-guide p{
  margin:0 0 5px 4px;
  color:white;
}

.left-button a{
  display:block;
  padding:6px 10px 5px 11px;
  background-image:url(../images/left-button.gif);
  background-repeat: no-repeat;
  background-position: 0 0; 
  color:white;
  text-decoration:none;   
  font-size:1em; 
  margin:5px 0 0 29px;
}

.buy-online{
  padding:12px 2px 6px 8px;
}

.buy-online .left-img, .fairly-traded  .left-img{
  float:right;
  margin-left:0px;
}

.buy-online .left-img img, .fairly-traded .left-img img{
  display:block;
  border:0;
  padding:0;
  margin:0;
}

.fairly-traded h3{
  margin:0;
}

.fairly-traded{
  padding:12px 0px 14px 8px;
}

.fairly-traded p{
  margin:7px 0 0 0;
}

.left-down{
  background:#381117;
  background-image:url(../images/left-down.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;   
  margin:0; 
  float:left;
  padding:0 3px;
  height:129px;
}

.left-down-box{
  width:164px;
}

.finest-quality p{
  width:100px;
}

.finest-quality{
  padding:12px 8px 0px 8px;
}


/*-------fce divider------*/
.divider
{
display: block;
width: 100%;
}


.divider-left 
{
display: block;
float: left;
width: 50%;
}

.divider-right
{
display: block;
float: right;
width: 49%;
}


.contact-divider
{
display: block;
width: 100%;



}

#fce12
{
background-image:url(../images/contact_bg.gif);
background-repeat: repeat-y;
background-position: 0 0; 
}
.contact-divider-left
{
display: block;
float: left;
width: 48%;

}


.contact-divider-right
{
display: block;
float: right;
width: 46%;
}