body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background-color: #f2efe3;
margin: 0; 
padding: 0;
text-align: center; 
height:100%;
width: 100%;
}
map area {
outline: none;
}
.oneColFixCtr #container {
width: 100%; 
margin: 0 auto; 
background: #FFF;
}
/*header*/	
#header {
height: 196px;
padding: 47px 60px 0 60px;
width: 1069px;
margin: 0 auto;
text-align: center;
position: relative;
}
.coffee  {
padding-top: 70px;
width: 177px;
float: left;
text-align: left;
}
.coffee a {
text-decoration: none;
color: #393838;
}
.coffee a:visited {
color: #393838;
}
.coffee a:hover {
color: #393838;
}
.logo  {
width: 359px;
float: left;
padding-top: 10px;
}
.aboutus {
padding-top: 70px;
width: 177px;
float: left;
text-align: right;
}
.aboutus a {
text-decoration: none;
color: #393838;
}
.aboutus a:visited {
color: #393838;
}
.aboutus a:hover {
color: #393838;
}
.facebook {
position: relative;
padding-top: 70px;
width: 177px;
float: left;
text-align: right;
}
.facebook a {
text-decoration: none;
color: #393838;
}
.facebook a:hover {
color: #393838;
}
.line {
margin: 30px 0px 0 0;
float: left;
text-align: left;
}
/*headerend*/
/*main*/		
.oneColFixCtr #mainContent {
padding: 0 0 35px 0;
width: 1100px;
margin: 0 auto;
text-align: center;
}
.clearfloat {
clear:both;
height:0;
}
/*footer*/
#footer {
height: 500px;
position: relative;  
margin:0 auto;
background:#f2efe3;
padding-top: 20px;
}
#boxescontainer {
position: relative;
width: 958px;
height: 381px;
margin: 0 auto;
text-align: center;
background-image: url(images/footer-new-roaster.jpg);
background-repeat: no-repeat;
background-position: center;
display: block;
}
#box-link1 { 
position: absolute; 
top: 68px; 
left: 20px; 
width: 263px; 
height: 183px; 
}
#box-link2 { 
position: absolute; 
top: 68px; 
left: 340px; 
width: 263px; 
height: 183px; 
}
#box-link3 { 
position: absolute; 
top: 68px; 
left: 680px; 
width: 263px; 
height: 183px;  
}
.invisibleLink {
display: block;
left: 670px;
top: 75px;
position: absolute;
height: 275px;
width: 275px;
}
h1 {
color: #333333;
font-family: courier new;
font-size: 22px;
font-weight: normal; 
margin: 0;
padding: 0 0 205px 0;
}
h1 a {
color: #333333;
text-decoration: none;
}
h1 a {
color: #333333;
text-decoration: none;
}
h1 a:hover {
color: #333333;
text-decoration: none;
}
#ourmission{
width: 270px;
height: 345px;
padding: 18px 0 0 21px;
text-align: left;
float: left;
}
.ourmission-text{
text-align: left;
color: #333333;
font-family: Trebuchet MS;
font-size: 14px;
line-height: 19px;
padding-right: 12px;
}
.ourmission-text a {
text-decoration: none;
color: #333333;
padding-top: 8px;
font-weight: bold;
}
.ourmission-text a:hover {
text-decoration: none;
color: #333333;
padding-top: 8px;
font-weight: bold;
}
h2 {
color: #333333;
font-family: courier new;
font-size: 22px;
font-weight: normal; 
margin: 0;
padding: 0 0 205px 7px;
}
h2 a {
color: #333333;
text-decoration: none;
}
h2 a:hover {
color: #333333;
text-decoration: none;
}
#roaster{
width: 275px;
height: 345px;
padding: 18px 0 0 47px;
text-align: left;
float: left;
}
.menu-text{
text-align: left;
color: #333333;
font-family: Trebuchet MS;
font-size: 14px;
line-height: 19px;
padding: 0 18px 0 17px;
}
.learn{
text-align: left;
font-family: Trebuchet MS;
font-size: 14px;
color: #333333;
padding: 30px 0 0 10px;
}
.learn a {
text-align: left;
font-family: Trebuchet MS;
font-size: 14px;
color: #333333;
text-decoration: none;
font-style: italic;
font-weight: bold;
}
.learn a: hover{
text-align: left;
font-family: Trebuchet MS;
font-size: 14px;
color: #333333;
text-decoration: none;
font-style: italic;
font-weight: bold;
}
h3 {
color: #333333;
font-family: courier new;
font-size: 22px;
font-weight: normal; 
margin: 0;
padding: 0 0 205px 15px;
}
h3 a {
color: #333333;
text-decoration: none;
}
h3 a:hover {
color: #333333;
text-decoration: none;
}
#menu {
width: 295px;
height: 345px;
padding: 18px 0 0 50px;
text-align: left;
float: left;
}
.roaster-text{
text-align: left;
color: #333333;
font-family: Trebuchet MS;
font-size: 14px;
line-height: 19px;
padding: 0 12px 0 11px;
}
.photo-collage {
padding-left: 14px;
padding-top: 5px;
}
.line-footer {
margin: 30px 0px 0 0;
text-align: center;
}
.copper {
font-family: arial;
font-size: 11px;
color: #6C6C6C;
padding: 20px 320px 0px 0;
}
#copper {
padding: 10px 0px 0px 0;
text-align: right;
width: 1069px;
text-align: right;
margin: 0 auto;
}
/*footer-end*/

