/***********************************************************
 Global Reset
************************************************************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ul { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight: normal; }
q:before, q:after { content:'' }
a { text-decoration:none }
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative }
a img { border:none }
* { outline: none; }

/***********************************************************
 Let the games begin...
************************************************************/
html {
	background: #fff;
}

body {
	background: #fff;
	font-family: arial, georgia, "times new roman", times, serif;
	font-size: 11px;
	line-height: 18px; font-style: normal;
	font-weight: 400;
	color: #551900;
	margin: 0 auto;
}

div.clear {
	clear: both;
}

a {
	font-family: arial;
	font-size: 11px;
	font-weight: 400;
	color: #986133;
	text-decoration: underline;
}

small {
	font-family: Verdana;
	font-size: 9px;
	font-weight: 700;
	color: #986133;
	line-height: 100%;
}

.left {float: left;}
.right {float: right;}

.alignleft {
	float: left;
	margin-right: 10px;
}

.pad20_l {
	padding-left:20px;
}

/* 01 -  Structuring the layout
************************************************************/
div#page{
	width:994px;
	margin: auto;
	background: #FAF3E7 url(images/gradient_b.gif) no-repeat bottom;
	padding-bottom: 32px;
}

.home div#page{
	background: #FAF3E7 url(images/h_gradient_b.jpg) no-repeat bottom;
}

.prod_page div#page{
	background: #FAF3E7 url(images/prod_gradient_b.gif) no-repeat bottom;
}

div#container_l {
	background: #FAF3E7 url(images/gradient_l.gif) repeat-y left;
	padding-left: 12px;
}

div#container_r {
	background: #FAF3E7 url(images/gradient_r.gif) repeat-y right;
	padding-right: 12px;
}

div#container {}
div.col-780 {
	width: 811px;
	padding-left: 100px;
}

div.col-432 {
	width: 432px;
	padding-left: 100px;
}

div.col-489 {
	width: 489px;
	padding-left: 190px;
}

div.col-370 {
	width: 370px;
	padding-left: 190px 
}

div.col-249 {
	width: 249px;
	padding-right: 42px 
}

div.col-175 {
	width: 175px;
	padding-right: 116px;
}

div.locator{
	
	padding-left: 190px;
	z-index: 2;
}


/* 02 -  Header
************************************************************/
div#header {
	background: #F9F0E2 url(images/bg_header.jpg) no-repeat top left;
	height: 174px;	
}

	div#header h1.logo {
		padding-left: 53px;
		padding-top: 31px;
		float: left;
	}

	div#header ul#nav {
		padding-right: 42px;
		padding-top: 68px;
		float: right;
		width: 249px;
	}
			
		div#header ul#nav li {
		}
			div#header ul#nav li a {
				margin: 0 0 10px 0;
				display:inline-block;
				color: #551900;
				background: url(images/transparentpixel.gif);
			}
			
			
/* 03 -  Home
************************************************************/
div.image-wrapper{
	position:relative;
	display: block;
	width: 970px;
	height: 643px;
	background: url(images/home_pic.jpg) no-repeat;
}

div.image-wrapper a.h_link{
	position:absolute;
	display:block;
	top:82px;
	left:26px;
	width:395px;
	height:115px;
	text-indent:-999em;
}
 
div.highlighted-bar{
	position:absolute;
	top:400px;
	background-repeat: repeat-x;
	background-position: bottom left;
	height:158px;
	width: 970px;
	z-index: 2;
}
 
div.hb_l{
	background: url(images/transparentpixel.gif);
	display: block;
	width:323px;
	float:left;
	text-align:center;
	padding-top:81px;
}

div.hb_c{
	background: url(images/transparentpixel.gif);
	width:324px;
	float:left;
	text-align:center;
	padding-top:81px;
}

div.hb_r{
	background: url(images/transparentpixel.gif);
	width:313px;
	float:right;
	padding-top:0px;
	padding-left:10px;
	text-align:center;
}

div.locator{
	position:absolute;
	top:200px;
	right:30px;
	width:900px;
	z-index: 2;
}


/* 03 -  Content
************************************************************/
div#content {
	background: #FAF3E7;
	padding-top: 24px;
	margin-bottom: 20px;
}

h2.pageheading {
	margin-top:-8px;
	margin-bottom: 36px;
}

h2.product_hd{
	margin-top:110px
}

div.entry h3 {
	text-transform: uppercase;
	color: #986133;
	font-size: 12px;
	letter-spacing: 1px;
	margin-bottom:5px;
}

.pad10_t {
	padding-top: 10px;
}

div.entry p {
	margin: 1em 0;
}

div.entry p.truffles{
	padding-top:20px;
}


div#product_list {
	background: url(images/gradient_products.gif) repeat-x bottom;
	padding-bottom: 40px;
}
	div#product_list ul#products {
		background: url(images/line_dotted.gif) repeat-x top;		
		margin: 0 60px;
		padding: 10px 0 0 87px;
	}

	div#product_list ul#products li {
		display: inline;		
		margin-right: 87px;
		width: 65px;
		float: left;
		height: 170px;
		text-align: center;
		overflow: hidden;
		padding-top: 15px;
	}
	
		div#product_list ul#products li:hover, div#product_list ul#products li.over, div#product_list ul#products li.active {
			background: url(images/arrow_active.gif) no-repeat top center;
			margin-right: 87px;
		}
		
		div#product_list ul#products li:hover .prod_name a, div#product_list ul#products li.over .prod_name a, div#product_list ul#products li.active .prod_name a {
			color: #986133;			
		}

		div#product_list ul#products li .prod_name a {
			color: #551900;
			text-decoration: none;
			font-size: 11px;
			line-height: 130%;
			font-weight: 700;
			height: 35px;
		}
		
		div#product_list ul#products li .prod_name a {
			display: inline-block;			
			margin-bottom: 10px;
		}
		
		div#product_list ul#products li img {
			height: 112px;
			width: 54px;
		}
		
		div#product_list ul#products li .prod_name a:hover {
			color: #986133;
		}

	div#product_list ul#products li.none {
		margin-right: 0;
	}
	
	
/* 04 -  Footer
************************************************************/
div#footer {
	padding: 20px 0 30px 0;
}
	div.copyright{
		float: left;
		padding-left: 190px;
		text-align:left;
		width: 432px;
		font-weight: 400;
		font-size: 11px;
		color:#986133;
	}
	ul.footerlinks {
		float: right;
		margin-right: 42px;
		width: 249px;
		display: inline;
	}
		ul.footerlinks li {
			display: inline;
			margin-right: 27px;
		}
			ul.footerlinks li a {
				text-decoration: none;
				font-weight: 400;
				font-size: 11px;
				color:#986133;
			}
			ul.footerlinks li a:hover{
				color:#551900;
			}
			
div#home-footer {
	position:absolute;
	top:595px;
	right:0;
	z-index: 4;
	width: 994px;
}

div#home-footer div.copyright {
		float: left;
		padding-left: 55px;
		font-weight: 400;
		font-size: 11px;
		color:#986133;
}
		
/* 05 -  Footer Image
************************************************************/
div#footer-img {
	width: 994px;
	overflow: hidden;
	margin: auto;
	background: #FAF3E7;
}

div#home-footer-img {
	width: 994px;
	height: 32px;
	overflow: hidden;
	margin: auto;
}