@charset "UTF-8";
/* CSS Document */

body {
	background-color:#d7c89f;
	font-family:"Trebuchet MS", Verdana, Arial, san-serif;
	font-size:1em;
	line-height:1.5em;
	color:#000000;
	margin:0 auto;
	padding:0;
}
#logo {
	display:block;
	height:300px;
	width:400px;
}
#logo span{
display:none;
}
#container {
	background-color:#FFFFFF;
	width:985px;
	margin: 40px auto 5px auto;
	padding-top:10px;
	padding-bottom:25px;
}
.highlighted {
color:#9c102a;
}
a {
	color:#9c102a;
	text-decoration:none;
	border:0px;
}
a:link {
	color:#9c102a;
	border:0px;
	text-decoration:underline;
}
a:visited {
	color:#9c102a;
	text-decoration:none;
}
a:active {
	color:#9c102a;
	text-decoration:underline;
	border:0px;
}
a:hover {
	color:#9c102a;
	text-decoration:underline;
}
.footer {
	font-size:.6em;
	text-align:center;
}
.footer a {
	color:#9c102a;
	text-decoration:none;
	
}
.footer a:link {
	color:#9c102a;
	text-decoration:none;
	
}
.footer a:visited {
	color:#9c102a;
	text-decoration:none;
	
}
.footer a:active {
	color:#000000;
	text-decoration:none;
	
}
.footer a:hover {
	color:#000000;
	text-decoration:none;
	
}
p.footer  {
	margin-top:0;
	margin-bottom:0;
}

#home {
	width:959px;
	background-image:url("../images/croutons.jpg");
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
}
#about {
	width:959px;
	background-image:url("../images/about_pic.jpg");
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
}
#whereMain {
	width:959px;
	background-image:url("../images/where_pic.jpg");
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
}
#foodMain {
	width:959px;
	background-image:url("../images/food_pic.jpg");
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
}
#contactMain {
	width:959px;
	background-image:url("../images/contact_pic.jpg");
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
}
#recipiesMain {
	width:959px;
	background-image:url("../images/where_pic.jpg");
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
}
#menu {
	width:inherit;
	display:block;
	
}

#menu span {
	display:none;
	}
.active{
	background: url("../images/menuarrow.png") no-repeat 0 5px;
	width:138px;
	height:29px;
	

}
#products {
  display: block;
  width: 156px;
  height: 33px;
  float:left;
  margin:0;
  background: url("../images/products.png") no-repeat 0 0;
}

#products:hover
{ 
  background-position: 0 -33px;
}
#productsActive{
	background: url("../images/productsActive.png") no-repeat 0 0;
  	width: 156px;
  	height: 33px;
    float:left;
	 margin:0;
	 display: block;


}
#aboutus {
 display: block;
   margin:0;

  width: 156px;
  height: 33px;
  float:left;
  background: url("../images/about.png") no-repeat 0 0;
}
#aboutusActive {
 display: block;
   margin:0;
  width: 156px;
  height: 33px;
  float:left;
  background: url("../images/aboutActive.png") no-repeat 0 0;
}
#aboutus:hover
{ 
  background-position: 0 -33px;
}
#contactus {
 display: block;
  margin:0;

  width: 116px;
  height: 33px;
  float:left;
  background: url("../images/contact.png") no-repeat 0 0;
}
#contactusActive {
 display: block;
   margin:0;
  width: 116px;
  height: 33px;
  float:left;
  background: url("../images/contact_over.png") no-repeat 0 0;
}
#contactus:hover
{ 
  background-position: 0 -33px;
}
#where {
 display: block;
   margin:0;
  width: 138px;
  height: 33px;
  float:left;
  background: url("../images/where.png") no-repeat 0 0;
}
#whereActive {
 display: block;
   margin:0;
  width: 138px;
  height: 33px;
  float:left;
  background: url("../images/whereActive.png") no-repeat 0 0;
}
#where:hover
{ 
  background-position: 0 -33px;
}
#foodServices {
  margin:0;
 display: block;
  width: 138px;
  height: 33px;
  float:left;
  background: url("../images/food.png") no-repeat 0 0;
}
#foodServicesActive {
  margin:0;
 display: block;
  width: 138px;
  height: 33px;
  float:left;
  background: url("../images/foodActive.png") no-repeat 0 0;
}
#foodServices:hover
{ 
  background-position: 0 -33px;
}
#recipies {
  margin:0;

 display: block;
  width: 248px;
  height: 33px;
  float:right;
  background: url("../images/recipies.png") no-repeat 0 0;
}
#recipies:hover
{ 
  background-position: 0 -33px;
}
#line {
	background-image:url("../images/line.jpg");
	background-repeat:no-repeat;
	height:30px;
	width:inherit;
	display:block;
	
}
#lineAbout {
	background-image:url("../images/lineAbout.jpg");
	background-repeat:no-repeat;
	height:30px;
	width:inherit;
	display:block;
	
}
#lineContact {
	background-image:url("../images/lineContact.jpg");
	background-repeat:no-repeat;
	height:30px;
	width:inherit;
	display:block;
	
}
#lineWhere {
	background-image:url("../images/lineWhere.jpg");
	background-repeat:no-repeat;
	height:30px;
	width:inherit;
	display:block;
	
}

