/***** Structure **************************************************/
div#hd { width: 900px; margin: auto;position: relative;}
div#hd h1 { position: absolute; left: -175px; top: -128px;}
div#bd { background:#fff; width: 900px; margin: 15px auto 0; border: 5px solid #fff; overflow: hidden;}
div#page-header { position: relative; }
div#page-header p { position: absolute; width: 100%; padding: 10px 10px 8px; left: 0; bottom: 0; background-color: rgba(0,0,0,0.6);}
div#page-header .online {z-index:9999; float:right; margin-top:20px; }
div#main { overflow: hidden; min-height: 180px; }
div.home-left { float: left; width: 449px; height: 200px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; padding-top: 10px; }
div.home-left p { padding: 10px; width: 400px; line-height: 18px; }
div.home-right { float: right; width: 449px; height: 200px; padding-top: 10px; border-bottom: 2px solid #fff}
div.home-right a { display: block; margin: 10px; padding-top: 3px; border-top: 1px solid #dbdbdb; }
p.date { padding: 10px; }
p.date a { display: inline; margin: 0; padding-top: 0; border-top: none; }
p.status { padding: 3px 10px;}
p.status a { display: inline; margin: 0; padding-top: 0; border-top: none;}
div#ft { width: 900px; margin: 10px auto; height: 20px;}
div#ft p { float: left; text-transform: uppercase;}
div#ft ul { float: right; margin-top: -5px; overflow: hidden; }
div#ft ul li { display: inline; float: left; margin-left: 3px;}
/* Misc */
img.left { float: left; }
div.clear { clear: both; }
/* One Column Pages */
div#one-col { padding: 15px 0; background: #dee8ff url(/images/bg-home-left.png) repeat-x left top; }
div#one-col p { margin: 15px 0; }
div#one-col p strong { font-size: 13px; font-weight: bold; }
div#one-col p a:link, div#one-col p a:visited { color: #3d342a; text-decoration: underline; }
div#one-col p a:hover { color: #000; }
div#one-col h3 { font-weight: bold; font-size: 16px; }

div#one-col ul.sections li { margin: 5px 0; border-bottom: 1px solid #ccc; }
div#one-col ul.sections li.last { border-bottom: none; margin-bottom: 0; }

div.prefloat { margin: 0 0 0 17px; }
div.bordertop { border-top: 1px solid #ccc; margin: 10px 17px 0 17px; padding: 10px 0 0 0; }
div.bordertop h5 { font-weight: bold; margin: 0 0 5px 0; }
div.bordertop p { margin: 0 !important; }
img.imgright { float: right; margin: 0 17px 0 0; }

div#left { float: left; margin: 0 0 0 17px; }
div#mid { float: left; margin: 0 0 0 0; }
div#right { float: right; margin: 0 17px 0 0; }
div.thirds { width: 288px; float: left; }
div.halves { width: 400px; }

form#subForm { margin: 15px 0; }

div#cycle { height: 316px; display: block; }
div#cycle div { width: 900px; }
div#cycle p { position: absolute; width: 100%; padding: 10px 10px 8px; left: 0; bottom: 0; background-color: rgba(0,0,0,0.6); }

/* Form */
input#hufz-hufz { width:190px; border:none; background:#fff; padding:6px 8px; border: 1px solid #ccc; font-size:11px; font-weight:bold; }
input#formSubmit { background: #4e5b6f; font-weight: bold; color: #fff; border: none; padding: 6px 8px; cursor: pointer; }

/***** Background Images and Colors **************************************************/
body { background: #0f0601 url(/images/bg-main.jpg) repeat left top; }
div#hd-bg { height: 93px; background: url(/images/bg-tile.jpg) repeat-x left top; border-top: 5px solid #fff; border-bottom: 5px solid #fff; }
div#page-header, div.page-header { height: 316px; }
div#main { background: #fff; }
div.home-left { background: #dee8ff url(/images/bg-home-left.png) repeat-x left top; }
div.home-right { background: #d3d3d3 url(/images/bg-home-right.png) repeat-x left top; }
div#buckets img.left { border-bottom: 2px solid #fff; border-left: 2px solid #fff; }

/***** Typography and Colors **************************************************/
body { font: 12px/16px Arial, Verdana, Sans-Serif;}
/* Paragraphs */
p { font: 13px/16px Arial, Verdana, Sans-Serif; color: #222;}
strong { font-size: 15px; font-weight: bold;}
div#page-header p, div.page-header p { color: #fff; }
p.date { color: #999; font-weight: bold; font-size: 11px; text-transform: uppercase; }
p.status { font: bold italic 15px Arial, Verdana, Sans-Serif; color: #3e342a;}
div#ft p { font: bold 10px Arial, Verdana, Sans-Serif; color: #666;}
/* H2 Sprites */
div#one-col h2#ourstory { background: url(/images/h2_sprite.png) no-repeat 0 0; height: 42px; width: 205px; }
div#one-col h2#restaurant { background: url(/images/h2_sprite.png) no-repeat 0 -42px; height: 42px; width: 313px; }
div#one-col h2#takeout { background: url(/images/h2_sprite.png) no-repeat 0 -84px; height: 42px; width: 182px; }
div#one-col h2#catering { background: url(/images/h2_sprite.png) no-repeat 0 -126px; height: 42px; width: 182px; }
div#one-col h2#events { background: url(/images/h2_sprite.png) no-repeat 0 -168px; height: 42px; width: 150px; }
div#one-col h2#customers { background: url(/images/h2_sprite.png) no-repeat 0 -210px; height: 42px; width: 214px; }
div#one-col h2#contactus { background: url(/images/h2_sprite.png) no-repeat 0 -252px; height: 42px; width: 222px; }
div#one-col h2 span { display: none; visibility: hidden; }
div#one-col h2 { margin: 0 0 15px 0; }
/* Links */
a { text-decoration: none; }
div.home-left a { color: #161616; font-weight: bold;}
div.home-right a { color: #999; font-weight: bold; font-size: 11px; text-transform: uppercase;}
div#ft p { color: #fff !important; }
div#ft a { color: #fff;}
div#ft ul li a { opacity: 0.7; }
div#ft ul li a:hover { opacity: 1; }
p.date a { color: #999; font-weight: bold; font-size: 11px; text-transform: uppercase; }
p.status a { font: bold italic 15px Arial, Verdana, Sans-Serif; color: #3e342a; text-transform: none;}
p.status a:hover { color: #999;}

/***** Navigation **************************************************/
div.top-nav { width: 900px; margin: 20px auto 10px; overflow: hidden; position: relative; z-index: 999; }
div.top-nav { font-weight:bold; color:#FFF; font-family:'HelveticaNeue','Helvetica', Arial, Sans-Serif; font-size:12px; }
div.top-nav ul { float: right;}
div.top-nav ul li { display: inline; float: left; overflow: hidden;  }
div.top-nav ul li a { margin-left: 20px; color:#FFF; }
div.top-nav ul li a:hover { color:#ffcc66; }
/* Sprites */
a#menu { margin: 1px 10px 0 0; display: block; width: 40px; height: 15px; background: url(/images/sprite-nav.png) no-repeat right top; }
a#menu:hover { background-position: right -15px;}
a#our-story { display: block; width: 75px; height: 15px; background: url(/images/sprite-nav.png) no-repeat left top; }
a#our-story:hover { background-position: left -15px; }
a#our-story.current { background-position: left -15px; }
a#restaurant { display: block; width: 135px; height: 15px; background: url(/images/sprite-nav.png) no-repeat -94px top; }
a#restaurant:hover { background-position: -94px -15px; }
a#restaurant.current { background-position: -94px -15px; }
a#take-out { display: block; width: 70px; height: 15px; background: url(/images/sprite-nav.png) no-repeat -240px top; }
a#take-out:hover { background-position: -240px -15px; }
a#take-out.current { background-position: -240px -15px; }
a#catering { display: block; width: 70px; height: 15px; background: url(/images/sprite-nav.png) no-repeat -324px top; }
a#catering:hover { background-position: -324px -15px; }
a#catering.current { background-position: -324px -15px; }
a#events { display: block; width: 53px; height: 15px; background: url(/images/sprite-nav.png) no-repeat -410px top; }
a#events:hover { background-position: -410px -15px; }
a#events.current { background-position: -410px -15px; }
a#customers { display: block; width: 85px; height: 15px; background: url(/images/sprite-nav.png) no-repeat -480px top; }
a#customers:hover { background-position: -480px -15px; }
a#customers.current { background-position: -480px -15px; }
a#contact { display: block; width: 85px; height: 15px; background: url(/images/sprite-nav.png) no-repeat -580px top; }
a#contact:hover { background-position: -580px -15px; }
a#contact.current { background-position: -580px -15px; }