@charset "utf-8";

/* CSS Document */

/*================================================
 Reset the styles.
================================================*/
html {  padding: 0; margin: 0; border: 0; }

body {  padding: 0; margin: 0; border: 0; color: #887054; font-family:"Lucida Sans Unicode",  "Lucida Grande",  "Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif; font-size: 12px; line-height: 14px; background: #140a03;  }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; font-family: Arial;}

a, a:link, a:focus, a:hover, a:active { font-size: 12px; color: #887054; }

a, a:link, a:focus, a:hover, a:active { outline: none; }

a:hover { text-decoration: none; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

input[type=radio], input[type=checkbox] { vertical-align: middle; margin: 0; }

address, caption, cite, code, dfn, em, th, var, optgroup { font-style: inherit; font-weight: inherit; }

del, ins { text-decoration: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

sup { vertical-align: baseline; }

sub { vertical-align: baseline; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; padding: 0; margin: 0; }

input:focus, textarea:focus, button, select:focus { outline: none }

p { padding: 7px 0px 5px 0px; }


html, body { height: 100% !important;}

/*===================================================================================
	General blocks
====================================================================================*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html.clearfix {height:1%;}
#page{
	min-width: 1015px;
	background: url(../images/bg/global-cont-bg.png) repeat left top;
}

#gloal-conteiner {
	background: url(../images/bg/page-bg.png) repeat-x left top;

}

#footer {
min-width: 1015px;
}

#footer-container {
	min-height: 133px;
	background: url(../images/bg/footer-bg.png) repeat-x left top #261407;
	position: relative;
	min-width: 1015px;
		float: left;
	width: 100%;
}

#wrapper {
	width: 1015px;
	margin: 0 auto;	
	min-height: 400px;
}

#header {
	height: 457px;
	position: relative;
	padding: 0px 0px 0px 250px;
	background:url(../images/bg/header-bg.png) no-repeat center 54px;
}

#content {
	padding: 0px 0px 25px 0px;
}

h1, h2, h3, h4 {
	font-size: 19px;
	line-height: 19px;
	color: #e2d1b8;
	background: url(../images/elem/title-arrow.png) no-repeat left 1px;
	padding: 0px 0px 3px 25px;
}


/*=====================================================================================================
	HEADER
=====================================================================================================*/

.logo {
	display: block;
	position: absolute;
	left: 382px;
	top: 7px;
}

.header-cup {
	background: url(../images/header-cup.png) no-repeat left top;
	width: 246px;
	height: 240px;
	position: absolute;
	right: 52px;
	bottom: -36px;
}

.head-email {
	width: 130px;
	height: 127px;
	background: url(../images/elem/head-email.png) no-repeat left top;
	position: absolute;
	left: 120px;
	bottom: 14px;
}

.head-email:hover {
	background-position: left -130px;
}

.head-cont {
	width: 460px;
	padding: 274px 0px 0px 0px;
	font-size: 16px;
	color: #5d361a;
}

.head-cont  .cufon {
	padding: 0px 0px 5px 0px;
}


/*============================================================================================
	content top block
============================================================================================*/

#cont-top-blk {
	float: left;
	width: 100%;
	background:url(../images/bg/cont-top-end-bg.png) no-repeat 51px bottom;
	padding: 0px 0px 11px 0px;
}

.ct-blk-txt {
	background:url(../images/bg/cont-top-bg.png) repeat-y 11px top;
	min-height: 200px;
	overflow: hidden;
	padding: 0px 0px 10px 51px;
}

.caffe-map {
	float: left;
	width: 348px;
	padding: 10px 0px 0px 10px;
}

.caffe-story {
	float: left;
	width: 330px;
	padding: 4px 10px 0px 0px;
	color: #887054;
}

.caffe-story p {
	padding: 10px 0px 4px 0px;
	line-height: 15px !important;
}

.caffe-sidebar {
	width: 150px;
	float: left;
	height: 270px;
	background: url(../images/bg/caffe-sidebar-bg.png) no-repeat 8px 15px;
	padding: 55px 50px 0px 50px;
	overflow: hidden;
}

.caffe-sidebar h2{
	background: none !important;
	padding: 0px 0px 5px 0px !important;
	color: #381d0d !important;
	font-size: 20px !important;
	text-align: center;
}

.sidebar-list {
	list-style: none;
	margin: 0px;
	padding: 4px 0px 0px 0px;
}

.sidebar-list li {
	text-align: center;
	padding: 0px;
	background: none !important;
	margin: 0px;
	line-height: 12px !important;
	padding: 0px 0px 2px 0px !important;
}

.sidebar-list li a {
	font-size: 12px;
	color: #745239 !important;
	text-decoration: none;
}

/*==============================================================================================
	CONTACT US BLOCK
==============================================================================================*/

.contact-blk {
	min-height: 160px;
	background: url(../images/bg/contact-us-bg.png) no-repeat 52px 5px;
	float: left;
	width: 100%;
	margin: 0px 0px 2px 0px;
	position:relative;
}

.contact-cup {
	background:url(../images/elem/contact-cup.png) no-repeat left top;
	width: 224px;
	height: 221px;
	position: absolute;
	left: 5px;
	top: -28px;
}

.contact-cont {
	padding: 25px 0px 0px 256px;
	width: 267px;
	float: left;
}

.contact-cont img {
	margin: 0px 0px 0px 10px;
}

.contact-cont p {
	color: #5d361a;
	font-size: 15px;
	line-height: 20px;
	padding: 2px 0px 0px 2px;
}

.fone-us {
	display: block;
	background:url(../images/elem/fone-us.png) no-repeat left top;
	width: 173px;
	height: 164px;
}

.fone-us p {
	padding: 30px 0px 0px 20px;
	color: #381d0d;
	font-size: 14px;
}

.contact-blk .fone-us {
	position: relative;
	top: 3px;
	float: left;
	z-index: 1;
}

.email-us {
	width: 174px;
	height: 169px;
	background: url(../images/elem/contact-email-us.png) no-repeat left top;
	display: block;
}

.email-us:hover {
	background-position: left -170px; 
}

.contact-blk .email-us {
	float: left;
	margin: 0px 0px 0px -30px;
	position: relative;
	z-index: 10;
}

/*=================================================================================================
	two-col-blk
=================================================================================================*/

.two-col-blk {
	background: url(../images/bg/two-col-blk-top.png) no-repeat 51px top;
	padding: 16px 0px 0px 0px;
	overflow: hidden;
	float: left;
	width: 100%;
}

.two-col-main, .two-col-cont {
	background: url(../images/bg/two-col-blk-bot.png) no-repeat 51px bottom;
	padding: 0px 0px 16px 0px;
	overflow: hidden;
	float: left;
	width: 100%;
}

.two-col-cont {
	background: url(../images/bg/two-col-blk-cont.png) repeat-y 51px top !important;
	color: #887054;
	overflow: hidden;
	padding: 14px 0px 5px 51px;
}

.tlb-left {
	float: left;
	width: 401px;
	padding: 0px 35px 0px 25px;
}

.tlb-right {
	float: left;
	width: 402px;
	padding: 0px 25px 0px 25px;
}

.two-col-cont p {
	color: #887054;
	line-height: 15px;
}

.tlb-left ul li {
	color: #e2d1b8;
}

#content ul {
	list-style: none;
	padding: 7px 0px 5px 0px;
	margin: 0px;
}

#content ul li {
	padding: 0px 0px 4px 24px;
	background: url(../images/elem/list-arrow.png) no-repeat left 2px;
}

#content ul li a {
	color: #e2d1b8;
	text-decoration: none;
	display: inline-block;
}

