/*
Theme Name: BeaneryDark
Theme URI: shumedd
Description: New dark beanery theme
Version: 3.0
Author: Rob King
Author URI: http://wetstreetcreative.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/
body {
	margin:0;
	padding: 15px 0 0 0;
	color:#fff;
	font:12px Georgia, Arial, Verdana, Tahoma, sans-serif;
	background:url('images/dark-background.jpg') no-repeat #000 center top;
	min-width:780px;
}
img {
	border: none;
}
/*for all links*/
a {
	text-decoration:underline;
	color:#C8994B;
	outline:none;
}
a:hover {
	text-decoration:none;
}
.all {
	width:784px;
	margin:0 auto;
}
/*main block container*/
.main-holder {
	width:784px;
	height:530px;
	position:relative;
	z-index:100;
	background:url('images/main-block.png') no-repeat;
}
/*main block*/	
#main {
	width:768px;
	margin:0 auto;
	background:url('images/body-inner.jpg') no-repeat bottom;
	overflow:hidden;
}
/*header*/
#header {
	width:770px;
	height:169px;
	margin:0 auto;
	background:url('images/logo.jpg') no-repeat;
	overflow:hidden;
}
/*logo*/
#header h1 {
	width:288px;
	margin:13px auto 0 auto;
}
#header h1 a {
	width:288px;
	height:138px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
.paperclip {
	background:url('images/paperclip.png') no-repeat;
	width:62px;
	height:70px;
	display:block;
	position:absolute;
	z-index:1000;
	top:185px;
	left:-15px;
}
.photos {
	background:url("images/photo.png") no-repeat;
	height:306px;
	width:410px;
	display:block;
	list-style:none;
	margin:21px 0 0 -19px;
	position:relative;
	float:left;
	clear:none;
	padding:0;
}
.photos li {
	left:11px; 
	top:13px;
	position:relative;
}
.content {
	width:360px;
	height:335px;
	overflow:auto;
	float:left;
	margin:10px 0 0 10px;
	line-height:20px;
}
.utz {
	position:absolute;
	top:27px;
	right:-55px;
	text-indent:-9999px;
}
.utz a {
	width:62px;
	height:60px;
	display:block;
	background:url('images/utz.jpg') no-repeat 0 0;
}
.utz a:hover {
	background:url('images/utz.jpg') no-repeat 0 -60px;

}

.subnav {
	position:absolute;
	top:190px;
	left:220px;
	width:145px;
	list-style:none;
	margin:0;
	padding:3px 0 3px 0;
	font-size:10px;
	color:#f1f1f1;
	z-index:700;
	background:#fff;
}
.subnav li, .subnav .page_item, .subnav li.page_item {
	float:left; position:relative; padding:8px;
}

.subnav a { 
padding:3px;
	background:#000; 
	color:#fff;
	text-decoration:none;
	}
	.subnav a:hover {
		background:#333;
	}
	.subnav .current {
		background:#333;
		text-decoration:underline;
	}

.subnav .title {
position:relative;
color:#333;
font:bold 16px/18px Arial, Verdana, Tahoma, sans-serif;
float:none;
}	

 
 h2, h3, h2 a {
	padding:2px 0px 2px 0;
	margin:0;
	font:bold 24px/28px Arial, Verdana, Tahoma, sans-serif;
	color:#C8994B;
	text-decoration:none;
}
 h2 a { margin:0; padding: 0; background:none; }
 h3 { font:bold 22px/26px Arial, Verdana, Tahoma, sans-serif; }

.txtCopyright { visibility:hidden; display:none; }
.clear{
 width:100%;
 height:1px;
 display:block;
 float:none;
 clear:both;
 }
/*content text block*/
.cont-text {
	width:385px;
	float:left;
	margin:0;
	padding:0;
}


/*footer*/
#footer {
	width:734px;
	margin:-8px auto 0 auto;
	position:relative;
}
/*main navigation in footer*/
#footer ul {
	width:734px;
	margin:0 auto;
	padding:8px 0 35px 12px;
	list-style:none;
	background:url('images/nav.png') no-repeat;
	overflow:hidden;
}
#footer li {
	padding:0 7px;
	float:left;
}

#footer li a {
	display:block;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
li.our-company a {
	width:128px;
}
li.cafes-stores a {
	width:131px;
}
li.blends a {
	width:106px;
}
li.our-coffe a {
	width:173px;
}
li.contact a {
	width:106px;
}
#footer li a span {
	display:block;
	width:51px;
	height:50px;
	margin:27px auto 0 auto;
	position:relative;
}
#footer li a:hover span,
#footer li.active a span {
	background:url('images/nav-hover.png') no-repeat;
}
