/* HTML Elements */
body
{
    Margin: 0;
	 padding:0;
    Background-Color: #FFFFFF;
	 background-image: url(images/background.gif);
	 background-repeat: repeat-x;
	 background-position: top;
	 font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
	 text-decoration: none;
	 line-height: 14px;
	 text-align:center;
}

form
{
    Margin-bottom: 0px
}


hr{
	width:100%;
	height:1px;
	color: #000000;
}

/*-------------------------------------------------*/
/*css layout elements*/

#central-bgnd {
/*An auto centering layer, width must be assigned*/
margin-right: auto;/*centres in compliant browsers*/
margin-left: auto;/* "	" */ 
width: 100%;
text-align: left;/*text align must be declared in all items due to 'text-align: center;' being in the body tag*/
text-align: center;
} 
#container {
 	position: relative;
 	margin: 0 auto;
 	width: 100%;
 	background: #F2F1F1;
 	text-align:left;
 }
 
#banner {
	margin: 0 0 0 0;
	float: right;
	background-color: #525252;
	border-bottom: 5px solid #000000;
	width: 100%;
	height: 60px;
	margin-right: auto;/*centres in compliant browsers*/
	margin-left: auto;/* "	" */ 
	text-align: center;
}
#banner img a { border: 0px none; }

 
#intro {
 height: 200px;
 min-height:200px;
 }
html>body #intro {height:auto}
 
#left-col {
	display: none;
	float: left;
	text-align: left; 
	width:1px;
	height:1px;
}
	
#left-col a img {
	padding-top:7px;
	border: 0px none;
}
	
#content {
 float: right;
 text-align: left;
display: table-cell; 
 min-height:600px;
 padding: 15px 15px 15px 15px;
 	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	/* original size + all pading */	
	width: 100%;
	height: 200px;
}

html>body #content {
	/* original size */	
	width: 100%;
	height:auto;
	 /* ie5win fudge ends */
}
#content p { margin: 7px 0 15px 13px;}
#content ul, #content li  {	
	list-style: none outside none; 
	margin: 2px 0 5px 6px;  
}


div > p { margin-top:0}

#foot{
	display: none;
	/*An auto centering layer, width must be assigned*/
	margin-right: auto;/*centres in compliant browsers*/
	margin-left: auto;/* "	" */ 
	width: 1px;
	height: 1px;
	clear: both;
}


.dot-rules {
	height: 1px;
	width: 100%;
	display: block;
	background: url(images/page-pics/dot-rule.gif) repeat-x;
	margin: 15px auto 5px auto;
	clear: both;
}
.main-chef-img {
	float: left;
	margin: 0 15px 5px 0;
}
.main-chef-img p {
	margin: 0 0 10px 0;
	color: #A22A23;
	text-align: center;
}

.sub-page-img {
	border: 4px solid White;  	
	float: left;  
	margin: 0 20px 15px 13px;
	background-color: White;
}
.image-caption {
	float: left;
	text-align: center;
	margin: 0 20px 10px 8px;
}
.image-caption img {
	border: 4px solid White;
	margin: 0 0 4px 0;
}
#content .image-caption p {
	margin: 0 0 0 0;
	color: #A22A23;
	text-align: center;
}

.head-text-img {	margin: 10px 0 0 0;}
.head-text-img-alt {	margin: 9px 0 0 12px;}
.columed { 
width: 418px;
 float: left;
 }
.columed p {
 	margin: 5px 0 15px 0;
 }
 
.Ingredients {
 float: left;
  display: inline;
  }
/*-------------------------------------------------*/
/* additional type styles */
#content h3 {
	color: Black;
	text-align: left;
	font: bold 10px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 4px 0 8px 13px;
}
#content h4 {
	color: #A22A23;
	text-align: left;
	font: bold 10px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 0 13px;
}
#content a:link {
    color: #A22A23;
	 text-decoration: underline;
}

#content a:visited {
    color: #A22A23;
	 text-decoration: underline;
}

#content a:hover {
    color: #646464;
	 text-decoration: underline;
}

#content a:active {
	color: #A22A23;
	text-decoration: underline;
}
.redheader {
	 font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-weight: bold;
    font-size: 10px;
    color: #A22A23;
    text-align: left;
	 text-decoration: none;
}
.greylink {
	 font-weight: normal;
    font-size: 10px;
    background: none ;
    color: #646464;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
	line-height: 15px;
}
.greylink a:link {
    color: #646464;
	 text-decoration: underline;
}

.greylink a:visited {
    color: #646464;
	 text-decoration: underline;
}

.greylink a:hover {
    color: #A22A23;
	 text-decoration: underline;
}

.greylink a:active {
	color: #FE7018;
	text-decoration: underline;
}
.greylink p { margin: 10px 0 10px 0;  }
.blacklink {
	font-weight: normal;
	font-size: 10px;
	color: #000000;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
.blacklink a:link {	color: #000000;
	text-decoration: underline;
}

.blacklink a:visited {	color: #000000;
	text-decoration: underline;
}

.blacklink a:hover {	color: #A22A23;
	text-decoration: underline;
}

.blacklink a:active {	color: #000000;
	text-decoration: underline;
}
.blacklink p { margin-bottom: 2px; }

#left-col h3 {
	color: #A22A23;
	text-align: left;
	text-decoration: none;
	font: bold 10px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 4px 0 2px 0;
}
.darktxt { color: #A22A23; }
.lighttxt { color: #9A9A9A; }
.lighttxt a:link { color: #9A9A9A;  text-decoration: none;  }
.lighttxt a:visited { color: #9A9A9A;  text-decoration: none; }
.lighttxt a:hover { color: #9A9A9A;  text-decoration: underline; }
.lighttxt a:active { color: #9A9A9A;  text-decoration: none; }
/*-------------------------------------------------
/*Contact form layout*/

.singleline-field {
	width: 200px;
	height: 12px;
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin: 3px 0 2px 0;
}
select.singleline-field {
	width: 206px;
	height: 20px;
}
.multiline-field {
	width: 200px;
	height: 98px;
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#form-container {
	float: left;
	width: 540px;
}
#form-container form p  {
	clear: both;
	height: 10px;
  margin: 3px 0 2px 0;
}

#form-container form p label {
  float: left;
  width: 34%;
  text-align: right;
  margin-top: 5px;
}

#form-container form p span.formw  {
  float: right;
  width: 65%;
  text-align: left;
}




/*-------------------------------------------------
/*flash text replace*/

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

html.hasFlash .replace {
	visibility: visible !important;
	display: block !important;
}

html.hasFlash .sIFRobject {
	display: none !important;
}


/* All code (C) Antony Ellam, Designed4hits 2004 */