/*  
Version: 1.0
Author: Keefe Au
Author URL: http://aukeefe.carbonmade.com
*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }

/* LAYOUT */
.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }
.clearfix { display: block; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* TYPE */
body { font: 75% 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; background-color: #d2c8ad; color: #000;    }
input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 100%; } 
p { font: 80% 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; color: #000; }
a { text-decoration:underline; color:#b7620b;    }
a:hover { text-decoration:underline; color:#000;   }
a:visited {text-decoration:none;  }
.em-text { color: #b7620b; }
.menu-section-title, .big-news-title , .big-title  { color: #b7620b; font-weight:bold;   }
.big-title { font-size:115%; }
.lar-news-title  { color: #93b727; font-weight:bold; font-size:115%;   }
.day { color: #b7620b; font-weight:bold; text-transform:capitalize;  }
.m-text { font-size:95%; }

#header-wrapper, #intro-wrapper, #content-wrapper, #footer-wrapper {width:1000px; height:auto; margin:0 auto; position: relative; min-height: 100%; }

/* header */
#header { width: 100%; height:70px; margin:0 auto; position: relative; background-color:#4b3313;  }
#logo a { background:url(../images/logo.png) no-repeat; width: 150px; height: 250px; position: absolute; text-indent: -900em; left:0; top:10px; z-index:998; overflow:hidden;  }
#logo.home a { cursor: default !important; }
#header-border { background:url(../images/header_bg.jpg) no-repeat; width:1000px; height:15px; margin:0; position: relative; float:left; bottom:-20px;  }
html:first-child #header-border { background:url(../images/header_bg.jpg) no-repeat; width:1000px; height:15px; margin:0; position: relative; float:left; bottom:-20px;  }

/* Main Navigation */
#navigation { width: 800px; height: 42px; position: relative; background:url(../images/nav.jpg) no-repeat; top:10px; float:right; }
#navigation #nav { margin: 0; padding: 0; }
#navigation #nav li { display: inline;  }
#navigation #nav li a {  background:url(../images/nav.jpg) no-repeat; float: left;  overflow: hidden; text-indent: -900em;  }

/* ON STATES */
#navigation #nav li#nav-home a { background-position: 0 0; width:83px; height:42px; position:relative;  }
#navigation #nav li#nav-menu a { background-position: -83px 0; width:78px; height:42px; position:relative;  }
#navigation #nav li#nav-catering a { background-position: -161px 0; width:103px; height:42px; position:relative;  }
#navigation #nav li#nav-news a { background-position: -264px 0; width:73px; height:42px; position:relative;   }
#navigation #nav li#nav-press a { background-position: -337px 0; width:80px; height:42px; position:relative;  }
#navigation #nav li#nav-location a { background-position: -417px 0; width:90px; height:42px; position:relative;  }
#navigation #nav li#nav-contact a { background-position: -507px 0; width:91px; height:42px; position:relative;  }
#navigation #nav li#nav-careers a { background-position: -598px 0; width:90px; height:42px; position:relative;  }
#navigation #nav li#nav-order a { background-position: -688px 0; width:112px; height:42px; position:relative;  }

/* OVER STATES */
#navigation #nav li#nav-home a:hover { background-position: 0 -42px; width:83px; height:42px; position:relative;  }
#navigation #nav li#nav-menu a:hover { background-position: -83px -42px; width:78px; height:42px; position:relative;  }
#navigation #nav li#nav-catering a:hover { background-position: -161px -42px; width:103px; height:42px; position:relative;  }
#navigation #nav li#nav-news a:hover { background-position: -264px -42px; width:73px; height:42px; position:relative;   }
#navigation #nav li#nav-press a:hover { background-position: -337px -42px; width:80px; height:42px; position:relative;  }
#navigation #nav li#nav-location a:hover { background-position: -417px -42px; width:90px; height:42px; position:relative;  }
#navigation #nav li#nav-contact a:hover { background-position: -507px -42px; width:91px; height:42px; position:relative;  }
#navigation #nav li#nav-careers a:hover { background-position: -598px -42px; width:90px; height:42px; position:relative;  }
#navigation #nav li#nav-order a:hover { background-position: -688px -42px; width:112px; height:42px; position:relative;  }

/* DOWN STATES */
#navigation.home #nav li#nav-home a { background-position: 0 -84px; width:83px; height:42px; position:relative; cursor: default !important; }
#navigation.menu #nav li#nav-menu a { background-position: -83px -84px; width:78px; height:42px; position:relative; cursor: default !important; }
#navigation.catering #nav li#nav-catering a { background-position: -161px -84px; width:103px; height:42px; position:relative; cursor: default !important; }
#navigation.news #nav li#nav-news a { background-position: -264px -84px; width:73px; height:42px; position:relative; cursor: default !important;  }
#navigation.press #nav li#nav-press a { background-position: -337px -84px; width:80px; height:42px; position:relative; cursor: default !important;  }
#navigation.location #nav li#nav-location a { background-position: -417px -84px; width:90px; height:42px; position:relative; cursor: default !important;  }
#navigation.contact #nav li#nav-contact a { background-position: -507px -84px; width:91px; height:42px; position:relative; cursor: default !important;  }
#navigation.careers #nav li#nav-careers a { background-position: -598px -84px; width:90px; height:42px; position:relative; cursor: default !important;  }

/* slideshow */
#slideshow-section { background:url(../images/slideshow_bg.png) no-repeat; width:605px; height:425px; position:relative; float:right; top:-10px; z-index:999;  }
#slideshow { position:relative; bottom:-12px; left:12px;   }
.pics { width:580px; height:400px;  padding:0; margin:0; overflow: hidden;  }
.pics img { width:580px ; height:400px;  }
#slideshow img { }

/* intro */
#intro { width: 100%; height: auto; margin: 0 auto; position: relative;   }
.home#intro-wrapper { background:url(../images/home_top_bg.jpg) no-repeat; width:1000px; height:384px; top:10px; position: relative;   }


/* content */
#content { width: 100%; height: auto; margin:0; min-height: 100%;  }
.home#content-wrapper { background:url(../images/home_content_bg.jpg) no-repeat; background-position:right; width:1000px; height:742px;  }
.location#content-wrapper { background:url(../images/home_content_bg.jpg) 20px 10px no-repeat; width:1000px; height:742px;    }
.menu#content-wrapper { background:url(../images/menu_bg.jpg) 40px 30px no-repeat; width:1000px; height:475px;     }
.press#content-wrapper { background:url(../images/home_content_bg.jpg) 40px 30px no-repeat; width:1000px; height:475px;     }
.ty#content-wrapper { background:url(../images/home_top_bg.jpg) no-repeat; width:1000px; height:384px; top:10px; position: relative;   }
#main-column { background:url(../images/main_top_bg.png) top no-repeat; width:573px; height:auto; position: relative; float:right; margin:15px 0 20px 0; }
#news-column { width:498px; height:auto; position: relative; float:right; margin:35px 0 20px 0; }
#big-news-column { width:573px; height:auto; position: relative; float:right; margin:35px 0 20px 0; }
#press-column { width:862px; height:auto; position: relative; float:right; margin:15px 0 20px 0; }
#sidebar-column { width:375px; height:auto; position: relative; float:left;  margin:400px 0 20px 0; }
#sidebar-column-ct {  width:375px; height:auto; position: relative; float:left;  margin:400px 0 0 0; }
#sidebar-column-news {  width:375px; height:auto; position: relative; float:left;  margin:300px 0 20px 0; }
#sidebar-column-menu {  width:375px; height:auto; position: relative; float:left;  margin:300px 0 20px 0; }
#left-column { width:525px; height:auto; position: relative; float:left; margin:55px 0 25px 0; }
#right-column { width:475px; height:auto; position: relative; float:right; margin:55px 0 25px 0; }
#main-column-base { background:url(../images/main_btm_bg.png) no-repeat; width:573px; height:64px;  margin:0; }
#press-column-base { background:url(../images/press_btm_bg.png) no-repeat; width:862px; height:80px; margin:0; }
#press-column-top { background:url(../images/press_top_bg.png) no-repeat; width:862px; height:82px; margin:0; }
#news-column-base { background:url(../images/news_btm_bg.png) no-repeat; width:573px; height:80px;   margin:0; }
#news-column-top { background:url(../images/news_top_bg.png) no-repeat; width:573px; height:42px;  margin:0; }
#sidebar-column-top { background:url(../images/sdbar_top_bg.png) no-repeat; width:375px;  height:136px; margin:0; }
#sidebar-column-base { background:url(../images/sdbar_btm_bg.png) no-repeat; width:375px;  height:62px; margin:0; }

.news-section { background-color:#f0efd3; width:498px; height:auto; position: relative; margin:0; }
#news-base { background:url(../images/newsBtmbg.png) no-repeat; width:498px; height:60px;   margin:0; }
#news-top { background:url(../images/newsTopbg.png) no-repeat; width:498px; height:38px;  margin:0; }
#latestNews { background:url(../images/title_latestnews.png) no-repeat; width:120px; height:35px; float:left; left:-80px; }
#blog-section { width:420px; height:auto; margin:35px 39px 0px 39px; font-size:1.25em; }
.blog-title a { font-size:0.95em; text-decoration:none; color:#000; font-weight:bold;   }
.blog-title a:hover { color:#b7620b; text-decoration:none; }
#blog-section a.blogReadmore { background-color:#ffdd00 !important; padding:2px 8px; color:#000 !important; text-align:center; text-decoration:none; line-height:2em; font-size:0.85em; }
#blog-section a:hover.blogReadmore { background-color:#4a3313 !important; padding:2px 8px; color:#fff !important; text-decoration:none;  }
#blog-wrapper { margin:0; padding:0; }
.Thumbnail { display: block; width: 150; height: 150px; float: right; margin: 0 0 15px 5px; } 
.blog-date { font-size:0.75em; color:#b7620b; margin:2px 0px 5px 0px; }
.news-title { position:relative; left:48px; top:34px; float:left; }
.news-item { position:relative; float:right; top:-30px; right:5px;   }
.eco-item1  { position:relative; float:left; left:-50px;   }
.eco-item2  { position:relative; float:right; right:-50px;   }

.news-text { position:relative; width:380px; height:44px; overflow:hidden; left:65px; top:-32px; margin:5px 0 5px 0; z-index:20;  }
.news-text2 { position:relative; width:380px; height:44px; overflow:hidden; left:65px; top:24px; margin:5px 0 10px 0; z-index:20;  }
.big-news-text { position:relative; width:520px; height:auto; top:-32px; margin:5px 25px 5px 25px;   }
.big-news-text2 { position:relative; width:520px; height:auto; top:24px; margin:5px 25px 5px 25px;   }
.eco-item { background:url(../images/img_leaves.jpg) no-repeat; width:64px; height:84px; position:relative; top:-80px; left:18px; float:left;    }
.menu-food { position:relative; left:-200px; top:0; float:left; }
#menu-section { background-color:#f0efd3; width:573px; height:auto; position:relative; top:0; margin-top:50px;  }
#press-section { background-color:#f0efd3; width:862px; height:auto; position:relative; top:0;  }
#big-news-section { background-color:#f0efd3; width:573px; height:auto; position:relative; top:0;  }
#sd-section { background-color:#f0efd3; width:375px; height:auto;  top:-34px;   }
.menu-title { position:relative; float:left; top:0; left:-20px;}
.sy-menu-title { position:relative; float:left; top:0; left:-28px;}
.sm-menu-title { position:relative; float:left; top:5px; left:-10px;}
.st-menu-title { position:relative; float:left; top:0; left:-10px;}
#menu-section-list { margin:10px 25px 15px 20px;  }
#menu-section-list li, #dis-section-list li { display:inline; margin-right:18px; font-size:86%; text-transform:capitalize; line-height:1.5em; }
#dis-section-list { margin:40px 25px 15px 20px;  }
.sd-image { position:relative; left:0; top:-88px; float:left; }
.sy-image { position:relative; left:-40px; top:0; float:left; }
.sr-image { position:relative; right:-20px; top:-20px; float:right; }
.menu-intro { position:absolute; right:40px; top:80px; float:right; width:420px; height:auto; margin:0 0 10px 0; }
.menu-intro2 { position:absolute; right:40px; top:80px; float:right; width:260px; height:auto; margin:0 0 10px 0; }

.menu-note { margin:10px 25px 15px 20px; font-style:italic; font-size:80%;  }
.sp-note { margin:10px 25px 15px 20px;  font-size:86%;  }
.sd-type-section { width:355px; margin:0 0 15px 0; float:left; position:relative;  }
.type-section { width:250px; margin:10px 0 15px 0; float:left; position:relative;  }
.type-title { position:absolute; left:30px;   }
.type-title2 { position:absolute; left:10px;  }
#left-section { float:left; position:relative; width:270px; margin-left:15px; }
#right-section { float:right; position:relative; width:270px; margin-right:15px; }
.note-text { position:relative; width:300px; height:auto; top:50px; margin:40px 20px 0 20px;}

table.sd { width:315px; font-size:86%; border:none; margin:40px 15px 0 20px; }
table { width:240px; font-size:86%; border:none; margin:50px 15px 0 15px; }
th { color:#b7620b; text-align:center; text-transform:capitalize; }
td { text-align:center; padding:0 6px 0 6px; text-transform:capitalize;  }
tr {line-height:1.5em;}
.type-des { text-align:left; text-transform:capitalize; }
.des { font-size:90%; color:#666666; text-align:left; line-height:1.35em; }
.lar-des { font-size:95%; color:#666666; text-align:left; line-height:1.35em; word-spacing:25px; }
.lft { text-align:left !important; }
.read-more, .read-more2 { clear:right; }
.read-more2 a { background:url(../images/img_read_more.jpg) no-repeat; width:88px; height:30px; overflow: hidden; text-indent: -900em; float:right; position:relative; top:24px; right:40px; }
.read-more a { background:url(../images/img_read_more.jpg) no-repeat; width:88px; height:30px; overflow: hidden; text-indent: -900em; float:right; position:relative; top:-36px; right:40px; }
.read-more a:hover, .read-more2  a:hover { background-position: -88px 0 ; width:88px; height:30px;  } 

.find-map a { background:url(../images/img_find_map.jpg) no-repeat; width:50px; height:42px; overflow: hidden; text-indent: -900em; float:right; position:relative;  right:0; top:-10px;  }
.find-map a:hover { background-position: -50px 0 ; width:50px; height:42px;  } 
.yelp-icon a { background:url(../images/yelp_on.png) no-repeat;  width:102px; height:43px; position:absolute; float:right; right:-40px; top:200px; text-indent: -900em; z-index:998; overflow: hidden;   }
.yelp-icon a:hover { background:url(../images/yelp_hover.png) no-repeat;   }
#closed { background:url(../images/img_closed.png) no-repeat; width:485px; height:185px; position:relative; top:140px; ,margin-bottom:20px; display:block; clear:both; }


.download a { background:url(../images/download_food_menu.jpg) no-repeat; width:192px; height:36px; overflow: hidden; text-indent: -900em; float:right; position:absolute; top:26px; right:28px; }
.download a:hover { background-position: -192px 0 ; width:192px; height:36px;  } 

.download-catering a { background:url(../images/download_catering.jpg) no-repeat; width:192px; height:36px; overflow: hidden; text-indent: -900em; float:right; position:absolute; top:26px; right:28px; }
.download-catering a:hover { background-position: -192px 0 ; width:192px; height:36px;  } 

.more-location a { background:url(../images/img_more_locations.jpg) no-repeat; width:118px; height:28px; overflow: hidden; text-indent: -900em; float:right; position:relative;  right:145px; top:-40px;  }
.more-location a:hover { background-position: -118px 0 ; width:118px; height:28px;  } 

.rg-section { background:url(../images/home_side_bg.png) no-repeat; width:355px; height:285px; position: relative; left:20px; margin:20px 0 20px 0; overflow:visible; }
.rg-section-top { background:url(../images/home_side_bg.png) no-repeat; width:355px; height:285px; position: relative; margin:0 0 15px 0; float:right; }
.rg-text { position:absolute; width:180px; height:100px; overflow:hidden; float:right; top:115px; margin:5px 10px 5px 10px; left: 130px;}
.lf-text { position:absolute; width:180px; height:140px; overflow:hidden; float:left; top:80px; margin:15px 10px 5px 10px; left:12px; }
.catering-item { position:relative; float:left; top:15px; left:-100px;   }
.title-catering { position:relative; float:right; top:12px; right:-10px; }
.location-item { position:relative; float:right; top:-16px; right:-100px; z-index:20;  }
.img-location-item { position:relative; float:right; top:-16px; right:-55px; z-index:20;  }
.contact-item { position:absolute; float:right; top:-84px; right:30px; z-index:20;   }
.title-location { position:relative; float:left; top:12px; left:-10px; }
.contact-title { position:absolute; top:60px; left:40px; }
.loc-name { position:absolute; top:54px; left:15px; }
.cater-name { position:absolute; top:80px; right:20px; }
.mg-top { margin-top:180px;  }

.sidebar-section { width:355px; height:285px; position: relative; left:20px; margin:20px 0 20px 0;  }
.sidebar-top { background:url(../images/news_sd_top_bg.png) no-repeat; width:355px; height:58px; margin:0; }
.sidebar-btm { background:url(../images/news_sd_btm_bg.png) no-repeat; width:355px; height:115px; margin:0; }
.sd-content { background-color:#f0efd3; width:355px; height:auto;  margin:0;   }
.sidebar-section2 { width:355px; height:230px; position: relative; left:20px; margin:0 0 5px 0;   }

#contact-section { background:url(../images/contact_bg.png) no-repeat; width:492px; height:480px; position:relative; top:100px; float:right; right:0; }
#ty-section { background:url(../images/contact_bg.png) no-repeat; width:492px; height:480px; position:relative; top:50px; }
.t-note { position:relative; margin:2px 48px 2px 48px; }

.press-section-hor { position:relative; float:left; margin:10px 0 15px 34px;  width:175px; height:230px; }
.press-section-ver { position:relative; float:left; margin:10px 0 15px 65px;  width:200px; height:205px; }
h2.m-text { text-align:center; }

/* sub-menu */

#sub-menu { width:340px;  position:relative; left:10px; top:20px;   }
#sub-menu li { display: block;  }
#sub-menu li a { font-size:90%; line-height:2em; text-decoration:none; color:#000; background-color:#ffdd00; padding:2px 10px 2px 10px; text-transform:capitalize;  }
#sub-menu li a:hover { text-decoration:none; color:#fff; background-color:#4b3313;  }
#sub-menu li.current a {color:#000; cursor:default !important; background:none !important; }

/* footer */
#footer { width:100%; height:50px; margin:200px 0 0 0; position: relative; background-color:#83a41f;  min-height: 100%; }
#footer-border { background:url(../images/footer_bg.png) no-repeat; width:919px; height:19px; margin:0 auto; position: relative; top:-11px; float:right; right:0;  }
#footnote { background:url(../images/footernote.jpg) no-repeat; width:1000px; height:25px; position: absolute; top:10px; left:0;  }
.footlink { float:right; position: relative; right:0; font-size:95%; top:4px; color:#000; }
a.footlink  { text-decoration:none; color:#000;  }
a:hover.footlink  { text-decoration:none; color:#fff;   }

/* social */
#social { width:auto; height:auto; position: relative; float:right; right:4px; top:18px; margin:0; padding:0; }
#social li { display:inline; }
#social li a { background:url(../images/social.png) no-repeat; float:left; height:68px; overflow: hidden; margin:0 2px 0 2px;  }

#social li#nav-twitter a { background-position: 0 0; width:54px; height:68px; }
#social li#nav-facebook a { background-position: -54px 0; width:62px; height:68px; }

#social li#nav-twitter a:hover { background-position: 0 -68px; width:54px; height:68px; }
#social li#nav-facebook a:hover { background-position: -54px -68px; width:62px; height:68px; }
#social-icons { background:url(../images/social_bg.png) no-repeat; width:238px; height:208px; float:left; left:-20px;  top:-192px; position:absolute;  }