/* Start of CMSMS style sheet 'main' */
/* CSS Document */
@import "sIFR-screen.css";
*{
margin: 0;
}
/***************************************

Fonts and Tags

****************************************/
#main{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.1em
}
h1{
margin: 7px 0;
font-size: 13px;
}
h5{
margin: 10px 0 0 0;
font-size: 10px;
}
h6{
margin: 0;
font-size: 9px;
}
p{
margin: 7px 0 7px 0;
}
a{
color: #0041a6;
text-decoration: underline;
}
ul{
padding: 5px 10px;
margin: 5px 10px;
}
.infobox{
font-size: 11px;
}
.infobox h2{
color: #9a1222;
font-size: 17px;
margin: 15px 0 10px 0;
}
.infobox a{
color: black;
}

.infobox a:hover {
text-decoration: none;
}

a img {
border: none;
}

/**************************************

Layout

***************************************/
body{
text-align:center;
background-color: #ffffff;
background-image: url(/images/backgroundHome.gif);
background-position: center top;
background-repeat: no-repeat;
}
#container{
width: 902px;
margin:0 auto 0 auto;
overflow: hidden;
}
#left{
width: 166px;
overflow: hidden;
float: left;
display:none;
}
#main{
float: left;
width: 902px;
position:relative;
background-color: white;
overflow: hidden;
}
#right{
width: 166px;
overflow: hidden;
float: left;
display: none;
}
#header{
height: 130px;
overflow: hidden;
text-align:left;
}
.home#header{
height: 130px;
overflow: hidden;
text-align:left;
background-image: url(../images/headBack.gif);
}
a#logo{
float: left;
display: block;
height: 100px;
width: 345px;
margin: 20px 0 0 15px;
}
#contentBody{
border-left: 1px solid #a80000;
border-right: 1px solid #a80000;
}
#homePlate{
background-image: url(../images/topPlate.jpg);
background-repeat: no-repeat;
height: 26px;
float: left;
width: 340px;
}
#leftColumn{
float: left;
background-image: url(../images/plate.jpg);
width: 293px;
height: 454px;
text-align:LEFT;
padding: 0 90px 0 30px;
}
#rightColumn{
float: left;
background-image: url(../images/videoBack.jpg);
width: 395px;
height: 412px;
padding: 42px 47px 0 45px;
text-align: center;
}
#boxtop{
background-image: url(../images/boxtop.gif);
background-repeat: no-repeat;
height: 17px;
}
#homeInfoBoxContainer{
background-image: url(../images/homeInfoGrad.jpg);
background-repeat: repeat-y;
width: 787px;
float: right;
text-align: left;
}
#homeInfoBoxContainer .infobox{
float: left;
padding: 0 29px;
}
#dynamicArea{
width: 100%;
background-image: url(../images/homeboxSide.gif);
background-repeat: repeat-y;
}
#bottomCurve img{
height: 13px;
margin: -6px 0 0px 0;
}
/**************************************

Navigation

***************************************/
#navigation{
background-color: #ee7000;
background-image: url(../images/navBack.gif);
background-repeat: no-repeat;
background-position: right top;
height: 26px;
}
#navigation a.navItem{
float: right;
height: 20px;
overflow: hidden;
display: block;
}
#navigation a.navItem#about{
background-image: url(../images/aboutus.gif);
width: 79px;
margin: 0 11px 0 0;
}
#navigation a.navItem#about:hover{
background: none;
}
#navigation a.navItem#contact{
background-image: url(../images/contactus.gif);
width: 87px;
margin: 0 2px 0 0;
}
#navigation a.navItem#contact:hover{
background: none;
}
#navigation a.navItem#recipes{
background-image: url(../images/recipes.gif);
width: 141px;
margin: 0pt 12px 0pt 0pt;
}
#navigation a.navItem#recipes:hover{
background: none;
}
#navigation a.navItem#recipeType{
background-image:url(../images/recipetype.gif);
width: 122px;
margin: 0 10px 0 0;
}
#navigation a.navItem#recipeType:hover{
background: none;
}
#navigation a.navItem#features{
background-image: url(../images/features.gif);
width: 76px;
margin-right: 10px;
}
#navigation a.navItem#features:hover{
background: none;
}

/*--------------------------------------------

				Small Forms
				
---------------------------------------------*/

#search_box {
float: left;
}

#header #search_box {
margin: 5px 0 0;
}

div.preload {
position: relative;
float: left;
}

label.overlabel {
	color:#666;
}

label.overlabel-apply {
	position:absolute;
	top:1px;
	font-family: Tahoma;
	font: Tahoma;
	font-size: 1em;
	left:7px;
	z-index:1;
	color:#666;
}

