body { color: #736357; font-family: Arial, Helvetica, sans-serif; line-height: 120%; text-align: center; margin: 0;}
a, a img { color: #3E1E13; text-decoration: none; outline: none; border: none; font-weight: bold; }
a:hover { text-decoration: underline; }
h2 { color: #534741; margin: 6px 0; }
p { margin: 8px 0; }
dl { margin: 0; }
#inner_wrap { clear: left;  }
#center_wrap { margin: 0 auto; padding: 0; position: relative; text-align: left; width: 1024px;}
#attention { background-color: #600; color: #FFF; height: 21px; font-size: 13px; font-weight: bold; width: 1024px; margin: 0 auto;}
#attention p { color: #FC0; margin: 0;}
#attention a { color: #FFF; padding: 0 19px;}
#content { width: 1024px; float: left; }
#webLogo a { background: transparent url('/img/strategyKana.png') no-repeat;  height: 102px; width: 181px; float: left; position: absolute; top: 23px;}
#webHeader { height: 130px;}
#webHeader ul { background: url('/img/thin.jpg') no-repeat bottom;  font-family: Century Gothic, Verdana, Geneva, sans-serif; height: 30px; text-align: right; margin: 0; padding: 0 0 0 242px; height:93px;}
#webHeader li {	display: block; width: 85px; float: left; text-align: center; padding: 55px 0 13px;; background: transparent url('/img/menuSpace.jpg') no-repeat left ;}
#webHeader li:hover {	background: transparent url('/img/menuToggle.jpg') repeat-x bottom center ;}
#webHeader li a { font-weight: normal; font-size: 14px; padding: 55px 7px 13px;}
#webHeader li a:hover { color: #FFF; text-decoration: none;}
#social a {float: right; display: block; margin: 5px 2px 0;}
#webHeader h1 { font-family: Georgia, "Times New Roman", Times, serif; color: #900; font-size: 18px; font-weight: normal; margin: 18px 10px 0 457px; float: left; position: absolute}
#ssTop {background: transparent url('/img/ssTop.jpg') center no-repeat;  height: 22px;}
#ssBottom {background: transparent url('/img/ssBottom.jpg') center no-repeat;  height: 22px;}
#column { width: 255px; float: right;}
.sideItem {	padding: 0 0 15px;}
#facebook {	float: left; width: 120px;}
#happening { float: left; margin: 0 26px; width: 555px; text-align: left;}
#happeningImage { background: url('/img/whatsHappening.jpg') no-repeat;	height: 41px; width: 500px;}
#happening p { font-family: Century Gothic, Verdana, Geneva, sans-serif; font-size: 13px; line-height: 180%; text-align: justify; color: 3F2A1A; padding-left: 10px;}
#happening h1 { font-size: 17px;}
#happening h2 a { color:#33CC66; margin: 6px 0;}
#happening img { float: left; margin-right: 15px;}
#happening a:hover { text-decoration: none;}
#sayWhat { background: url('/img/sayWhat.jpg') no-repeat; height: 162px; width: 500px; margin: 30px 0 0 50px; clear: both;	padding: 36px 30px 0; color: #FFF;}
#about { line-height:180%; text-align:justify; width: 700px; color: 3F2A1A;}
#Contact form { width: 350px; float: left;}
#Contact dl, #Contact dt { margin-bottom: 15px; }
#Contact input, #Contact textarea { width: 290px; }
#googleMap { float: left; width: 300px;}
#FAQ { text-align:center; width:640px; color: 3F2A1A; }
#FAQ h2 { margin: 25px 0; }
#faq_list dt { margin: 16px 0; }
#Tips { line-height: 180%; text-align: justify; width: 640px; color: 3F2A1A;}
#coffee_terms_tab dt { font-weight: bold; }
#subnav { overflow: hidden; margin: 0 0 10px; padding: 0; }
#subnav li { display: inline; margin-right: 5px; }
#subnav li a { display: block; float: left; height: 73px !important; text-indent: -99999px;}
#subnav #recipies a { background: url('/img/nav_recipies.jpg') no-repeat; width: 208px; }
#subnav #brewing_tips a { background: url('/img/nav_brewing_tips.jpg') no-repeat; width: 208px; }
#subnav #coffee_terms a { background: url('/img/nav_coffee_terms.jpg') no-repeat; width: 208px; }
#subnav a:hover { background-position: 0px -73px !important; }
.ui-tabs-hide { display: none; }
.ui-tabs-selected a { background-position:0 -73px !important; }
#wholesale p { width: 648px; }
#wholesale dd {	margin: 0 25px; }
#wholesale dt {	color: #3F181A;	font-weight: bold; margin: 10px 0; }
#wholesale textarea { width: 590px; }
.form { width: 300px; }
.formText { width: 590px; }
#footer_wrap { clear: both; }
#footer { background: url('/img/footer.jpg') no-repeat; height: 98px; text-align: right; }
#footer ul { padding: 39px 0 0 0; margin: 0; float: left; }
#footer ul li { display: inline; font-size: 75%; margin: 0; padding: 0 0px 0 12px; font-weight: bold; }
#footer ul li a { color: #FFF; font-size: 14px; }
#footer ul li a:hover { color: #3E1E13; text-decoration: none; outline: none; border: none; }
#leftFooter ul a { padding: 0 13px 0 0; }
#privacy { width: 620px; text-align: justify; }
#leftFooter { width: 420px; float: left; text-align: left; }
#kanaFooterLogo { float: left; }
#rightFooter { width: 420px; float: left; }
#footerMap {background: url('/img/thin.jpg') no-repeat scroll 0 60px; text-align: left; height: 200px; width: 1024px; clear: both}
#footerMap ul {width: 200px; padding: 0; margin: 0; float: left; list-style: none; margin-top: 70px;}
#footerMap ul li a {font-family: Century Gothic, Verdana, Geneva, sans-serif; font-size: 12px; color: 594A42; font-weight: normal; color:#726658;}
#footerMap ul li a:hover {color: #F90;}
#footerLogo {background: transparent url('/img/strategyKana.png') no-repeat;  height: 102px; width: 181px; float: right; margin-right: 12px;  }

#links { clear: both; width: 1024px; }
#youTube { margin: 15px 0; }
#slideshow { width: 1024px; height: 400px; }
#buzz { font-family: Century Gothic, Verdana, Geneva, sans-serif; float: left; margin-right: 20px; width: 610px;}
#buzz h2 { color: #3E1E13; font-size: 20px; }
#buzz p { font-size: 12px; line-height: 22px; text-align: justify; }
#cafeCubano {width: 57px; height: 100px; float: left;}
#smoothCoffee p {font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 10px; line-height: 18px; margin: 0px;}
#flashSlideshow { }
#belowSlideshow img { float: left; margin-left: 20px; }
#chat { margin-left:195px; position:absolute; }
#copywrite { clear: both; width: 300px; margin: 0 auto; font-size: 10px; }

#bagSelect {clear: both;}
#bagSelect ul {margin: 0px}

#navigation {
	list-style: none;
	padding: 0;
}

#navigation li {
	float: left;
	width: 144px;
}

#navigation a * {
  display: none;
}
#navigation a {
  height: 215px;
  position: relative;
  display: block;
}