#lineFood {
	background-image:url("../images/lineFood.jpg");
	background-repeat:no-repeat;
	height:30px;
	width:inherit;
	display:block;
	
}
#lineRecipies {
	background-image:url("../images/lineRecipies.jpg");
	background-repeat:no-repeat;
	height:30px;
	width:inherit;
	display:block;
	
}

#content {
	width:959px;
	margin:0 auto;
	position:relative;
}


#content_main {
	width:959px;
	margin:0 auto;
	position:relative;
	min-height:500px;
}
#contentAbout {
	width:959px;
	margin:0 auto;
	position:relative;
	background-image:url("../images/aboutBG.jpg");
	background-repeat:no-repeat;

}
#contentContact {
	width:959px;
	margin:0 auto;
	position:relative;
	background-image:url("../images/contactBG.jpg");
	background-repeat:no-repeat;

}
#contentWhere {
	width:959px;
	margin:0 auto;
	position:relative;
	background-image:url("../images/whereBG.jpg");
	background-repeat:no-repeat;

}
#contentFood {
	width:959px;
	margin:0 auto;
	position:relative;
	background-image:url("../images/foodBG.jpg");
	background-repeat:no-repeat;
	background-position:0 -5px;

}
#foodTable{
	width:inherit;
	margin:0 auto;
	
}
.tableTop {
	color:#ffffff;
	background-color:#854214;
}
#foodTable table {
	font-size:.75em;
	text-align:center;
	line-height:1.05em;
	margin:45px 0 0 0;
}
 #foodTable .ingredients {
	text-align:left;
}
.light {
	background-color:#FFCC66;
}
.dark {
	background-color:#FF9933;
}

#contentRecipies {
	width:959px;
	margin:0 auto;
	position:relative;
	padding-bottom:15px;
	
}
#homeFlash {
	width:800px;
	height:350px;
	padding:0;
	margin:0 auto;
}

#CroutonText  {
	
	margin: 5px auto 0px auto;
	line-height:1.25;
	border: 1.5px solid #b9e5fb;
	min-height: 300px;
}

#CrispText  {
	
	margin: 5px auto 30px auto;
	line-height:1.25;
	border: 1.5px solid #e2418f;
	min-height: 350px;
}

#StuffingText  {
	
	margin: 5px auto 0px auto;
	line-height:1.25;
	border: 1.5px solid #97af6a;
	min-height: 300px;
}

#aboutText {
	width:300px;
	float:left;
	margin:60px 0 60px 200px;
	font-size:.8em;
	line-height:1.25;
}	
#contactText {
	width:300px;
	float:left;
	margin:60px 0 60px 200px;
	font-size:.85em;
	line-height:1.35;
}
#whereText {
	width:320px;
	float:left;
	margin:60px 0 60px 200px;
	font-size:.8em;
	line-height:1.25;
}
#foodText {
	width:320px;
	float:left;
	margin:60px 0 60px 200px;
	font-size:.8em;
	line-height:1.25;
}	
#productFlash{
	float:left;
	padding:0 0 0 15px;
	width:260px;
	height:650px;
	margin:5px 0 0 0;
}