/*mission*/
#mission-area {
margin: 0 85px 0 85px;
text-align: left;
height: 573px;
}
h1.missionheader {
font-family: courier new;
font-size: 22px;
color: #000000;
margin: 0px;
padding: 14px 0 30px 0;
line-height: 12px;
}
.mission-main-text {
font-family: Trebuchet MS;
font-size: 21px;
color: #4D4D4D;
line-height: 39px;
margin: 0;
padding: 0;
}
/*contact*/
#main-contact {
padding: 0 0 35px 0;
width: 1100px;
margin: 0 auto;
text-align: center;
height: 670px;
}
#contact-area {
margin: 30px 95px 0px 95px;
text-align: left;
float: left;
}
#contact-area-right {
margin: 30px 0px 0 20px;
float: left;
text-align: left;
}
.contact-text {
line-height: 28px;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color: #414141;
}
.contact-text a {
font-size: 15px;
color: #069;
text-decoration: none;
}
.contact-text a:hover {
font-size: 15px;
color: #069;
text-decoration: none;
}
#contact-area2 {
margin: 30px 95px 0 30px;
text-align: left;
float: right;
width: 440px;
}
.contact-text2 {
line-height: 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color: #414141;
}
/*wholesale*/
#wholesale-area {
margin: 0 85px 0 85px;
text-align: left;
height: 573px;
}
h1.wholesaleheader {
font-family: courier new;
font-size: 22px;
color: #000000;
margin: 0px;
padding: 14px 0 20px 0;
line-height: 12px;
}
.wholesale-main-text {
font-family: Trebuchet MS;
font-size: 21px;
color: #4D4D4D;
line-height: 39px;
margin: 0;
padding: 0;
}
.wholesale-main-text-email {
font-family: courier new;
font-size: 19px;
color: #000000;
line-height: 39px;
margin: 0;
padding: 0;
}
.wholesale-main-text-email a {
font-family: courier new;
color: #7a7a7a;
text-decoration: none;
}
.wholesale-main-text-email a:hover {
font-family: courier new;
color: #7a7a7a;
text-decoration: none;
}
/*coffeecart*/
.shipping{
position: absolute;
bottom: 1px;
font-family: Trebuchet MS;
font-size: 11px;
color: #666666;
border-top: 1px solid #BAB9B9;
padding-top: 12px;
margin-top: 15px;
}
.shipping a {
font-family: Trebuchet MS;
font-size: 11px;
color: #666666;
text-decoration: underline;
}
.coffeetitles{
font-family: Trebuchet MS;
font-size: 16px;
color: #000000;
vertical-align: text-top;
padding-top: 6px;
}
.coffeetype {
float: left;
font-family: Trebuchet MS;
font-size: 11px;
color: #000000;
vertical-align: text-top;
}
.coffeetypelink {
text-decoration: none;
}
.coffeetypelong {
float: left;
font-family: Trebuchet MS;
font-size: 13px;
color: #000000;
vertical-align: text-top;
}
.coffeeprice {
float: right;
font-family: Trebuchet MS;
font-size: 13px;
color: #000000;
}
.coffeedescription {
font-family: Trebuchet MS;
font-size: 11px;
color: #666666;
}
td {
vertical-align: top;
text-align: left;
padding-right: 22px;
}
.coffeeimage {
padding-bottom: 6px;
}

/*coffee coming soon*/
#main-coffee-soon {
padding: 0 0 35px 0;
width: 1100px;
margin: 0 auto;
text-align: center;
height: 630px;
}
#coffeesoon-area {
margin: 30px 0px 0 95px;
text-align: left;
float: left;
}
.coffeesoon-text {
line-height: 28px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #414141;
}

/*about us*/
#main-about {
padding: 0 0 35px 0;
width: 1100px;
margin: 0 auto;
text-align: center;
height: 1050px;
}
#about-area {
margin: 30px 95px 0 95px;
text-align: left;
float: left;
}
.about-text {
line-height: 27px;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color: #414141;
}
p.space {
margin: 0 0px 12px 0;
}

/*facebook*/

#facebook-icon {
position: absolute;
top: 20px;
left: 1090px;
}

/*location*/
#map {
position: relative;
width: 958px;
height: 649px;
margin: 0 auto;
background-image: url(images/coffeeplantroaster-map.jpg);
background-repeat: no-repeat;
background-position: center;
display: block;
}
.maptype1 {
position: absolute;
top: 455px;
left: 180px;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
text-align: left;
color: #000000;
}
.maptype1 a {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
color: #575757;
text-decoration: none;
}
.maptype1 a:hover {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
color: #575757;
text-decoration: none;
}
.maptype2 {
position: absolute;
top: 455px;
left: 428px;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
text-align: left;
color: #000000;
}

/*cart*/
#main-cart {
width: 958px;
margin: 0 auto;
text-align: center;
height: 608px;
}
.cart-image {
float: left;
width: 459px;
}
.coffee-rightarea {
position: relative;
float: right;
text-align: left;
padding-left: 55px;
width: 430px;
height: 573px;
}
.cart-description {
line-height: 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color: #414141;
}
.cart-description-table {
line-height: 18px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFF;
margin: 0;
padding: 0;
}
h1.cart-title {
font-family: courier new;
font-size: 17px;
color: #000000;
margin: 0px;
padding: 0px 0 0px 0;
}
h2.cart-title-right {
text-align: right;
font-family: courier new;
font-size: 18px;
color: #000000;
margin: 0px;
padding: 0px 0 10px 0;
margin-bottom: 35px;
}

/*email*/
.email a {
font-family: Times New Roman, Times, serif;
font-size: 16px;
color: #000000;
text-decoration: none;
}
.email a:hover {
font-family: Times New Roman, Times, serif;
font-size: 16px;
color: #000000;
text-decoration: none;
}