/* CSS Document */
body{
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
font-family:  Arial, Lucida Sans, sans-serif;
font-size: 12px;
color: #303030;
}

 .wrapper{
 margin: auto;
 width: 943px;
 min-height: 470px;
 }

 .shop-wrapper{
 margin: auto;
 width: 943px;
 min-height: 1180px;
 }
 
 .contact-wrapper{
 margin: auto;
 width: 943px;
 min-height: 900px; 
 }
 


 /************ Top & Nav *********/
 
 .top{
 margin: 0px;
  width: 940px;
  height: 176px;
  float: left;
 }
  
  .header{
   margin: 0px;
  height: 125px;
 width: 637px;
 float: left;
 padding-top: 16px;
 }
  .logo{
 float: left;
 margin-left: 0px;
 
 }
 
 .three-stages-coffee{
 float: left;
 margin-top: 20px;
 margin-left: 27px;
 
 }
 
 .image{
 float: left;
 }
 
 .nav{
 background-image: url(../images/nav-bg.jpg);
 background-repeat: no-repeat;
 width: 637px;
 height: 35px;
 float: left;
 }
 
 .nav ul{
 float: left;
  margin: 0px;
  padding:0px;
 width: 635px;
 margin-left: 1px;
 }
 
 .nav li{
 float: left;
 list-style: none;
 text-decoration: none;
 border-right: 1px solid #3D2C25;
 }
 
  .nav a{
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  height:23px;
  float: left;
  padding-left: 11.5px;
  padding-right: 11.5px;
  padding-top: 8px;
  display: block;
  color: white;
  }
  .nav a:hover{
  background-image: url(../images/hit-bg.jpg);
  background-repeat: repeat-x;
  }
  
    .hit{
    background-image: url(../images/hit-bg.jpg);
    background-repeat: repeat-x;
    }
 
 /************ left *********/
 
 .left-side{
 width: 237px;
 min-height: 300px;
 float: left;
 background-image: url(../images/left-bg.jpg);
 background-repeat: no-repeat;
 }
 
 .contact-details{
 margin-top: 25px;
 font-size: 13px;
 height: 160px;
 color: #C14D23;
 font-family: 'Times New Roman', Times, serif;
 }
    .contact-details a{
    color: #C14D23;
    text-decoration: none;
    }
    .contact-details a:visited{
    color: #C14D23;
    text-decoration: none;
    }
    .contact-details a:hover{
    color: #C14D23;
    text-decoration: underline;
    }
 
 .testimonial{
 color: #C14D23;
  font-size: 16px;
 font-family: 'Times New Roman', Times, serif;
 width: 217px;
 }
 
  .testimonial p{
   width: 237px;
  margin: 0px;
  font-size: 12px;
  color: #47332F;
  font-weight: bold;
  }
    .testimonial a{
    font-style: italic;
    color: #C14D23;
    text-decoration: none;
    }
    .testimonial a:visited{
    color: #C14D23;
    font-style: italic;
    text-decoration: none;
    }
    .testimonial a:hover{
    font-style: italic;
    color: #C14D23;
    text-decoration: underline;
    }


.selection-of-coffees{
width: 237px;
margin-top: 20px;
}

.selection-of-coffees ul{
margin-left: 20px;
padding: 0px;
}

.selection-of-coffees li{
list-style-type: square;
color: #47332F;
}
.selection-of-coffees a{
color: #C14D23;
text-decoration: none;
}
.selection-of-coffees a:visited{
color: #C14D23;
text-decoration: none;
}
.selection-of-coffees a:hover{
color: #C14D23;
text-decoration: underline;
}
.selection-of-coffees span{
color: #C14D23;
}

  
.home-banner{
margin: 0px;
padding: 0px;
float: left;
}
 
 
 /************ Content Area *********/ 
.home-content-area{
width: 703px;
float: left;
background-image: url(../images/home-content-bg.jpg);
background-repeat: no-repeat;
height: 460px;
}

.home-content-area a{
float: left;
margin-left: 440px;
margin-top: 200px;
}

html>body .home-content-area a{
margin-left: 450px;
}

.content-area{
width: 703px;
float: left;
background-image: url(../images/content-bg.jpg);
background-repeat: no-repeat;
height: 500px;
}

.other-content-area{
width: 703px;
float: left;
background-image: url(../images/other-content-bg.jpg);
background-repeat: no-repeat;
height: 480px;
}
    .other-content-area a{
    color: #C14D23;
    text-decoration: none;
    }
    .other-content-area a:visited{
    color: #C14D23;
    text-decoration: none;
    }
    .other-content-area a:hover{
    color: #C14D23;
    text-decoration: underline;
    }
    
.events-content-area{
width: 703px;
float: left;
background-image: url(../images/events-content-bg.jpg);
background-repeat: no-repeat;
height: 480px;
}
  .events-content-area span{
  font-weight: bold;
  color: #C14D23;
}
  


h1{
color: #C14D23;
font-size: 18px;
font-family: 'Times New Roman', Times, serif;
}


    .content-area a{
    color: #C14D23;
    text-decoration: none;
    }
    .content-area a:visited{
    color: #C14D23;
    text-decoration: none;
    }
    .content-area a:hover{
    color: #C14D23;
    text-decoration: underline;
    }
    
.content-area span{
font-weight: bold;
color: #C14D23;
}

 /************ Footer *********/ 
.footer{
 margin: auto;
 width: 918px;
 height: 40px;
 text-align: center;
 font-size: 11px;
 color: #C14D23;
 float: both;
 }
 
 .footer a{
color: #C14D23;
text-decoration: none;
 }
 
  .footer a:hover{
color: #C14D23;
text-decoration: none;}
 
 

 /************ Other *********/ 

.aboutuspic{
float: left;
width: 700px;
text-align: right;
}
   
img{
border: none;

}

span{
font-weight: bold;
color: #47332F;
}

.line{
width: 703px;
margin-left: 0px;
margin-top: 0px;
border-bottom: 1px #C14D23 solid;
}

table{
float: left;
}

.left-table{
border-right: solid 1px #C14D23;
}

.left-table td{
border-bottom: solid 1px #C14D23;
padding-top: 5px;
padding-bottom: 5px;
} 



.right-table td{
border-bottom: solid 1px #C14D23;
padding-top: 5px;
padding-bottom: 5px;
}