#productmain{
	float:left;
	padding:0 0 0 15px;
	width:260px;
	margin:5px 0 0 0;
}

#productFlash img {border:thin #CCCCCC solid;}

#productmain img {border:thin #CCCCCC solid;}


#CooksItReal{
	float:left;
	padding:0 0 0 15px;
	width:260px;
	height:350px;
	margin:5px 0 0 0;
	clear:none;

}

#productDetails {
	width:625px;
	float:right;
	margin:0 0 10px 0;
}

#cooksitDetails {
	width:625px;
	float:right;
	margin:0 0 10px 0;
}
#productBtn {
	margin:0 0 10px 0;
}
#productBtn span {
	display:none;
}
#front {
	width:62px;
	height:23px;
	display:block;
	float:left;
	background: url("../images/front.jpg") no-repeat 0 -23px;

}
#front span {
	display:none;
}

#back {
	width:62px;
	height:23px;
	display:block;
	float:left;
	margin:0 0 0 10px;
  background: url("../images/back.jpg") no-repeat 0 -23px;
}
#back span {
	display:none;
}
#back:hover {
	background-position:0 0;
}
#front:hover {
	background-position:0 0;
}

#recipeHolder{
	width:959px;
	margin:0 auto;
	position:relative;
	padding-bottom:15px;
	background-image:url("../images/recipiesBG.jpg");
	background-repeat:repeat-y;

}
#recipeMenu {
	width:225px;
	float:left;
	margin:40px 0 0 0;
}

#recipeMenu a {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
#recipeMenu a:link {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
#recipeMenu a:visited {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
#recipeMenu a:active {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
#recipeMenu a:hover {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#recipeDetails {
	float:left;
	width:440px;
	margin:40px 0 0 15px;
	padding:0 10px;
	background-color:#FFFFFF;
	font-size:.75em;
	color:#666666;
	
}

#mainRecipes img {
	border:0;
	margin:40px 10px 0 10px;
}
#mainRecipes {
	width:800px;
	text-align:center;
	margin:0 auto;
}
#recipeDetails h1 {
	color:#000000;
	line-height:1.25em;
	font-size:1.8em;
}

.productHeader {color:#333333; padding-left: 10px; line-height:1.25em;
	font-size:1.8em;}
#recipeColumn{
	float:left;
	width:240px;
	margin:40px 0 0 10px;

}

#recipePic{
	width:232px;
	margin:0 auto;
}
#recipePic img {
	border:solid #fff 2px;
}

#recipeFacts {
	width:230px;
	margin:15px auto 0 auto;

	
}
.recipeItem{
	width:215px;
	background-color:#fff;
	float:left;
	margin:0 0 10px 0;
	padding:15px 10px 15px 0;
	text-align:right;
}
.recipeItem:hover {
	width:215px;
	background-color:#e7b634;
	float:left;
	margin:0 0 10px 0;
	padding:15px 10px 15px 0;
	text-align:right;
}


/*Box Columns */

#centerColumn { 	
margin:0 auto;
padding:1em;
width:900px;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
}

#centerColumnCrisps { 	
margin:0 auto;
padding:1em;
width:855px;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
}

#centerColumnStuffing { 	
margin:0 auto;
padding:1em;
width:545px;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
}


#box_1 {
margin:0 5px 2em 0;
padding:8px;
float:left;
width:150px;
background-color:#ffffff;
}


#box_1a {
margin:0 5px 2em 0;
padding:8px;
float:left;
width:175px;
background-color:#ffffff;
}

a.linkopacity img {
 border:0px;
     filter:alpha(opacity=100);
     -moz-opacity: 1.0;
     opacity: 1.0;
     -khtml-opacity: 1.0;}
	

     a.linkopacity:hover img {
     filter:alpha(opacity=50);
     -moz-opacity: 0.5;
     opacity: 0.5;
     -khtml-opacity: 0.5; }

