body {
 font-size:62.5%;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 background: #e8d9bc;
 background-image: url("images/top.gif") ;
 background-position: top left;  
 background-repeat: repeat-x;
 color:#000;}

*{
 margin:0;
 padding:0;
 list-style:none;}

.clearfix:after { 
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;}

.clearfix {display:block;}
.clearfix {display:block;}
.clearfix {display:inline-block;}

a img{
 border:2px solid #d4c4a2;
 text-decoration: none;}
a img:hover{
 border:2px solid #009247;
 text-decoration: none;}

a img.bannerlink{
 border: none;
 text-decoration: none;}
a img.bannerlink{
 border: none;
 text-decoration: none;}

a:focus{
 color:#009247;
 outline:none;
 text-decoration: none;}

a,a:visited{
 color:#007b3c;
 text-decoration: none;}

a:hover{
 color:#053f09;
 text-decoration: none;}

h1, h2 {
 margin: 37px 0 0 0;
 color:#009247;
 font-size:1.3em;
 padding: 2px 0 0 0;
 height:29px;}

h1 span, h2 span{
 margin: 0 0 0 5px;
 height:20px;
 font-size:18px;} 

h3 {
 font-size:1.1em;}

h3 span{
 float:right;
 color:#000;}

h4 {
 font-size:1.4em;}

h4 span{
 float:right;
 color:#000;}

#container{
 width:762px;
 margin: 0px auto 0 auto;}

#header{
 height: 200px;
 width:762px;
 background:url(images/banner.jpg) no-repeat top left;}

#content{
  font-size:1.2em;
  clear:both;
  margin: 0 auto;
  width: 100%;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}

.star{
	background:url(images/star.gif) no-repeat top left;
	width: 176px;
	height:248px;
	position:absolute;
	margin: -130px 0 0 623px;
	z-index: 5;}

.dave{
	background:url(images/dave.gif) no-repeat top left;
	width: 310px;
	height:317px;
	position:absolute;
	margin: 245px 0 0 550px;
	z-index:5;
}
.together{
	background:url(images/together.gif) no-repeat top left;
	width: 504px;
	height:317px;
	position:absolute;
	margin: 245px 0 0 250px;
	z-index:5;
}
.davesml{
	background:url(images/davesml.gif) no-repeat top left;
	width: 203px;
	height:467px;
	position:absolute;
	margin: 75px 0 0 650px;
	z-index:5;
}
.pot{
	background:url(images/pot.gif) no-repeat top left;
	width: 291px;
	height:187px;
	position:absolute;
	margin: 355px 0 0 650px;
	z-index:5;
}
.peppers{
	background:url(images/peppers.gif) no-repeat top left;
	width: 154px;
	height:164px;
	position:absolute;
	margin: 235px 0 0 650px;
	z-index:5;
}
ul#main-nav{
 clear:both;
 position:relative;
 top: 175px;}

ul#main-nav li {
 margin: 0 10px 0 0;
 float:left;
 height:30px;
 font-size:1.2em;
 position:relative;}

ul#main-nav li.active a span{
 background:url(images/over.gif) repeat-x top left;
 color: #ffffff;}

ul#main-nav li a span{
 display:block;
 padding: 6px 15px 0 15px;
 height:22px;
 float:left;}
 /*background:url(images/graybutton.gif) repeat-x top left;}*/

ul#main-nav li.active a:hover{
 color:#000;}

ul#main-nav li a{
 color:#007b3c;
 display:block;
 height:43px;
 float:left;
 text-decoration:none;}

ul#main-nav li a:hover{
 color:#FAB900;
 cursor: hand;}

#content p{
 line-height:1.5em;
 padding: 15px;
 height: 100%;
 background-image: url(images/content_square.gif);
 background-repeat: no;
 vertical-align: top;
 font-size:12px; 
}

#about{
 line-height:1.5em;
 padding: 15px;
 height: 100%;
 background-image: url(images/content_square.gif);
 background-repeat: no;
 vertical-align: top;
 height: 1100px;
 font-size:12px; 
}


#recipes{
 line-height:1.5em;
 padding: 15px;
 height: 100%;
 background-image: url(images/content_square.gif);
 background-repeat: no;
 vertical-align: top;
 height: 980px;
 font-size:12px; 
}



#recipe1_text{
 line-height:1.5em;
 padding: 15px;
 height: 100%;
 background-image: url(images/content_square.gif);
 background-repeat: no;
 vertical-align: top;
 height: 1045px;
 font-size:12px; 
}



#recipe2_text{
 line-height:1.5em;
 padding: 15px;
 height: 100%;
 background-image: url(images/content_square.gif);
 background-repeat: no;
 vertical-align: top;
 height: 1125px;
 font-size:12px; 
}



#recipe3_text{
 line-height:1.5em;
 padding: 15px;
 height: 100%;
 background-image: url(images/content_square.gif);
 background-repeat: no;
 vertical-align: top;
 height: 665px;
 font-size:12px; 
}

#recipe4_text{
 line-height:1.5em;
 padding: 15px;
 height: 100%;
 background-image: url(images/content_square.gif);
 background-repeat: no;
 vertical-align: top;
 height: 865px;
 font-size:12px; 
}


