/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 11, 2013 12:04:44 PM America/New_York */
@font-face {
    font-family: 'BitterRegular';
    src: url('../fonts/Bitter-Regular-webfont.eot');
    src: url('../fonts/Bitter-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Bitter-Regular-webfont.woff') format('woff'),
         url('../fonts/Bitter-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Bitter-Regular-webfont.svg#BitterRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BitterItalic';
    src: url('../fonts/Bitter-Italic-webfont.eot');
    src: url('../fonts/Bitter-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Bitter-Italic-webfont.woff') format('woff'),
         url('../fonts/Bitter-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Bitter-Italic-webfont.svg#BitterItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BitterBold';
    src: url('../fonts/Bitter-Bold-webfont.eot');
    src: url('../fonts/Bitter-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Bitter-Bold-webfont.woff') format('woff'),
         url('../fonts/Bitter-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Bitter-Bold-webfont.svg#BitterBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0; outline: none;}

#socials {position:absolute;top:10px;right:0px;}

img { border:0; }
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	background:#3c3c3c url("../_img/bg.jpg") no-repeat top center;
}
h1, h2 {
	font-family: 'BitterRegular', Arial, sans-serif;
	font-style: normal;
	font-size: 37px;
	line-height:40px;
	letter-spacing: -1px;
	color: #693509;
	margin: 0;
}
h3 {
	font-family: 'BitterRegular', Arial, sans-serif;
	font-style: normal;
	font-size: 20px;
	line-height:18px;
	color: #693509;
	margin-top: 8px;
}
p {
	font-family: 'BitterRegular', Arial, sans-serif;
	font-style: normal;
	font-size: 12px;
	line-height:18px;
}
#wrapper {
	width: 960px;
	margin: 0 auto 30px;
	position: relative;
}
#header {
	background: #3c3c3c;
	/*background: url("../_img/header-bg.png") repeat-x;*/
	height: 105px;
	width: 100%;
}
#nav {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#nav ul {
	position: absolute;
	right:0;
	top: 13px;
	list-style: none;
}
#nav ul li {
	float: left;
	position:relative;
}
#nav ul li a {
	display: block;
	padding: 0;
	font: 18px/92px 'BitterBold', Arial, sans-serif;letter-spacing: 0;
	font-style: normal;
	color: #ccb165;
	text-align: center;
	text-decoration: none;
}
#nav ul li a:hover { color: #a5530c; }
#nav ul li a.home { width: 80px; background: url("../_img/nav/hover-home.jpg") bottom no-repeat -9999px -9999px; }
#nav ul li a.home:hover, #home #nav ul li a.home { background: url("../_img/nav/hover-home.jpg") bottom no-repeat; color: #a5530c; }
#nav ul li a.about { width: 112px; background: url("../_img/nav/hover-about.jpg") bottom no-repeat -9999px -9999px; }
#nav ul li a.about:hover, #about #nav ul li a.about { background: url("../_img/nav/hover-about.jpg") bottom no-repeat; color: #a5530c; }
#nav ul li a.products { width: 109px; background: url("../_img/nav/hover-products.jpg") bottom no-repeat -9999px -9999px; }
#nav ul li a.products:hover, #products #nav ul li a.products, .hoverStateProducts, #nav ul li.hoverStateProducts a { background: url("../_img/nav/hover-products.jpg") bottom no-repeat; color: #a5530c; }
#nav ul li a.recipes { width: 109px; background: url("../_img/nav/hover-products.jpg") bottom no-repeat -9999px -9999px; }
#nav ul li a.recipes:hover { background: url("../_img/nav/hover-products.jpg") bottom no-repeat; }
#nav ul li a.contact { width: 125px; background: url("../_img/nav/hover-contact.jpg") bottom no-repeat -9999px -9999px; }
#nav ul li a.contact:hover, #contact #nav ul li a.contact { background: url("../_img/nav/hover-contact.jpg") bottom no-repeat; color: #a5530c; }
#nav ul li a.factory { width: 159px; background: url("../_img/nav/hover-factory.jpg") bottom no-repeat -9999px -9999px; }
#nav ul li a.factory:hover, #factory #nav ul li a.factory { background: url("../_img/nav/hover-factory.jpg") bottom no-repeat; color: #a5530c; }
#nav li>ul {
	top: auto;
	}
#nav ul ul {
	display: none;
	position: absolute;
	margin: 0px;
	width: 230px;
	top: 100%;
	left:0px;
	font-size: 10px;
	background: url("../_img/hover-bg.png");
	z-index: 2000;
	}