#box_2 {
margin:0 7px 2em 14px;
padding:8px;
float:left;
width:150px;
background-color:#ffffff;
}

#box_2a {
margin:0 7px 2em 14px;
padding:8px;
float:left;
width:175px;
background-color:#ffffff;
}

#box_3 {
margin:0 14px 2em 7px;
padding:8px;
float:left;
width:150px;
background-color:#ffffff;
}

#box_3a {
margin:0 14px 2em 7px;
padding:8px;
float:left;
width:175px;
background-color:#ffffff;
}

#box_4 {
margin:0 0 2em 5px;
padding:8px;
float:left;
width:150px;
background-color:#ffffff;
}

#box_4a {
margin:0 0 2em 5px;
padding:8px;
float:left;
width:180px;
background-color:#ffffff;
}

#box_5 {
margin:0 0 2em 8px;
padding:8px;
float:left;
width:150px;
background-color:#ffffff;
}

#box_1 p, #box_2 p, #box_3 p, #box_4 p, #box_5 p {
font-size:1em;
color:#333333;
text-align:center;

}

#box_1a p, #box_2a p, #box_3a p, #box_4a p {
font-size:1em;
color:#333333;
text-align:center;

}



#box_1 ul, #box_2 ul, #box_3 ul, #box_4 ul, #box_5 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#box_1a ul, #box_2a ul, #box_3a ul, #box_4a ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#box_1 li, #box_2 li, #box_3 li, #box_4 li, #box_5 li{
margin:0 0 .3em 0;
padding:5px 0 0 5px;
font-size:1em;
}

#box_1a li, #box_2a li, #box_3a li, #box_4a li{
margin:0 0 .3em 0;
padding:5px 0 0 5px;
font-size:1em;
}

/*DIV Hover */
.mylink
			{
				width:500px; min-height: 300px;
	padding:10px;
			
				background-color:#FFFFFF;
			}
			.mylink:hover
			{
				background-color:#F2F2F2;
				
			}
			
/*Social Links */


a.twitter {
    
    
    background-color: transparent;
    background-image: url("../images/twitter_logo.png");
    
    
    
    height: 33px;
    width: 33px;
}
a.facebook {
    background-attachment: scroll;
    
    background-image: url("../images/facebook-logo.png");
    
    height: 33px;
    width: 33px;
}

a.facebook, a.twitter {
    display: inline-block;
    height: 33px;
    margin-right: 4px;
    margin-top: 1px;
    width: 33px;
}

p.follow

{
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -2px;
	color:#FFFFFF;
	font-size:12px;
    
}
#social-links {
    float:right;
    margin-top: -47px;


}


#container1 {
	float:left;
	width:900px;
	position:relative;
	
	
}
#col1 {
	float:left;
	width:16%;
	position:relative;
	left:82%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:16%;
	position:relative;
	left:86%;
	overflow:hidden;
}
#col3 {
	float:left;
	width:16%;
	position:relative;
	left:90%;
	overflow:hidden;
}
#col4 {
	float:left;
	width:16%;
	position:relative;
	left:94%;
	overflow:hidden;
}
#col5 {
	float:left;
	width:16%;
	position:relative;
	left:98%;
	overflow:hidden;
}


#cell_1 {
margin:0 5px 1em 0;
padding:8px;
float:left;
width:210px;
background-color:#cccccc;
}

#cell_2 {
margin:0 14px 1em 14px;
padding:8px;
float:left;
width:210px;
background-color:#cccccc;
}

#cell_3 {
margin:0 0 1em 5px;
padding:8px;
float:left;
width:210px;
background-color:#cccccc;
}

#cell_1 p, #cell_2 p, #cell_3 p {
font-size:.75em;
color:#000000;
}

#cell_1 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-weight:bold;
}

#cell_2 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-weight:bold;
}

#cell_3 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-weight:bold;
}

