@charset "utf-8";

/* Layout
----------------------------------------------------------------------------------------------------*/
body {
	background:#AAAAAA url(../images/layout/brow_bg.jpg) repeat-x left top;
	font: 13px/1.5 "Century Gothic", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 20px 0;
}
#container {
	width: 960px;
	margin: 0 auto;
	border: solid 4px #FDDEFD;
	background-color:#262627;
}
#header {
	background:#101011 url(../images/layout/header_bg.jpg) repeat-x left top;
	height:150px;
	position:relative;
	border-bottom: dotted 1px #58585A;
}
#logo {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#nav {
	background:url(../images/layout/nav_bg.jpg) repeat-x left top;
	width:100%;
	height:55px;
	position:absolute;
	top:50px;
	left:0;
	z-index:1;
	overflow:hidden;
	font-size:16px;
}
#nav ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
#nav ul li{	
	float:left;
	border-right: solid 2px #ffffff;
}
#nav ul li a{
	display:block;
	font-weight: bold;
	text-transform: capitalize;
	text-decoration:none;
	padding:15px 12px;
}
#nav ul li a:hover{
	color:#ffffff;
	background:url(../images/layout/nav_over.jpg) repeat-x left top;
}
#home #nav .home a, #about #nav .about a, #press #nav .press a, #recipes #nav .recipes a, #meals #nav .meals a, #chef #nav .chef a, #links #nav .links a, #contact #nav .contact a, #products #nav .products a {
	color:#ffffff;
	background:url(../images/layout/nav_over.jpg) repeat-x left top;
}
a.first {
	margin-left:195px;
}
#social {
	background-color:#262627;
	margin:0;
	padding:10px;
/*	padding-left:200px;*/
	height:70px;
}
#col_home {
	float:left;
	width:300px;
	padding:100px 8px;
}
#fading {
	width:640px;
	height:480px;
	border-left:solid 1px #58585A;
	float:left;
}
#wrap {
	margin:0;
}
#content, #col {
	float:left;
	padding: 0 10px;
	display:inline;
}
#content {
	width:579px;
/*	padding-top:80px;*/
}
#col {
	width: 340px;
	margin-top:20px;
	border-left: solid 1px #313132;
}
#footer {
	background:#101011 url(../images/layout/foot_curve.gif) repeat-x right top;
	padding:20px;
	font-size:11px;
	border-top: dotted 2px #313132;
	clear:both;
}
#footlinks {
	list-style-type:none;
	padding:10px 0;
}
#footlinks li{	
	display:inline;
}
#footlinks a{	
	padding: 10px;
	color:#5CB1BE;
	text-decoration:none;
	border-right: solid 1px #272727;
}
#footlinks a:hover{	
	color:#C10F77;
	background-color:#161516;
}
/* Styles
----------------------------------------------------------------------------------------------------*/
h1 {
	color:#0498c3;
	font-size:28px;
	background: url(../images/layout/divider.gif) no-repeat left bottom;
	padding-bottom:10px;
	margin-bottom:20px;
}
h2 {
	color:#FFCCFF;
	font-size:26px;
}
h3 {
	font-size:28px;
	color:#0498c3;
	font-size:24px;
}
h4 {
	color:#FFCCFF;
	font-size:22px;
}
h5 {
	font-size:28px;
	color:#0498c3;
	font-size:20px;
}
h6 {
	color:#FFCCFF;
	font-size:18px;
}
hr {
	border: dotted 1px #808080;
	height:1px;
	margin:0;
	padding:0;
}
a:link {
	color:#0498c3;
}
a:visited {
	color:#0498c3;
}
a:hover {
	color:#C10F77;
}
a:active {
	color:#161516;
}
strong {
	color:#ffccff;
}
p {
	margin-bottom:10px;
}
/* Classes
----------------------------------------------------------------------------------------------------*/
.flleft {
	float:left;
}
.flright {
	float:right;
}
.margin_right {
	padding-right:20px;
}
.join input{
	background-color:#333334;
	margin:0;
	padding:0;
	padding:5px;
	border:solid 1px #656566;
	color:#727273;
}
.brd {
	border: solid 2px #565656;
}
.clear {
	clear:both;
}
.caption {
	font-size:10px;
	color:#727272;
	margin-top:-1px;
}
.list_arrow {
	margin-left: 5px;
}
.list_arrow li{
	margin-bottom: 5px;
	background: url(../images/layout/list_arrow.gif) no-repeat left center;
	padding-left: 35px;
}