body {
	background:#9b9893 url(../images/bg.gif) repeat-x;
	margin: 0px;
	padding: 0px;
}
body,td,th {
	font: normal 14px/normal Verdana,Geneva,sans-serif;
	color: #735635;
}
a:link {
	color: #283f4c;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #283f4c;
}
a:hover {
	text-decoration: none;
	color: #283f4c;
}
a:active {
	text-decoration: underline;
	color: #383838;
}

p {
	margin:8px 0px 12px 4px;
}

h1 {
	font: normal 22px/normal Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	color: #5a3b17;
	margin: 0px auto 0px auto;
}
h2 {
	font: normal 20px/normal Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	color: #5a3b17;
	margin: 8px 0 8px 0;
}
h3 {
	font: normal 19px/normal Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	color: #5a3b17;
	margin: 8px 0 8px 0;
}

#main_wrapper {
	position: relative;
	width: 885px;
	background: #9b9893 url(../images/bg-hor.gif) repeat-y;
	height: auto;
	margin: 0 auto 3px auto;
	padding: 0px;
}

#header {
	margin: 0px;
	padding: 0px;
	height: 175px;
}

#header h1 {
	margin: 0px;
	padding: 0px;
	height: 175px;
	}

.header {
	width:885px;
	height:175px;
	border:0px none transparent;
}

#navigation {
	clear:both;
	margin:0;
	padding:0;
	height:35px;
	width: 885px;
}

#navigation ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	height: 35px;
	}

#navigation li {
	float: left;
	margin: 0px;
	padding: 0px;
	}

#navigation a {
	display: block;
	text-decoration: none;
	height: 35px;
	padding: 0px;
	margin: 0px;
	}

#navigation li.navhome {
	background-image: url('../images/home.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 90px;
	height: 35px;
	}

#navigation li.navhome a:link {
	background-image: url('../images/home.gif');
	background-repeat: no-repeat;
	background-position: top left;
	}

#navigation li.navhome a:visited {
	background-image: url('../images/home.gif');
	background-repeat: no-repeat;
	background-position: top left;
	}
	
#navigation li.navhome a:hover {
	background-image: url('../images/home1.gif');
	background-repeat: no-repeat;
	background-position: top left;
	}

#navigation li.navabout {
	background-image: url('../images/about.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 189px;
	height: 35px;
	}

#navigation li.navabout a:link {
	background-image: url('../images/about.gif');
	background-repeat: no-repeat;
	background-position: top left;
	}

#navigation li.navabout a:visited {
	background-image: url('../images/about.gif');
	background-repeat: no-repeat;
	background-position: top left;
	}
	
#navigation li.navabout a:hover {
	background-image: url('../images/about1.gif');
	background-repeat: no-repeat;
	background-position: top left;
	}

#navigation li.navlocation {
	background-image: url('../images/location.gif');
	width: 110px;
	height: 35px;
	}

#navigation li.navlocation a:link {
	background-image: url('../images/location.gif');
	}

#navigation li.navlocation a:visited {
	background-image: url('../images/location.gif');
	}
	
#navigation li.navlocation a:hover {
	background-image: url('../images/location1.gif');
	}

#navigation li.navmenu {
	background-image: url('../images/menu.gif');
	width: 81px;
	height: 35px;
	}

#navigation li.navmenu a:link {
	background-image: url('../images/menu.gif');
	}

#navigation li.navmenu a:visited {
	background-image: url('../images/menu.gif');
	}
	
#navigation li.navmenu a:hover {
	background-image: url('../images/menu1.gif');
	}

#navigation li.navflavors {
	background-image: url('../images/flavors.gif');
	width: 101px;
	height: 35px;
	}

#navigation li.navflavors a:link {
	background-image: url('../images/flavors.gif');
	}

#navigation li.navflavors a:visited {
	background-image: url('../images/flavors.gif');
	}
	
#navigation li.navflavors a:hover {
	background-image: url('../images/flavors1.gif');
	}

#navigation li.navcatering {
	background-image: url('../images/catering.gif');
	width: 112px;
	height: 35px;
	}

#navigation li.navcatering a:link {
	background-image: url('../images/catering.gif');
	}