/**************************************

Global Nav

***************************************/
#header ul {
list-style: none;
float: right;
padding: 20px 10px 0 0;
margin: 0;
}

#header ul li {
float: left;
color: white;
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
font-size: 11px;
}

#header ul li.pipe {
padding: 0 5px;
}

#header ul li a.rss {
float: left;
width: 20px;
height: 19px;
margin: 0 0 0 10px;
background: url(../images/rss.gif) no-repeat;
}

#header ul li a {
color: white;
text-decoration: none;
}

#header ul li a:hover {
text-decoration: underline;
}

.search {
clear: right;
float: right;
padding: 10px;
}

.search input {
border: 1px solid #ADADAD;
font-size: 1.0em;
width: 148px;
}

#globalNav{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
float: right;
height: 36px;
overflow: hidden;
}
#globalNav a{
color: #434343;
text-decoration: none;
}
#globalNav a:hover{
text-decoration: underline;
}
#globalNav a:visited{
color: #880000;
}
#globalNav ul{
list-style: none;
margin: 0;
padding: 0;
}
#globalNav li{
float: left;
padding: 15px 13px 10px 0;
}

#footer {
padding: 0 0 25px;

font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}
#footer a {
color: #000;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
/**************************************

Home Info boxes

***************************************/
.infobox{
width: 204px;
line-height: 1.3em;
}
.infobox ul, .infobox li{
padding: 0;
margin: 0;
list-style: none;
}



.infobox .content{
border: 1px solid #fede74;
padding: 10px 36px 10px 16px;
background-color: white;
}
.fork{
background-image: url(../images/fork.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
.seafood{
background-image: url(../images/seafood.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
.chicken{
background-image: url(../images/chicken.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

/**************************************

Video

***************************************/
#rightColumn h1{
font-weight: normal;
font-size: 24px;
text-align: center;
}
/**************************************

bowl

***************************************/
#leftColumn h1 {
margin: 0 0 5px;
font-size: 24px;
color: #9E1C29;
line-height: 29px;
}

#leftColumn p{
font-size: 12px;
line-height: 17px;
}



/**************************************

Utility

***************************************/
.left{
float: left;
}
.right{
float: right;
}
.clr{
clear: both;
}
.shadow{
background-image: url(../images/shadow.png);
background-repeat: repeat-x;
height: 7px;
}
.picture{
padding-bottom: 10px;
}
@import "sIFR-screen.css";



/**************************************

Bottom Callouts

***************************************/

#homeInfoBoxContainer dl {
float: left;
width: 226px;
padding: 15px 0 15px 30px;
}

#homeInfoBoxContainer dl dt {
color: #9A1222;
float: left;
font-size: 1.7em;
line-height: 1.8em;
margin: 0 15px 0 0;
width: 211px;
}

#homeInfoBoxContainer dd {
float: left;
padding: 10px 6px 0 0;
}

#homeInfoBoxContainer dd div.box_bottom {
float: left;
width: 210px;
height: 18px;
padding: 0;
background: url(../images/recipe_box_bottom.png) bottom left no-repeat;
}

#homeInfoBoxContainer dd div.list {
float: left;
padding: 0 8px 0 0;
background: url(../images/main_img_right.png) top right no-repeat;
}

#homeInfoBoxContainer dd ul {
margin: 0;
padding: 0;
float: left;
padding: 10px 15px 15px;
border: 1px solid #F4D04D;
font-size: 1.1em;
line-height: 1.3em;
width: 171px;
list-style: none;
}

dd.cuisine ul {
background: #fff url(../images/fork.jpg) bottom right no-repeat;
min-height: 160px;
height: auto !important;
height: 160px;
}

dd.type ul {
background: #fff url(../images/seafood.jpg) bottom right no-repeat;
min-height: 160px;
height: auto !important;
height: 160px;
}

dd.popular ul {
background: #fff url(../images/chicken.jpg) bottom right no-repeat;
min-height: 160px;
height: auto !important;
height: 160px;
}
#videoTitle{
padding: 7px 35px;
font-weight: bold;
font-style: italic;
font-size: 17px;
text-align: center;
width: 320px;
}
#videoTitle a{
color: black;
}
/* End of 'main' */

/* Start of CMSMS style sheet 'sIFR-screen' */
/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}

.sIFR-active #homeInfoBoxContainer dt, .sIFR-active .right_col dt {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 18px;
}

h1, h1 span {
float: left;
}
 h1 span {
width: 420px;
}

h1.bowl {
float: none;
}

h2.video {
float: left;
line-height: 20px;
font-size: 18px;
margin: 5px 50px 0;
}

.sIFR-active #rightColumn h1 {
width: 275px;
margin: 0;
line-height: 25px;
}


/* End of 'sIFR-screen' */