.sec-list {
	padding: 13px 10px 5px 1px !important;
}

.sec-list li {
	padding: 0px 0px 15px 24px !important;
	line-height: 16px !important;
		background: url(../images/elem/list-arrow.png) no-repeat left 4px !important;
}

/*===================================================================================
	FOOTER
===================================================================================*/

.footer-cont, .footer-sec-cont {
	width: 914px;
	margin: 0 auto;
}

.foot-main-cont {
	float: left;
	width: 100%;
	padding: 0px 0px 35px 0px;
	position: relative;
}
.main-left-cont {
	float: left;
	width: 422px;
	color: #795532;
	padding: 45px 35px 0px 0px;
	background: url(../images/elem/good-to-know.png) no-repeat left 22px;
	min-height: 30px;
}

.main-left-cont p {
	padding: 11px 0px 0px 0px;
	color: #795532;
}
 

.main-right-cont {
	float: left;
	width: 455px;
	padding: 27px 0px 0px 0px;
}

.main-right-cont .foot-list {
	margin: 0px 20px 0px 0px;
}

.foot-list {
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
	min-width: 185px;
	max-width: 245px;
}

.foot-list li {
	background: url(../images/elem/footer-list-arrow.png) no-repeat left 0px;
	padding: 0px 0px 8px 25px;
}

.mar-res {
	margin-right: 0px !important;
}

.foot-list li a {
	text-decoration: none;
}

.footer-sec-cont {
	padding: 0px 10px 0px 0px;
	color: #795532;
}

.footer-sec-cont p {
	padding: 0px;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.footer-sec-cont a {
	color: #bd966a;
	text-decoration: none;
}

.footer-sec-cont a img {
	position: relative;
	left: 6px;
    vertical-align: middle;
}

.small-logo {
	position: absolute;
	left: 411px;
	bottom: -58px;
}

.footer-sec-cont .foot-main-cont {
	padding: 16px 0px 30px 0px;
}

.fairtrade {
	background: url(../images/elem/fairtrade.png) no-repeat left top;
	width: 197px;
	height: 188px;
	position: absolute;
	right: -12px;
	top: -10px;
}