/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* typography */
body{font-size:62.5%; font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; }
p {font-size:1.3em; line-height:1.6em;}
h1 {font-size:2.3em; font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;} /* displayed at 23px */
h2 {font-size:2.0em; font-family: Georgia, Times, serif; font-style: italic;} /* displayed at 20px */
h3 {font-size:1.7em; font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;} /* displayed at 21px */
h4 {font-size:1.3em; line-height:1.8em; font-family: Georgia, Times, serif; font-style: italic;} /* displayed at 12px */
h5 {font-size:1em; line-height:1.8em; font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; color:#fff;} /* displayed at 10px */
a{color:#464646;text-decoration: underline;}
a:hover{text-decoration: none; }
/**/
.viewport{margin:0 auto; width:815px; }
body{background: #f2f2f1 url(../img/napkin.jpg) no-repeat 30%;}
#container{background: transparent url(../img/back-top.gif) no-repeat top center; display:block;}
#page{width:815px; margin:0 auto;}
h2{color: #a2ad00;}
#head{height:113px; clear: both;}
#logo-col{width:280px; float:left; margin-top:10px; display:inline;}
#nav-col{float:left; display:inline; margin-top:10px; width:520px}
ul#nav{margin:30px 0px 0px 90px;}
ul#nav li{float:left; display:inline; font-size: 1.1em; letter-spacing: 0.01em;}
ul#nav li a{display:block; text-decoration: none; color:#fff; }
ul#nav li#home a{padding:20px 26px 20px 26px}
ul#nav li#catering a{padding:20px 15px 20px 15px}
ul#nav li#theshop a{padding:20px 15px 20px 15px}
ul#nav li#contact a{padding:20px 16px 20px 16px}
ul#nav li#about a{padding:20px 23px 20px 23px}
ul#nav li a:hover{background: url(../img/circle.jpg) no-repeat center;}
ul#nav li.on a{background: url(../img/circle.jpg) no-repeat center;}
#showcase{ width:814px; color: #fff; background:url(../img/showcase-back.png) no-repeat; float:left; display:inline; margin-bottom: 20px;}
#showcase p{width:60%; font-size: 1.5em; font-style: italic; margin-left: 30px; height: 130px; overflow:hidden;}
#showcase a{color:#a2ad00; font-size:96%;}
#showcase p.showcase-contact{color:#a2ad00; font-size: 1.1em; text-transform:uppercase; font-weight: bold; font-style:normal; height:auto;}
#phil-showcase{background: url(../img/new1.jpg) no-repeat bottom right; width:812px; height: 261px; float:left; display:inline;}
#con-showcase{background: url(../img/thymeout.jpg) no-repeat bottom right; width:812px; height: 261px; float:left; display:inline;}
#home-showcase{background: url(../img/knifes-forks.jpg) no-repeat bottom right; width:812px; height: 261px; float:left; display:inline;}
#main-showcase{background: url(../img/david-berna.jpg) no-repeat bottom right; width:812px; height: 261px; float:left; display:inline;}
#xmas2-showcase{background: url(../img/crimbo2.jpg) no-repeat bottom right; width:812px; height: 261px; float:left; display:inline;}
#second-showcase{background: url(../img/knifes-forks.jpg) no-repeat bottom right; width:812px; height: 261px; float:left; display:inline;}
#gourmet-showcase{background: url(../img/plate.jpg) no-repeat bottom right; width:812px; height: 261px; float:left; display:inline;}
#catering-showcase{background: url(../img/knifes-forks.jpg) no-repeat bottom right; width:812px; height: 261px; float:left; display:inline;}
#busy-showcase{background: url(../img/beef.jpg) no-repeat bottom right; width:812px; height: 261px; float:left; display:inline;}
#business-showcase{background: url(../img/sandwich.jpg) no-repeat bottom right; width:812px; height: 261px; float:left; display:inline;}
#party-showcase{background: url(../img/cake.jpg) no-repeat bottom right; width:812px; height: 261px; float:left; display:inline;}
#shop-showcase{background: url(../img/fillings.jpg) no-repeat bottom right; width:812px; height: 261px; float:left; display:inline;}
#fridge-showcase{background: url(../img/soup2.jpg) no-repeat bottom right; width:812px; height: 261px; float:left; display:inline;}
#dried-showcase{background: url(../img/dried-foods.jpg) no-repeat bottom right; width:812px; height: 261px; float:left; display:inline;}
#wines-showcase{background: url(../img/wine.jpg) no-repeat bottom right; width:812px; height: 261px; float:left; display:inline;}
#gift-showcase{background: url(../img/hamper.jpg) no-repeat bottom right; width:812px; height: 261px; float:left; display:inline;}
#about-showcase{background: url(../img/david.jpg) no-repeat bottom right; width:812px; height: 261px; float:left; display:inline;}
#deliver-showcase{background: url(../img/kevin.jpg) no-repeat bottom right; width:812px; height: 261px; float:left; display:inline;}
#press-showcase{background: url(../img/bridgestone1.jpg) no-repeat bottom right; width:812px; height: 261px; float:left; display:inline;}
ul#sub-tabs{float:right; display:inline; margin-right:2px;}
ul#sub-tabs li{float:left; display:inline; width:133px; margin-left:5px; text-align:center; font-size: 1.3em;}
ul#sub-tabs li a{display:block; padding: 8px 0px 12px 0px; background: url(../img/green-tab.gif); color:#fff; text-decoration: none;}
ul#sub-tabs li a.selected{background: url(../img/black-tab.gif);}
ul#sub-tabs li a:hover{background: url(../img/black-tab.gif);}
a.downloads-cater{background: url(../img/download-cater.jpg) no-repeat bottom left; width:172px; padding:7px 0px 8px 0px; text-indent: -9999px; display:block;}
a.downloads-cater:hover{background: url(../img/download-cater.jpg) no-repeat top left;}
a.downloads-deli{background: url(../img/download-deli.gif) no-repeat bottom left; width:172px; padding:7px 0px 8px 0px; text-indent: -9999px; display:block;}
a.downloads-deli:hover{background: url(../img/download-deli.gif) no-repeat top left;}
.news{margin-left:35px}
.news-item{border-bottom: 1px solid #a7a7a6; padding-bottom:15px; margin-bottom:15px;}
.date-col{ color: #8e9300; width:104px; float:left; display:inline; font-size:1.3em; padding-top:8px;}
.news-details{width:334px; float:left; display:inline;}
.news-details h3{text-transform: uppercase; line-height:1.6em;}
.news-details h3 a{display:block;}
.news-details p{}
.news ul{margin-top:5px;}
.news ul li{padding-bottom:5px;}
.news-details p.hidden{display:none;}
#content{color:#464646; font-family:"Lucida Grande", "Lucida Sans", Helvetica, Arial; width:814px;}
.half-plus-col{width:470px; float:left; display:inline;}
.third-col{width:301px; float:left; display:inline;}
.third-col.thenav{width:270px;}
#content #mailing{margin: 50px 0px 0px 35px;}
.mail-instruction{font-size:0.9em; float:left; font-style:italic; margin-left:10px; color:#8F8F8F; margin-top:4px;}
h4.mail{padding-left:10px;}
#location {background:url(../img/locback.gif) no-repeat; width:230px; padding:20px; margin:60px 0px 0px 35px}
#location .fake-head{ font-style: italic; margin-bottom: 12px;}
#location .fake-head em{color:#A2AD00; text-transform: uppercase; font-size:1.4em; font-weight:bold; font-style: normal;}
#location .fake-subhead{ font-weight:bold;margin-bottom: 0px; }
#location p{margin-bottom: 12px;}
#location .footer-note{font-style: italic; margin-bottom: 0px;}
#location .tel-but{margin-left: 180px; margin-top:-50px;}
.menu{width:531px; float:left; display:inline; margin-left:5px;}
.menu .cap{background: url(../img/menu-top.png) no-repeat; height:9px; width:531px;}
.menu .tail{background: url(../img/menu-bottom.png) no-repeat; height:9px; width:531px;}
.menu .menucontent h2{padding: 15px 0px 15px 0px; width:305px; }
.menu .menucontent{background: url(../img/middle.png) repeat-y; width:531px; min-height:490px;}
.menu .menucontent .menu-col{float:left; display:inline; width:335px; margin-left:13px;}
.menu .menucontent .menu-item{margin-bottom:10px;}
.menu .menucontent .price-col{width:54px; color:#a2ad00; float:left; display:inline; font-size:1.2em;}
.menu .menucontent .detail-col{width:255px; color:#363636; float:left; display:inline;}
.menu .menucontent .detail-col h3{background: url(../img/r-arrow.gif) no-repeat left center; text-indent: 13px; font-size:1.2em; }
.menu .menucontent .detail-col p{margin-left:13px;}
.menu .menucontent .detail-col p.hidden{display:none;}
.menu .menucontent .extra-col{float:left; display:inline; width:156px;}
.menu .menucontent .extra-col h3{font-family: Georgia, Times, serif; font-style: italic; margin-bottom: 15px; padding-top:18px; font-size:1.4em}
.menu .menucontent .extra-col h4{float:left; display:inline; width:156px; text-transform: uppercase; font-weight: normal; font-style: normal; font-size:1.1em; font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; line-height: 1.4em;}
.menu .menucontent .extra-col p{font-size: 1.1em;}
#menunav{float:left; display:inline; color: #363636; width:270px; margin-top:40px; margin-left:-1px;}
#menunav li{width:270px; margin-bottom:2px; text-transform: uppercase;}
#menunav li a{text-decoration: none; color: #363636; font-size: 1.4em;display:block; padding: 10px 0px 7px 10px; }
#menunav li.on a{background:transparent url(../img/see-thru.png); color:#a2ad00}
#menunav li a:hover{background:#a2ad00; color:#fff}
.blog{background: #464646; width:471px;}
.blog-cap{background: transparent url(../img/news-container.png) no-repeat; width:471px; height:20px;}
.blog-foot{background: transparent url(../img/news-foot.png) no-repeat; width:471px; height:20px;}
.blog h2{margin-left:20px; text-transform: lowercase}
.blog h1{margin-left:20px; color:#ccc}
.blog h3{margin-left:20px; color:#ccc}
.blog h4{margin-left:20px; color:#ccc}
.blog h5{margin-left:20px; color:#ccc}
.blog p{margin-left:20px; color:#ccc; width:90%;}
.blog h3{color:#A2AD00; font-family:"Lucida Grande", "Lucida Sans", Helvetica, Arial; text-transform: uppercase; font-size:2em; width:95%; line-height:1.2em; padding-bottom:3px;}
.blog h3 a{color:#A2AD00; font-family:"Lucida Grande", "Lucida Sans", Helvetica, Arial; text-transform: uppercase; text-decoration: none;}
.blog h2{padding-bottom:20px;}
#footer{background: url(../img/foot.gif) repeat-x; height: 100px; margin-top:100px; color: #fff;}
#copyright{float:right; padding: 25px 0px 15px 0px;}
/**/
h1#logo{background: url(../img/logo.jpg) no-repeat; width:261px; height:59px; text-indent: -9999px; margin:20px 0px 0px 10px;}
h1#freshfood{background: url(../img/freshfood.gif) no-repeat; text-indent: -9999px; margin:30px 0px 20px 30px; height:30px;}
h1#homeentertaining{background: url(../img/home-entertaining.gif) no-repeat; text-indent: -9999px; margin:30px 0px 20px 30px; height:30px;}
h1#togo{background: url(../img/togo.gif) no-repeat; text-indent: -9999px; margin:30px 0px 20px 30px; height:30px;}
h1#wine{background: url(../img/wines.gif) no-repeat; text-indent: -9999px; margin:30px 0px 20px 30px; height:30px;}
h1#busy{background: url(../img/toobusy.gif) no-repeat; text-indent: -9999px; margin:30px 0px 20px 30px; height:30px;}
h1#gifts{background: url(../img/gifts.gif) no-repeat; text-indent: -9999px; margin:30px 0px 20px 30px; height:30px;}
h1#party{background: url(../img/caterparty.gif) no-repeat; text-indent: -9999px; margin:30px 0px 20px 30px; height:30px;}
h1#business{background: url(../img/caterbusiness.gif) no-repeat; text-indent: -9999px; margin:30px 0px 20px 30px; height:30px;}
h1#press{background: url(../img/press.gif) no-repeat; text-indent: -9999px; margin:30px 0px 20px 30px; height:30px;}
h1#about{background: url(../img/about.gif) no-repeat; text-indent: -9999px; margin:30px 0px 20px 30px; height:30px;}
h1#dried{background: url(../img/dried.gif) no-repeat; text-indent: -9999px; margin:30px 0px 20px 30px; height:30px;}
h1#fridge{background: url(../img/fridge.gif) no-repeat; text-indent: -9999px; margin:30px 0px 20px 30px; height:30px;}
h1#contact{background: url(../img/contact.gif) no-repeat; text-indent: -9999px; margin:30px 0px 20px 30px; height:30px;}
h1#deliver{background: url(../img/deliver.gif) no-repeat; text-indent: -9999px; margin:30px 0px 20px 30px; height:30px;}
.news h2{margin-top:20px;}
.about-item{border-bottom: 1px solid #ccc; padding-bottom:20px;}
/**/
.clear{clear:both;}
#mailing form{background: url(../img/form-back.gif) no-repeat; width:288px; height:67px}
#mailing form input.mail-input{background: transparent; border: none; margin: 10px 0px 10px 10px; font-style: italic; font-family: Georgia; font-size: 1.2em; color: #A2AD00; float:left; display:inline; width:245px}
#mailing form input#mail-button{float:right;}