/* //////////////////////////////////////////////////////////////////////// 
/* Style Sheet 
/* Logic Red Web Design  - www.logicred.co.uk 
/* //////////////////////////////////////////////////////////////////////// */

/* BODY
****************************************************** */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {  margin:0; padding:0; }

html { overflow-y: scroll; }

body {
	font-family: verdana,arial; 
	font-size: 100%; 
	color: #261A06;
	height: 100%;
	background: #faf1ae url(images/back-final.jpg) repeat-x;
}

img { border: 0;}

#calcform {
	display: none;
}

#formhide, #formhide2, #formhide3, #formhide4 {
	display: none;
}

td { 	padding-left: 10px; }

/* DIVS
****************************************************** */

#shadow { width:990px; margin: auto; background: url(images/shadow.png) repeat-y;}

#container { width:940px; margin: auto; }

#logo_left {
	background: url(images/logo_left.jpg) no-repeat;
	width: 304px;
	height: 218px;
	float: left;
}

#slideshow {
	width: 636px;
	height: 218px;
	float: left;
}

#slideshow2 {
	float: right;
	border: 6px solid #E5E3DD;
	margin-left: 8px;
	margin-bottom: 5px;
}

#phone{
	background: url(images/phone.jpg) no-repeat;
	width: 252px;
	height: 39px;
	float: left;	
}

#nav_1 {
	background: url(images/nav_1.jpg) no-repeat;
	width: 167px;
	height: 39px;
	float: left;		
}

#nav_1 a {
	display:block;
	width: 167px;
	height: 39px;
}

#nav_2 {
	background: url(images/nav_2.jpg) no-repeat;
	width: 121px;
	height: 39px;
	float: left;	
}

#nav_2 a {
	display:block;
	width: 121px;
	height: 39px;
}

#nav_3 {
	background: url(images/nav_3.jpg) no-repeat;
	width: 127px;
	height: 39px;
	float: left;	
}

#nav_3 a {
	display:block;
	width: 127px;
	height: 39px;
}

#nav_4 {
	background: url(images/nav_4.jpg) no-repeat;
	width: 118px;
	height: 39px;
	float: left;	
}

#nav_4 a {
	display:block;
	width: 118px;
	height: 39px;
}

#nav_5 {
	background: url(images/nav_5.jpg) no-repeat;
	width: 155px;
	height: 39px;
	float: left;	
}

#nav_5 a {
	display:block;
	width: 155px;
	height: 39px;
}

#main_background { 
	background-color: #3d1f01;
	width: 940px;
	float: left;
	min-height: 260px;
	font-size: 12px;
}

#teaser_left {
	background: url(images/teaser_left.jpg) no-repeat;
	width: 372px;
	height: 303px;
	float: left;	
}

#teaser_left a {
	display:block;
	width: 372px;
	height: 303px;
}

#teaser_right {
	background: url(images/teaser_right.jpg) no-repeat;
	width: 568px;
	height: 303px;
	float: left;	
}

#teaser_right a {
	display:block;
	width: 568px;
	height: 303px;
}

#teaser_empty {
	background-color: #e6e4d2;
	width: 940px;
	float: left;	
	font-size: 12px;
}

.teaser_empty_pad {
	padding: 20px 20px 10px 20px;
}

#footer_caffekiraz {
	background: url(images/footer_caffekiraz.jpg) no-repeat;
	width: 276px;
	height: 132px;
	float: left;	
}

#footer_caffekiraz a {
	display: block;
	width: 276px;
	height: 132px;
}

#footer_menu {
	width: 391px;
	height: 132px;
	float: left;	
	background-color: black;
	color: white;
	font-size: 12px;
	text-align: center;
}

.footer_menupad {
	padding: 30px 10px 10px 10px;
}

#footer_fairtrade {
	background: url(images/footer_fairtrade.jpg) no-repeat;
	width: 273px;
	height: 132px;
	float: left;	
}

#footer_fairtrade a {
	display: block;
	width: 273px;
	height: 132px;
}

/* LEFT COL */

#left {
	background: url(images/main_background.jpg) repeat-y;
	width: 690px;
	float: left;
	font-size: 12px;
	line-height: 21px;
	color: #e5e0ca;
	min-height: 275px;
}

.left_pad { padding: 20px 10px 10px 20px }

#left a:hover { text-decoration: none; color:white; }

/* RIGHT COL */

#right {	
	color: #e5e0ca;
	background-color: #3d1f01;
	width: 250px;
	float: left;
	font-size: 12px;
	line-height: 22px;
}

.right_pad { padding: 20px 10px 0px 5px }

#left li { margin-left: 20px;}
#right li { margin-left: 15px;}

/* TEASER AREA */

#teaser-long-container {
	border-top: 15px solid black;
	background-color: #ab681f;
	float: left;
	width: 100%;
}

#teaser-centre-container {
	width:881px;
	margin: auto;
	background: url(images/teaser_back.jpg) repeat-x;
	height: 147px;
}

.teaser-pad { padding: 10px 10px 10px 10px }

/* FOOTER AREA */

#footer-long-container { background-color: black; float: left; width: 100%; height: 60px;}

#footer-centre-container { 
	width:913px;
	margin: auto;
	color: white;
	padding-top: 10px;
	font-size: .9em;
}

/* HEADINGS */

h1 { color: white; font-family: calibri,Verdana; font-size: 21px; font-weight: normal;  }
h2 { color: white; font-family: calibri, Verdana; font-size: 20px; font-weight: normal;  }
h3 { color: white; font-family: calibri, Verdana; font-size: 24px; font-weight: normal;  }

/* MAIN MENU AT THE TOP 
/* //////////////////////////////////////////////////////////////////////// */

#menu {text-align: left; list-style: none;}
#menu li {display: block; height: 31px; float: left; line-height: 31px; list-style: none;}
#menu li a {
	text-transform: uppercase;
	padding: 0px 17px 0px 17px;
	font-family: arial;
	color: #EEEEEE;
	font-size: .9em;
	text-decoration: none;
}
#menu li a:hover {color: black;}
li.rightborder { border-right: 1px solid #424340; } 

/* FOOTER MENU 
/* //////////////////////////////////////////////////////////////////////// */

#footer-centre-container { text-align: center;list-style: none;}
#footer-centre-container li {display: inline; }
#footer-centre-container li a {
	text-transform: uppercase;
	padding: 0px 17px 0px 17px;
	font-family: arial;
	color: #EEEEEE;
	font-size: .9em;
	text-decoration: none;
}
#footer-centre-container li a:hover {color: #cacaca;}


/* OTHER BITS */
/* **************************************************** */

.image-border { border: 1px solid #E5E3DD; padding: 2px; }

.fatborder {
	background-color:#676247;
	border:12px solid #cc6600;
	padding:1px;
}	

a { color: #f77c00; }
strong { color: #f77c00; }

.clear {	clear: left; }

/* Fix's #container not clearing inner floats in firefox */
	.floatfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
	* html .floatfix {
	height: 1%;
}

.monster_button {
	background-color: #9f0000 !important;
	border-color: #9f0000;
	color: white;
	height: 33px;
	font-size: 18px;
	padding: 0px 5px 0px 5px;
	margin-top: 10px;
}

.disc {
	font-size: 10px;
}