#navigation li.navcatering a:visited {
	background-image: url('../images/catering.gif');
	}
	
#navigation li.navcatering a:hover {
	background-image: url('../images/catering1.gif');
	}

#navigation li.navfaq {
	background-image: url('../images/faq.gif');
	width: 65px;
	height: 35px;
	}

#navigation li.navfaq a:link {
	background-image: url('../images/faq.gif');
	}

#navigation li.navfaq a:visited {
	background-image: url('../images/faq.gif');
	}
	
#navigation li.navfaq a:hover {
	background-image: url('../images/faq1.gif');
	}


#navigation li.navcontact {
	background-image: url('../images/contact.gif');
	width: 137px;
	height: 35px;
	}

#navigation li.navcontact a:link {
	background-image: url('../images/contact.gif');
	}

#navigation li.navcontact a:visited {
	background-image: url('../images/contact.gif');
	}
	
#navigation li.navcontact a:hover {
	background-image: url('../images/contact1.gif');
	}


#sub-header, #sub-headersmall {
	clear: both;
	width: 866px;
	padding: 9px 0px 10px 19px;
}

#sub-header img {
	width: 271px;
	height: 210px;
	margin-right: 17px;
	}

#sub-headersmall img {
	width: 271px;
	height: 176px;
	margin-right: 17px;
	}

#sub-header ul, #sub-headersmall ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}

#sub-header li, #sub-headersmall li {
	float: left;
	width: 288px;
	}
	

#content {
	clear: both;
	padding: 0px 0px 12px 22px;
	width: 863px;
}

#facebook {
	width: 268px;
	margin: 7px auto 2px 4px;
	padding-bottom: 2px;
	float: left;
	background-color: #dcd8c4;
	}
#facebook img{
	margin: 0px;
	padding: 3px 0px 0px 0px;
	}

#facebook img a{
	margin: 0px;
	padding: 0px;
	}

#wholefoods {
	width: 268px;
	margin: 7px auto 2px 4px;
	padding: 0px;
	float: left;
	background-image:url(../images/wholefoods-bg.gif);
	background-color: #2f451f;
	}

#wholefoods img a{
	margin: 0px;
	padding: 0px;
	border:0px;
	}

#todaysflavors {
	width: 268px;
	margin: 7px auto 26px 4px;
	padding-bottom: 10px;
	float: left;
	background-color: #dcd8c4;
	}

#todaysflavors h3 {
	margin: 0px;
	padding: 0px;
	}

#flavors p {
	margin: 3px 3px auto 24px;
	font-size: 12px;
	color: #2b3c4e;
	}

#line {
	width: 542px;
	height: 1px;
	background-color: #d1c6ba;
 	margin: 10px 22px 0 2px; 
	clear: both;
	font-size: 0px;
	line-height: 0%;
	}

.line {
	width: 542px;
	height: 1px;
	background-color: #d1c6ba;
 	margin: 10px 22px 0 2px; 
	clear: both;
	font-size: 0px;
	line-height: 0%;
	}

.linebig {
	width: 772px;
	height: 1px;
	background-color: #d1c6ba;
 	margin: 4px 0px 0 0px; 
	clear: both;
	font-size: 0px;
	line-height: 0%;
	}

div.readmore-blue {
	width: 91px;
	height: 27px;
	float: right;
	clear: both;
	margin: -8px 43px 10px auto;
	}

div.readmore-blue img {
	width: 91px;
	height: 27px;
	border: 0px none transparent;
	}

.readmore-red {
	width:92px;
	height:29px;
	border:0px none transparent;
	margin-top:6px;
	}

#footermain {
	clear: both;
	background: #9b9893 url('../images/footer.gif') no-repeat top left;
	height: 39px;
	width: 885px;
	}

#footer {
	clear: both;
	background: #9b9893 url('../images/footer2.gif') no-repeat top left;
	height: 39px;
	width: 885px;
	}

.hiddenPic {
	display:none;
	}

#textcontentfull {
	width: 838px;
	float: left;
	margin-top: 2px;
	margin-bottom: 26px;
	}

#textcontentfull p, #textcontentfull h1, #textcontentfull h2{
	margin-right:12px;
	}

#textcontentfull p, #textcontentfull h2{
	margin-left:4px;
	}

