/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0; font-size: 100%; zoom: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { /*
  Override the default (display: inline) for browsers that do not recognize HTML5 tags.
  IE8 (and lower) requires a shiv:  http://ejohn.org/blog/html5-shiv */
  display: block; }

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote { list-style:none;}

h1, h2, h3, h4, h5, h6 { line-height:normal; font-weight:normal; }

a { text-decoration: none; outline:none; cursor:pointer; }

b, strong { font-weight: bold; }

img { color: transparent; font-size: 0; vertical-align: middle; border:none; -ms-interpolation-mode: bicubic; }

ul, li { display: list-item; list-style:none; }

table { border-collapse: collapse; border-spacing: 0; }

th, td, caption { font-weight: normal; vertical-align: top; text-align: left; }

svg { overflow: hidden; }

/*--- Form Elements ---*/

input[type="checkbox"] { margin:0 4px; width: 13px; height: 13px; padding: 0; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden;} /*checkbox alignement*/

input, textarea, select { outline:none; margin:0; }

textarea{ overflow:auto; resize:none;}


/*--- General Stlyes ---*/

body { font:14px/1.4 'PT Sans', Arial, Helvetica, sans-serif; color:#040404; text-align:left;  width:100%; min-width:960px;height:100%;min-height:100%;background: url(../images/bg_pattern.jpg) repeat 0 0}

a,a .small { -webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out, color 0.3s ease-out; -o-transition: background-color 0.3s ease-out, color 0.3s ease-out; transition: background-color 0.3s ease-out, color 0.3s ease-out; }

a{ color:#913631;} 

a:hover { color:#00B213; }

.green_btn{-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }

/*--- floats ---*/

.right { float:right; }

.left { float:left; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }


/*--- Tyopgraphy Styles ---*/

.text_left{ text-align:left;}

.text_center{ text-align:center;}

.text_right{ text-align:right;}

.title{ font-size:22px; color:#168218;}

h1{ font-size:28px; color:#168218; margin-bottom:20px;}

h2{ font-size:16px; color:#913631; margin-bottom:12px; font-weight:bold;}

h3{ font-size:14px; color:#168218; margin-bottom:12px; font-weight:bold;}

h4{ font-size:14px; color:#168218; margin-bottom:12px; font-weight:bold;}

h5{ font-size:16px; color:#913631; margin-bottom:12px; font-weight:500; font-style:italic;}

h6{ font-size:14px; color:#913631; margin-bottom:10px; font-weight:600;}

h7{ font-size:14px; color:#168218; font-weight:bold;}


/*--- Main Styles ---*/

#page_wrap {box-shadow:0 0 20px rgba(0,0,0,0.6);-moz-box-shadow:0 0 20px rgba(0,0,0,0.6);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.6); border-bottom-right-radius:9px;
border-bottom-left-radius:9px; background: #f2eee5; width: 960px;position: relative; margin-top: 50px; margin-left: auto; margin-right: auto;  position:relative;}

.wrap {margin:0 auto; position:relative;}






html{background: url(../images/bg_pattern.jpg) repeat 0 0; min-width:960px;}

header{ background:url(../images/header_pattern.png) repeat-x;  height:110px; position:relative; z-index:100; width: 960px;}

header .quickinfo{ line-height:48px; color:#fff; text-shadow:0 -1px 0 #22681d; text-align:center; float:left; width:528px; margin-left: 210px;}

header .quickinfo a{ color:#8fe4bc;}

header .quickinfo a:hover{color:#8fe4bc;}

header .quickinfo selected{color:#8fe4bc;}

.slogan{clear:both; font-size:24px; letter-spacing: 2px; font-style:italic; font-weight:bold; color:#fff; padding-top: 12px; }






hr{background-color:#ffffff;border:0;clear:both;height:1px;margin-bottom:1px;} 

.bullet{ display:inline-block; margin:0 4px;}

header .top_nav{
	background:url(../images/logo180127.png) no-repeat;
	width:180px;
	height:127px;
	position:absolute;
	left:24px;
	top:1px;
	z-index:1000;
}

/* ------------green bar------------*/
header .green_nav {display:inline;}

header .green_nav ul{display:inline; z-index:1; }

header .green_nav ul li{ display:inline-block;}

header .green_nav ul li dd{ display:inline-block;}

header .green_nav ul li a{display:inline-block;font-weight:normal; font-size:15px; color:#ddd7b5; z-index: 1000;}


/*--- begin chil ----d*/

header .green_nav ul li:hover ul { display: block;visibility: visible;  }

header .green_nav ul li ul{visibility:hidden; display: none; position:absolute;}

header .green_nav ul li ul li a:hover, header .green_nav ul li.current a{ color:#8fe4bc; z-index: 1000;}

header .topsocial{ position:absolute; right:25px; top:14px; display: inline-block; vertical-align:middle; font-size:14px; text-align:center;}

.topsocial {min-height: 32px; min-width:165px;}

.topsocial a{ background:url(../images/topsocial_new.png); width:24px; height:24px; display:inline-block;margin:12px 4px 0 4px;}

.topsocial check{ background:url(../images/topsocial_new.png); min-width: 86px; min-height:24px;background-position: left 0px; display:inline-block}

.topsocial .yelp{ background-position: -37px -50px;}

.topsocial .yelp:hover{ background-position: -37px -124px;}

.topsocial .yelp:active{ background-position: -37px -74px;}

.topsocial .facebook{ background-position: 24px -50px;}

.topsocial .facebook:hover{ background-position: 24px -124px;}

.topsocial .facebook:active{ background-position: 24px -74px;}



header .join a{ position:absolute; right:29px; top:76px; display: inline-block; vertical-align:middle;text-align:center; font-weight:normal;color:#ddd7b5; text-shadow:0 -1px 0 #22681d;}

.join a:hover{color: #8fe4bc;}

/*--- end green bar ---*/

header #logo{
	width:173px;
	height:79px;
	position:absolute;
	left:4px;
	top:12px;
	z-index:1000;
}

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

#rightbar {display:block; position:absolute; right: 0px; top:15%; width:190px;}

.rightbar-top {}

.rightbar-top a{float:right; margin-right: 25px; margin-top: 73px; margin-bottom: 25p; width:164px; height:120px;background:url(../images/rightbar-bb.png)}/*top 15 then 81 then 79*/

.rightbar-top .order_online {}
	
.rightbar-top .order_online:hover{
	background-position: left 33.3%;}

.rightbar-bot {}

.rightbar-bot a{float:right; margin-right: 25px; margin-top: 15px; margin-bottom: 25p; width:164px; height:120px;background:url(../images/rightbar-bb.png)}
	
.rightbar-bot .catering{
	
	background-position: left 66.6%;}
	
.rightbar-bot .catering:hover{
	background-position: left 99.9%;}
	
	/*/////////////////////////*/
	.rightbar-botc {}

.rightbar-botc a{float:right; margin-right: 25px; margin-top: 15px; margin-bottom: 25p; width:164px; height:120px;background:url(../images/right-gc.png)}
	
	.rightbar-botc .card{
	
	background-position: left 66.6%;}
	
.rightbar-botc .card:hover{
	background-position: left 99.9%;}
	
	/*///////////////////////*/
	
	
	/*/////////////////////////*/



 
	/*///////////////////////*/
	
.rightbar-bot-b {float:right; margin-right: 25px; margin-top: 15px; margin-bottom: 25p; width:164px; height:404px;background:url(../images/improve.png)}
	
.leftbar {display:inline-block; width: 195px; padding-top:0px; margin-left:0px; position:absolute;}
	
.midbar {display: inline-block; width: 490px; padding-top:0px; margin-left:210px; position:relative;}

.menubar {display: inline-block; width: 160px; padding-top:0px; margin-left:15px; position:relative;}
	
#leftpane {display:block; width: 715px; padding-top:18px; margin-left:27px; margin-bottom:25px; min-height:480px;}/*top 26px with logo tuck, then 24 left was 25 with old logo, then 20*/


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

#main_content{ min-height:530px; padding-top:10px;}/*530*/
#main_content-i{ min-height:679px; padding-top:10px;}/*530*/

.features{ color:#373737;}

.features li{ margin-bottom:20px; padding-left:40px; position:relative;}

.features li .icon{ background:url(../images/sprite.png); width:32px; height:32px; position:absolute; left:0; top:1px;}

.features li.authentic .icon{ background-position: -692px -5px;}

.features li.fresh .icon{ background-position: -692px -37px;}

.features li.healthy .icon{ background-position: -692px -69px;}

.features li.convenient .icon{ background-position: -692px -101px;}

.features li.sustainable .icon{ background-position: -692px -133px;}

.gallery{ text-align:center;}

.gallery a{ display:inline-block; background:url(../images/sprite.png) no-repeat -407px -4px; width: 196px;	height: 154px; position:relative; margin:0 7px 7px;}

.gallery a img{ position:absolute; left:14px; top:16px;}

.menugallery{ top: -150px;}

.menugallery a{display:inline-block; width: 160px; position:relative; margin:0 0px 0px;}

.menugallery a img{ position:absolute; left:0px; top:0px;}

/*--- 420 ---*/

.owner_listens{
	background:url(../images/sprite.png) no-repeat -2px -471px;
	width: 247px;
	height: 58px;
	opacity:0.9;
	display:block;
	position:absolute;
	left:8px;
	top:545px;
}

.owner_listens_sub{ background:url(../images/sprite.png) no-repeat -2px -471px; width: 247px; height: 58px; opacity:0.9; display:block; position:absolute; left:8px; top:353px;}/*350*/

.owner_listens:hover{ opacity:1;}

.owner_listens_sub:hover{ opacity:1;}

.owner_listens:active{ background-position:-1px -531px;}

.owner_listens_sub:active{ background-position:-1px -531px;}

.page_separator{ background:url(../images/separator.png) center top no-repeat #fff; height:50px;}

.page_separator2{ background:url(../images/separator2.png) center top no-repeat; height:4px;}

.tab{ position:fixed; bottom:0; left:0; right:0;z-index:1000;}

.tab .download_tab{ background:url(../images/downloadTab.png) no-repeat; width:307px; height:77px; z-index:1000; position:relative; left:491px;}

.tab .toggle_tab{ position:absolute; background:url(../images/sprite.png) no-repeat -417px -172px; width: 23px; height: 13px; right:28px; top:6px; cursor:pointer;}

.tab .toggle_tab.closed{ background-position: -441px -172px;}

.download_tab .green_btn{ background:url(../images/pdf_download.png) no-repeat 0 0; width: 159px; height: 38px; cursor:pointer; position:absolute; left:74px; top:30px; display:block; opacity:0.8;}

.download_tab .green_btn:hover{ opacity:1;}

.download_tab .green_btn:active{ background-position: 0 -41px;}

.green_btn, .order_ahead, .owner_listens {-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}


/* --- footer ---*/

footer{ padding-top:10px; overflow:hidden;}

.menu footer, .catering footer{padding-bottom:70px;}

footer .wrap{ padding-top:5px; overflow:hidden;}

.innerpage footer .wrap{position:relative; padding-left:282px; width:712px; overflow:hidden;}

footer .footer_links{ text-align:center; color:#6e6e6e; margin-bottom:10px;}

footer .footer_links a{ color:#6e6e6e; font-weight:bold; font-size:16px;}

footer .footer_links a:hover{ color:#424242}

footer .copy{ color:#949494; font-size:14px; text-align:center}

footer .social{ position:absolute; right:30px; top:-4px;}

footer .feedback{ position:absolute; right:137px; top:-4px;}

.social .text{ display:block; color:#949494; font-style:italic; text-align:center; margin-bottom:2px; padding:3px 0 0 ;}

.holiday {padding: 62px 32px 32px 32px; margin: 0px 15px 15px 15px;}


/* --- feedback ---*/
.feedback .text{ display:block; color:#949494; font-style:italic; text-align:center; margin-bottom:2px; padding:3px 0 0 ;}

.feedback a{ background:url(../images/listen.png); width:151px; height:33px; display:inline-block; margin:0 5px;}

.feedback .listen{ background-position: left top;}

.feedback .listen:hover{ background-position: left -35px;}

.feedback listen:active{ background-position: left -69px;}


#menu{ position:relative; width: 720px; margin-left: 26px; padding-top: 18px; padding-bottom: 25px;}
/* --- notice ---*/

#notice { 
    position: relative; 
  	top: 18px;
	left: 26px;
	width: 720px;
	height:149px;background:url(../images/improve.png);
	
}

/* --- slide show ---*/
#slideshow { 
    position: relative; 
  	
}

#slideshow > div {
	position: absolute;
	top: 18px;
	left: 26px;
	width: 720px;
	
}

#slideshow > div:after {content: ".";
position:absolute;
top:0;
left:0;
z-index:-1000;
}

	




.slides li:after {

}

#bottom {position: relative;
background: url(../images/bottom-h.png);
height: 50px;
	
}

.story {position:relative; display:inline-block;}
.story img{float: left;height:200px; width:200px; margin-right: 25px; margin-bottom: 15px; clear:both;vertical-align:text-top;}