#recipe5_text{
 line-height:1.5em;
 padding: 15px;
 height: 100%;
 background-image: url(images/content_square.gif);
 background-repeat: no;
 vertical-align: top;
 height: 600px;
 font-size:12px; 
}
 
#recipe6_text{
 line-height:1.5em;
 padding: 15px;
 height: 100%;
 background-image: url(images/content_square.gif);
 background-repeat: no;
 vertical-align: top;
 height: 1100px;
 font-size:12px; 
}


#recipe7_text{
 line-height:1.5em;
 padding: 15px;
 height: 100%;
 background-image: url(images/content_square.gif);
 background-repeat: no;
 vertical-align: top;
 height: 300px;
 font-size:12px; 
}



#primary-content{
 width: 762px;
 float:left;
 margin-top: 30px;
 }
 
#primary-content-main{
 width: 762px;
 float:left;
 margin-top: 30px;
 background-image: url(images/content_square.gif);
 }


#containerbox { 
	width: 50%;
	margin: 0 auto;
	text-align: left;
}

.footer {
	top: 0;
	background-color: #000;
	padding: 0.5em;
}

.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 25%;
	left: 35%;
	width: 500px;
	height: 200px;
	padding: 1em;
	border: 0px solid #009247;
	background-color: black;
	text-align: center;
	z-index:1001;
	overflow: auto;	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }

.daveabout {
margin: 0;
padding-top: 0;
height: 170px;
width: 200px;
background-image: url(images/dave.gif);
border:2px solid #F8E4BE;
float: left;
display:block;
text-align:center;
}
.daveabout a img{
 border:0px solid #d4c4a2;
 text-decoration: none;}
 
.assistant1 {
margin-top: 10px;
padding: 0px;
height: 170px;
width: 200px;
background-image: url(images/assistant.gif);
 border:2px solid #F8E4BE;
float: left;
}


.assistant2 {
margin-top: 10px;
padding: 0;
height: 170px;
width: 200px;
background-image: url(images/assistant2.gif);
 border:2px solid #F8E4BE;
float: left;
}

.assistant3 {
margin-top: 10px;
padding: 0;
height: 170px;
width: 200px;
background-image: url(images/assistant3.gif);
border:2px solid #F8E4BE;
float: left;
}

.assistant4 {
margin-top: 10px;
padding: 0;
height: 170px;
width: 200px;
background-image: url(images/assistant4.gif);
border:2px solid #F8E4BE;
float: left;
}

.assistant6 {
margin-top: 10px;
padding: 0;
height: 170px;
width: 200px;
background-image: url(images/assistant6.gif);
border:2px solid #F8E4BE;
float: left;
}

.assistant7 {
margin-top: 0px;
padding: 0;
height: 170px;
width: 200px;
background-image: url(images/assistant7.gif);
border:2px solid #F8E4BE;
float: left;
}


.taster1 {
margin-top: 10px;
padding: 0;
height: 170px;
width: 200px;
background-image: url(images/taster1.gif);
 border:2px solid #F8E4BE;
float: left;
}

.recipe1 {
margin-top: 10px;
padding: 0;
height: 125px;
width: 174px;
background-image: url(images/recipe1.gif);
 border:2px solid #F8E4BE;
float: left;
}

.recipe2 {
margin-top: 10px;
padding: 0;
height: 125px;
width: 174px;
background-image: url(images/recipe2.gif);
 border:2px solid #F8E4BE;
float: left;
}

.recipe3 {
margin-top: 10px;
padding: 0;
height: 125px;
width: 174px;
background-image: url(images/recipe3.gif);
 border:2px solid #F8E4BE;
float: left;
}

.recipe4 {
margin-top: 10px;
padding: 0;
height: 125px;
width: 174px;
background-image: url(images/recipe4.gif);
 border:2px solid #F8E4BE;
float: left;
}

.recipe5 {
margin-top: 10px;
padding: 0;
height: 125px;
width: 174px;
background-image: url(images/recipe5.gif);
 border:2px solid #F8E4BE;
float: left;
}

.recipe6 {
margin-top: 10px;
padding: 0;
height: 125px;
width: 174px;
background-image: url(images/recipe6.gif);
 border:2px solid #F8E4BE;
float: left;
}


.recipe7 {
margin-top: 10px;
padding: 0;
height: 125px;
width: 174px;
background-image: url(images/recipe7.gif);
 border:2px solid #F8E4BE;
float: left;
}

.right {
margin-bottom: 10px;
padding-left: 10px;
padding-top: 10px;
vertical-align:top;
height: 160px;
width: 495px;
float: right;
 border:2px solid #F8E4BE;
}


.right2 {
margin-top: 10px;
padding-left: 10px;
padding-top: 10px;
vertical-align:top;
height: 115px;
width: 495px;
float: right;
 border:2px solid #F8E4BE;
}


/* hide from mac \*/
* html .left {margin-right: -3px;}
* html .right {margin-left: 0;}
/* end hide */ 

#player{
  margin: 0 auto;
  width: 730px;
  text-align: center;
  position: relative;
  line-height:1.5em;
  padding: 15px;
  height: 350px;
  background-image: url(images/content_square.gif);
  background-repeat: no;
  vertical-align: top;
  font-size:12px; 
}