#textcontent {
	width: 570px;
	float: left;
	margin-top: 2px;
	margin-bottom: 26px;
	}

#locationimage {
	float: left;
	width: 227px;
	margin-left: 2px;
	}

#locationtext {
	float: left;
	width: 331px;
	margin-left: 10px;
	}

#locationtext p {
	margin-right: 8px;
	}

#cateringimage {
	float: left;
	width: 227px;
	margin-left: 2px;
	}

#cateringtext {
	float: left;
	width: 331px;
	margin-left: 10px;
	}

#cateringtext p {
	margin-right: 8px;
	}

div.clear {
	display: block;
	width: 100%;
	clear: both;
	font-size: 0px;
	line-height: 0%;
	}
/* BEGIN NAVITATION STYLES */

.spacer1, .spacer2, .spacer3, .spacer4, .spacer5, .spacer6, .spacer7, .spacer8, .active1, .active2, .active3, .active4, .active5, .active6, .active7, .active8 {
	height:35px;
	border:0px none transparent;
}
.spacer1, .active1 {
	width:90px;
}
.spacer2, .active2 {
	width:189px;
}
.spacer3, .active3 {
	width:110px;
}
.spacer4, .active4 {
	width:81px;
}
.spacer5, .active5 {
	width:101px;
}
.spacer6, .active6 {
	width:112px;
}
.spacer7, .active7 {
	width:65px;
}
.spacer8, .active8 {
	width:137px;
}
/*END NAVIGATION STYLES */
/*START CSS FOR FAQ */
#faqtext {
	float: left;
	width: 478px;
	}

#faqimage {
	float: left;
	width: 345px;
	margin-left: 6px;
	overflow:hidden;
	}
/*END CSS FOR FAQ */
/*CSS FOR MENU */
#menu1 {
	float: left;
	width: 270px;
	padding:0 4px 4px 4px;
	margin-left:2px;

	}

#menu2 {
	float: left;
	width: 270px;
	padding:0 4px 4px 4px;
	}
#menu3 {
	float: left;
	width: 270px;
	padding:0 4px 4px 4px;
	}
#menu1 em, #menu2 em, #menu3 em{
	font-size:12px;
	}	
/*END CSS FOR MENU*/
/*CSS FOR CATERING MENU */
#cateringmenu1 {
	float: left;
	width: 405px;
	padding:0 4px 4px 4px;
	margin-left:2px;

	}

#cateringmenu2 {
	float: left;
	width: 405px;
	padding:0 4px 4px 4px;
	}
#cateringmenu1 em, #cateringmenu2 em{
	font-size:12px;
	}	
/*END CSS FOR CATERING MENU*/
/*START CSS FOR LOCATION */
#locationtxt {
	float: left;
	width: 410px;
	}
	
#locatiowholefoods {
	float: left;
	margin:4px 3px 0px 3px;
	width:830px;
	height:auto;
	}

#locationimg {
	float: left;
	width: 410px;
	margin-left: 10px;
	overflow:hidden;
	}
#locationimg img{
	margin-left: 10px;
	}
/*END CSS FOR LOCATION */
/*START CSS FOR ABOUT */
#chefpic {
	padding:4px 8px 2px 0px; 
	float:left; 
	height:203px; 
	width:175px;
	}
/*END CSS FOR ABOUT */
/*START CSS FOR CONTACT */
#contacttext {
	float: left;
	width: 826px;
	}
	
#contactimage {
	float: left;
	width: 306px;
	margin-left: 10px;
	overflow:hidden;
	}
#contactimage img{
	margin-left: 10px;
	}
/*END CSS FOR CONTACT */
/*CSS FOR FORMS */
.cssform p{
width: 820px;
clear: left;
margin: 0;
padding: 6px 0 6px 5px;
height: 100%;
}
.cssform label{
font-weight: bold;
float: left;
margin-left: 34px; /*width of left column*/
width: 124px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 500px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#735635;
font-size:12px;
}
.cssform textarea{
width: 500px;
height: 125px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#735635;
font-size:12px;
}
.cssform2 input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 125px;
margin-bottom:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#735635;
font-size:11px;
}
/*END CSS FOR FORMS*/