/*******************************************************
TITLE: Fixed Box Layout  V1.0
DATE: 20060809
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

body {
margin:0;
padding:0;
height:100%;
background-color:#ffffff;
color:#000000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
background:#54422e url('../images/bg.jpg') repeat-x 83px 0px;
z-index: -1;
}

#wrapper {
height:665px;
width:1180px;
background:url('../images/backpanel.jpg') no-repeat 0px 0px;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
}

#contactform {
  padding: 15px;
  margin-top: 10px;
}

.recipes #wrapper {
background:url('../images/backpanel_recipes.jpg') no-repeat 0px 0px;
}

.about #wrapper {
background:url('../images/backpanel_about.jpg') no-repeat 0px 0px;
}

.awards #wrapper {
background:url('../images/backpanel_awards.jpg') no-repeat 0px 0px;
}

.news #wrapper {
background:url('../images/backpanel_news.jpg') no-repeat 0px 0px;
}

.bold {
  font-weight: bold;
}

#content_home {
  margin-top: 0px;
  margin-left:55px;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  width: 640px;
}

#content {
  margin-top: 55px;
  margin-left:55px;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  width: 640px;
}

.products #content {
  width:900px;
}

#content h3 {
  font-size:2em;
font-weight:bold;
line-height:1em;
margin-bottom:-5px;
  color: #371c10;
  padding-left:5px;
  margin-top:-45px;
}

#content p a{
  text-decoration: underline;
  color: #371c10;
}

#content p {
  color: #371c10;
  font-size: .9em;
}

.testimonials #content p {
  font-size: .8em;
}

#tests {
  height: 410px;
  overflow-y: scroll;
}

#salsa_selection {
  height:240px;
  width:700px;
}

.button {
  float:left;
  margin-left:37px;
  margin-top:-10px;
}

.select_jar {
  display: inline-block;
  width: 220px;
}

#centerColumn { 	
height:495px;
width:675px;
}


#nav {
margin-left:140px;
margin-top:57px;
width:615px;
z-index: 2;
}

#nav ul {
list-style:none;
margin:-10px 0;
padding:16px 0;
}

#nav li {
background:transparent url(../images/pepper.png) no-repeat scroll right center;
display:inline;
margin:0;
overflow:visible;
padding:15px 0px;
}

.navlast {
  background: none !important;
}
.navlast a {
margin-right:-1px !important;
padding-right:4px !important;
}

.navfirst {

}

.navfirst a {
margin-left:-12px !important;
padding-left:10px !important;
}

#nav a {
color:#F3ECCE;
font-size:0.75em;
font-weight:bold;
margin-left:-5px;
margin-right:20px;
padding:9px 0;
z-index:2;
text-decoration: none;
}

#nav li:hover a {
  background:#78a68d;
  color: #371c10;
}


#footer {
color:#800717;
font-size:0.7em;
left:175px;
position:relative;
text-align:center;
top:70px;
width:315px;
}
.index #footer {
  left:245px;
}

#footer_credit {
	color: #fff;
	font-weight: bold;
	padding-top: 15px;
	font-size: 12px;
}

#home_wrapper {margin-top: 20px;}

#salsa_jar_home {
float:left;
margin-left: 40px;
}

#salsa_jar {
float:left;
left:-100px;
margin-top:-267px;
position:relative;
z-index:2;
}

#austin {margin-left: 200px; margin-top: 10px;}
#austin_img {float: left;}
#austin_copy {float: left; margin-right: 10px; width: 180px;}
#austin_copy a {  text-decoration: underline; color: #371c10;}


.select_jar:hover  {
  cursor: pointer;
}

#market {
	float: left;	
}

#award {
left:440px;
position:relative;
z-index:2;
}

.products #award {
  float: right;
left:-250px;
top:-20px;
}

.about #content p {
  font-size:0.7em;
font-weight:bold;
}

.skinny {
  width:450px;
}

#logo {
left:88px;
position:relative;
top:5px;
z-index:1;
}

#tip {
float:left;
left:138px;
position:relative;
top:9px;
z-index:3;
}

#bigpeppers {
left:595px;
position:relative;
top:642px;
}

#introtext {
  margin-top:25px;
  margin-left:70px;
}

#nav li:hover {

}

.clearer, .clear {
	float:none;	
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	clear: both;
	display: block;
	margin: 0px;
	padding: 0px;	
	overflow: hidden;
	visibility: hidden;
}