@charset "UTF-8";
/* CSS Document */


body {
	margin:0;
	padding:0;
	background:#000 url(images/body_bg.jpg) repeat -16px -80px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-size:14px;
}

table {
	width:100%;
}

img {
	border:0;
	outline:none;
}

a {
	outline:none;
}

.clearrow {
	clear:both;	
	height:0px;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

form {
	margin:0;	
}


.body-wrap {
	width:970px;
	padding-bottom:50px;
}

.super {
	vertical-align:super;
	font-size:55%;
}	


/************** SIDEBAR *****************/

.sidebar {
	float:left;
	width:178px;	
	margin:12px 30px 50px 22px;
	display:inline;
	text-align:center;
}

.sidebar ul.nav {
	margin:40px 0 40px 0;
	padding:0;
}

.sidebar ul.nav li {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}

.sidebar ul.nav li a {
	text-decoration:none;
	color:#FFF;
	letter-spacing:2px;
	display:block;
	height:48px;
	line-height:48px;
}

.sidebar ul.nav li a.home:hover, .sidebar ul.nav li.current a.home {
	background:url(images/body_nav_bg.png) no-repeat center 0;	
}

.sidebar ul.nav li a.about:hover, .sidebar ul.nav li.current a.about {
	background:url(images/body_nav_bg.png) no-repeat center -48px;	
}

.sidebar ul.nav li a.products:hover, .sidebar ul.nav li.current a.products {
	background:url(images/body_nav_bg.png) no-repeat center -96px;	
}

.sidebar ul.nav li a.recipes:hover, .sidebar ul.nav li.current a.recipes {
	background:url(images/body_nav_bg.png) no-repeat center -144px;	
}

.sidebar ul.nav li a.contact:hover, .sidebar ul.nav li.current a.contact {
	background:url(images/body_nav_bg.png) no-repeat center -192px;	
}

.sidebar ul.nav li a:hover, .sidebar ul.nav li.current a {
	text-decoration:none;
	color:#f7d79e;
}

.sidebar a.btn-register {
	display:block;
	width:171px;
	height:61px;
	padding-top:20px;
	line-height:20px;
	background:url(images/body_btn_register.png) no-repeat 0 0;
	margin:0 0 0 3px;
	color:#382f27;
	font-size:14px;
	text-decoration:none;
	text-align:center;
}

.sidebar a.btn-register span {
	color:#8a5b26;	
}

.sidebar a.btn-facebook {
	color:#fff;
	font-size:14px;
	text-decoration:none;
	background:url(images/body_icon_facebook.png) no-repeat 0 0;
	padding:0 7px 0 20px;
}

.sidebar a.btn-twitter {
	color:#fff;
	font-size:14px;
	text-decoration:none;
	background:url(images/body_icon_twitter.png) no-repeat 0 0;
	padding:0 7px 0 20px;
}

.sidebar a.btn-facebook:hover, .sidebar a.btn-twitter:hover {
	text-decoration:underline;	
}


/****************** CONTENT *****************/

.content {
	float:left;
	width:700px;	
	margin:35px 0 0 0;
	display:inline;
	text-align:left;
}

.content .page {
	background:#fff url(images/page_bg_top.png) no-repeat left top;
	padding:0;
}

.content .page .inner {
	background:url(images/page_bg_bottom.png) no-repeat left bottom;
	padding:50px 55px;
	color:#594d46;
}

.content .page h1 {
	font-size:24px;
	margin:0 0 30px;
	font-weight:normal;
}

.content .page a {
	color:#594d46;
	text-decoration:underline;
}


.content .content-home {
	margin-top:15px;
}

.content .content-home .intro {
	/*margin-left:23px;	*/
}

.content .content-home .showcase {
	margin-left:23px;
	margin-top:-25px;
}



.content .content-about {
	font-size:16px;	
	margin:0 20px 80px 20px;
}

.content .content-about p {
	margin:0 0 20px;
	line-height:24px;
}



.content .content-recipes {
	margin:0 20px 80px 20px;
}

.content .content-recipes p {
	line-height:21px;
	margin:0 0 15px 0;
	padding:0;
}

.content .content-recipes blockquote {
	font-size:18px;	
	line-height:28px;
	margin:0 0 35px 50px;
	padding:0;
}

.content .content-recipes blockquote span {
	display:block;
	padding-left:15%;
	padding-top:15px;
	text-align:right;
	font-size:14px;
}

.content .content-recipes h1 {
	margin:0;	
}

.content .content-recipes .recipe {
	padding:20px 0 10px 0;	
}

.content .content-recipes .recipe ul {
	padding:0;
	margin:15px 0 15px 30px;
}


.content .content-recipes .recipe ul li {
	padding:0;
	margin:0 0 15px;
	list-style:none;
}



.content .content-products {
	margin:0 20px 80px 20px;
}

.content .content-products blockquote {
	font-size:18px;	
	line-height:28px;
	margin:0 0 5px 50px;
	padding:0;
}

.content .content-products blockquote span {
	display:block;
	padding-left:15%;
	padding-top:15px;
	text-align:right;
	font-size:14px;
}

.content .content-products table.list-product {
	width:100%;
}

.content .content-products table.list-product td.image {
	vertical-align:top;
	width:57px;
	height:207px;
	padding:0 35px 35px 0;
}

.content .content-products table.list-product td.description {
	vertical-align:center;
	padding:0 0 35px 0;
}

.content .content-products table.list-product td.description h1 {
	font-size:14px;
	margin:0 0 10px 0;
	font-weight:normal;
}

.content .content-products table.list-product td.description h1 span.name {
	font-size:30px;
	font-style:italic;
}



.content .content-contact {
	margin:0 20px 80px 20px;
}

.content .content-contact h1 {
	font-size:21px;
	margin:0 0 5px 0;
}

.content .content-contact p {
	line-height:21px;
	margin:20px 0;
}

.content .content-contact .section-register {
	margin:0 0 50px;	
}

.content .content-contact .section-register form {
	margin:30px 0 0;	
}

.content .content-contact .form-row {
	margin:0 0 6px 0;	
}

.content .content-contact .form-row label {
	float:left;
	width:100px;
	text-align:right;
	margin-right:5px;
	line-height:20px;
}

.content .content-contact .form-row .input {
	float:left;	
}

.content .content-contact .form-row .legend {
	float:left;
	padding-left:50px;
}

.content .content-contact .form-row input.text, .content .content-contact .form-additional input.text {
	width:140px;	
}

.content .content-contact .form-row select {
	max-width:150px;	
}

.content .content-contact input.dob_month, .content .content-contact input.dob_day {
	width: 25px;
}


.content .content-contact input.dob_year {
	width: 50px;
}

.content .content-contact .form-additional {
	margin:25px 0 25px 105px;	
}

.content .content-contact .form-row input.error, .content .content-contact .form-row select.error {
	background-color:#F3BDBA;	
}



.content-admin {
	background:#fff;
	color:#000;
	padding:10px;
}

.content-admin table td,
.content-admin table th {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align:top;
}




/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:21px;
    display: none;
    
    position: fixed;
    top: 40%;
    left: 50%;
    
    margin-left: -196px;
    width: 392px;
	height:143px;
    
    background:url(images/modal_bg.jpg) no-repeat 0 0;
    color: #382b21;
}

.jqmWindow h2 {
	font-weight:normal;
	font-size:26px;
	text-align:center;
	margin:25px 0;
}

.jqmWindow a {
	text-decoration: none;
	color: #382b21;
}

.jqmWindow a.age-yes {
	float:right;
	margin-right:80px;
}	

.jqmWindow a.modal-close {
	float:right;
	margin:25px 25px 0 0;
	font-size:14px;
}	

.jqmWindow a.age-no {
	float:left;
	margin-left:80px;
	display:inline;
}	

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}