#nav li li {
	width:100%;
	margin:0px;
	display: block;
	clear: both;
	border: 0;
	}
#nav li li.title {
	text-align: left;
	color: #f6eedd;
	font-family: 'BitterRegular', Arial, sans-serif;letter-spacing: 0;
	font-size: 20px;
	line-height: normal;
	padding: 20px 20px 10px 30px;
}	
#nav li li a {
	padding: 3px 0 3px 40px;	
	display: block;
	color: #f6eedd;
	text-decoration: none;
	font-family: 'BitterRegular', Arial, sans-serif;letter-spacing: 0;
	font-size: 13px;
	line-height: normal;
	font-style: normal;
	text-align: left;
	}
#nav li li a.last {
	padding-bottom: 30px;
}
#nav li li a:hover {
	color: #fff;
}
#nav ul li.hoverStateProducts li a {
	background: none;
	color: #f6eedd;
}
.sub_navigation {
	display: none;
}
#logo {
	position: absolute;
	left:0;
	top: 0;
	z-index: 1200;
	width: 210px;
	height: 382px;
}
#board {
	background: url("../_img/cutting-board1.png") no-repeat bottom;
	width: 960px;
	height: 534px;
}
#aboutBanner {
	width: 960px;
	margin-top: 40px;
	height: 410px;
}
#contactTop {
	width: 440px;
	margin-top: 40px;
	height: 300px;
	padding-left: 220px;
	float: right;
	background:url("../_img/phone.png") left top no-repeat;
}
#contactTop p {
	font-size: 22px;
	line-height: 32px;
}
#contactTop h1 {
	font-size: 34px;
}
#productContainer {
	padding-top: 40px; border-top: 2px solid #c49f7a;
}
#productTop {
	width: 596px;
	margin-top: 40px;
	margin-right: 60px;
	height: 245px;
	float: right;
}
#productTop p {
	font-size: 12px;
	line-height: 18px;
	margin-top: 20px;
}
#productTop h1 {
	font-size: 34px;
}
#homeRight {
	position: relative;
	display: inline;
	float: right;
	margin-top: 30px;
	width: 433px;
	height: 214px;
	padding: 36px 65px 0;
	background: url("../_img/home-right-bg.png") no-repeat bottom;
}
#homeLeft {
	position: relative;
	display: inline;
	float: left;
	margin-top: 16px;
	width: 345px;
	height: 96px;
	padding: 174px 23px 0;
	background: url("../_img/home-left-bg.png") no-repeat bottom;
}
a.btnLearn {
	display: block;
	width: 95px;
	height: 21px;
	background: url("../_img/btn-learn-more.png") no-repeat;
	cursor: pointer;
	text-indent: -9999px;
	float: right;
}
#content {
	width: 750px;
	margin: 50px auto;
	padding: 60px 98px;
	background: #f3e7de url("../_img/box-bg.png") repeat-x;
	-webkit-box-shadow: 0 1px 5px -1px #905F35;
	box-shadow: 0 1px 5px -1px #905F35; 
}
#content h1 {
	font-size: 34px;
}
#content p {
	margin: 16px 0;
}
.product {
	width: 284px;
	height: 122px;
	overflow: hidden;
	margin: 3px;
	float: left;
	padding: 15px 10px 0 20px;
	background: #f3e7de url("../_img/box-bg.png") repeat-x;
	-webkit-box-shadow: 0 1px 4px -1px #905F35;
	box-shadow: 0 1px 4px -1px #905F35; 
}
.product h3 {
	font-size: 19px;
	margin-bottom: 3px;
	line-height:24px;
	font-family: 'BitterBold',Arial,sans-serif;
	font-weight: normal;
}
.product p {
	font-size: 15px;
}
	
#footer {
	width: 960px;
	line-height: 33px;
	margin: 40px auto 0;
	background: url("../_img/footer-bg.png");
}
#footer .copyright {
	width: 330px;
	display: inline;
	float: right;
	color: #f4e8d1;
	font-family: 'BitterRegular', Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	padding-right: 12px;
	text-align: right;
}
#footer ul {
	list-style: none;
	width: 500px;
	float: left;
	margin-left: 10px;
}
#footer ul li {
	float: left;
}
#footer ul li a {
	padding: 6px 12px;
	color: #f4e8d1;
	text-decoration: none;
	font-family: 'BitterRegular', Arial, sans-serif;
	font-style: normal;
	font-size: 12px;
}
a {
	color: #000;
}
a:hover {
	color: #888;
}