#navigation a.hialeahBlend {
  background: url(/img/js/hialeahBlend.png) 0 0 no-repeat;
}
#navigation a.hialeahBlend .hover {
  background: url(/img/js/hialeahBlend_.png) 0 0 no-repeat;
  height: 215px;
  position: relative;
  display: block;
}

#navigation a.matanzasBlend {
  background: url(/img/js/matanzasBlend.png) 0 0 no-repeat;
}
#navigation a.matanzasBlend .hover {
  background: url(/img/js/matanzasBlend_.png) 0 0 no-repeat;
  position: relative;
  display: block;
  height: 215px;
}

#navigation a.havanaBlend {
  background: url(/img/js/havanaBlend.png) 0 0 no-repeat;
}
#navigation a.havanaBlend .hover {
  background: url(/img/js/havanaBlend_.png) 0 0 no-repeat;
  position: relative;
  display: block;
  height: 215px;
}

#navigation a.orlandoBlend {
  background: url(/img/js/orlandoBlend.png) 0 0 no-repeat;
}
#navigation a.orlandoBlend .hover {
  background: url(/img/js/orlandoBlend_.png) 0 0 no-repeat;
  position: relative;
  display: block;
  height: 215px;
}

#navigation a.southbeachBlend {
  background: url(/img/js/southbeachBlend.png) 0 0 no-repeat;
}
#navigation a.southbeachBlend .hover {
  background: url(/img/js/southbeachBlend_.png) 0 0 no-repeat;
  position: relative;
  display: block;
  height: 215px;
}

#navigation a.varaderoBlend {
  background: url(/img/js/varaderoBlend.png) 0 0 no-repeat;
}
#navigation a.varaderoBlend .hover {
  background: url(/img/js/varaderoBlend_.png) 0 0 no-repeat;
  position: relative;
  display: block;
  height: 215px;
}

#navigation a.mariasmadnessBlend {
  background: url(/img/js/mariasmadnessBlend.png) 0 0 no-repeat;
}
#navigation a.mariasmadnessBlend .hover {
  background: url(/img/js/mariasmadnessBlend_.png) 0 0 no-repeat;
  position: relative;
  display: block;
  height: 215px;
}