/*
Colors:
Background:			#f7ede7
Inner BG:			#fefdfd
Red:				#d22f2a
'Text Black'		#424038
*/

/* Reset */
/* v1.0 | 20080212 */
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;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;} del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/* End Reset */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++*/

body {font: 12px/1.2 "Times Roman", Times, serif;background-color: #f7ede7;letter-spacing: 1px;}
div#container {width: 922px;margin: 40px auto 0 auto;padding-bottom: 11px;background: transparent url(/assets/img/bg-ft.png) 0 bottom no-repeat;}
div#container div.inner {/* border: 1px dashed #eba; /* DEBUG */ position: relative;padding-bottom: 30px;background: transparent url(/assets/img/bg.png) 0 0 repeat-y;}
div#head {position: relative;top: -5px;width: 922px;height: 180px;background: transparent url(/assets/img/bg-hd.png) 0 0 no-repeat;}
div#head h1#title a {background: transparent url(/assets/img/logo.png) 0 0 no-repeat;position: relative;top: 32px;display: block;width: 475px;height: 109px;margin: 0 0 0 30px;text-indent: -5000px;}
a {color: #736AFF;text-decoration: underline;}
a:hover {color: #d22f2a;text-decoration: underline;}
.clear {clear: both !important;}
.center {text-align: center;}
.highlight {color: #d22f2a;font-weight: bold;}
.sig {font-size: 17px;text-align: left;font-style: italic;clear: both;padding: 20px 10px 0 10px;}
.redcentered {font-size: 26px;color: #d22f2a;text-align: center;}
.strongred {font-weight: bold;font-size: 18px;color: #d22f2a;}

/*+++ Nav & testimonials +++*/
div#navbox {float: left;position: relative;top: -29px;left: 30px;width: 290px;margin: 0 10px 20px 0;padding: 29px 0 0 0;background: url(/assets/img/nav-hd.png) 0 0 no-repeat;}
div#navbox div.body {background: #fdf5de url(/assets/img/nav-bg.png) 0 0 repeat-y;}
/* navigation */
div#navbox ul#nav {width: 266px;margin: 0 auto -10px auto;}
div#navbox ul#nav li a {display: block;text-indent: -9999px;background: url(/assets/img/nav-btns.png) 0 0 no-repeat;}
div#navbox ul#nav li.menu a {height: 43px;background-position: 0 0;}
div#navbox ul#nav li.menu a:hover {background-position: -269px 0;}
body#hbmenu div#navbox ul#nav li.menu a, div#navbox ul#nav li.menu a:active, div#navbox ul#nav li.menu a:focus {background-position: -538px 0;}
div#navbox ul#nav li.order a {height: 43px;background-position: 0 -43px;}
div#navbox ul#nav li.order a:hover {background-position: -269px -43px;}
body#hborder div#navbox ul#nav li.order a, div#navbox ul#nav li.order a:active, div#navbox ul#nav li.order a:focus {background-position: -538px -43px;}
div#navbox ul#nav li.events a {height: 43px;background-position: 0 -86px;}
div#navbox ul#nav li.events a:hover {background-position: -269px -86px;}
body#hbevents div#navbox ul#nav li.events a, div#navbox ul#nav li.events a:active, div#navbox ul#nav li.events a:focus {background-position: -538px -86px;}
div#navbox ul#nav li.catering a {height: 43px;background-position: 0 -129px;}
div#navbox ul#nav li.catering a:hover {background-position: -269px -129px;}
body#hbcatering div#navbox ul#nav li.catering a, div#navbox ul#nav li.catering a:active, div#navbox ul#nav li.catering a:focus {background-position: -538px -129px;}
div#navbox ul#nav li.community a {height: 43px;background-position: 0 -172px;}
div#navbox ul#nav li.community a:hover {background-position: -269px -172px;}
body#hbcommunity div#navbox ul#nav li.community a, div#navbox ul#nav li.community a:active, div#navbox ul#nav li.community a:focus {background-position: -538px -172px;}
div#navbox ul#nav li.gifts a {height: 43px;background-position: 0 -215px;}
div#navbox ul#nav li.gifts a:hover {background-position: -269px -215px;}
body#hbgifts div#navbox ul#nav li.gifts a, div#navbox ul#nav li.gifts a:active, div#navbox ul#nav li.gifts a:focus {background-position: -538px -215px;}
div#navbox ul#nav li.customers a {height: 43px;background-position: 0 -258px;}
div#navbox ul#nav li.customers a:hover {background-position: -269px -258px;}
body#hbcustomers div#navbox ul#nav li.customers a, div#navbox ul#nav li.customers a:active, div#navbox ul#nav li.customers a:focus {background-position: -538px -258px;}
div#navbox ul#nav li.home a {height: 43px;background-position: 0 -301px;}
div#navbox ul#nav li.home a:hover {background-position: -269px -301px;}
body#home div#navbox ul#nav li.home a, div#navbox ul#nav li.home a:active, div#navbox ul#nav li.home a:focus {background-position: -538px -301px;}
div#navbox ul#nav li.contact a {height: 43px;background-position: 0 -344px;}
div#navbox ul#nav li.contact a:hover {background-position: -269px -344px;}
body#hbcontact div#navbox ul#nav li.contact a, div#navbox ul#nav li.contact a:active, div#navbox ul#nav li.contact a:focus {background-position: -538px -344px;}
/* quotes  change height for larger quotes? increase height: 180px… */
div#navbox ul#quotes {position: relative;top: 15px;padding-bottom: 25px;width: 290px;height: 180px;background: transparent url(/assets/img/nav-ft.png) 0 bottom no-repeat;}
div#navbox ul#quotes li {left: 32px !important;display: block;width: 204px;margin: auto;padding: 12px 8px;color: #665233;font-style:italic;line-height: 1.6;letter-spacing: 1px;font-weight: bold;border-top: 2px solid #a49e8f;}
div#navbox ul#quotes li cite {display: block;text-align: right;}

/*+++ Content +++*/
/* Home page */
body#home div#main {float: right;width: 545px;margin: 0 20px 20px 0;}
body#home div#main div#content {float: left;width: 350px;position: relative; left: -10px;font-size: 14px;line-height: 2.1;color: #424038;letter-spacing: 2px;}
body#home div#main div#content p {padding: 10px 10px 15px 10px}
body#home div#main div#content .highlight {color: #d22f2a;font-weight: bold;}
body#home div#main div#sidebar {float: right;width: 195px;position: relative;top: -120px;}
body#home div#flash {clear: both; margin: 20px auto 0 auto;}
/* general pages */
body.page div#main {float: right;width: 545px;margin: 0 25px 20px 0;}
body.page div#main div#content {position: relative; left: -10px;font-size: 14px;color: #424038;letter-spacing: 1.5px;}
body.page div#main div#content div#menu {width: 85%; margin: -50px auto 20px auto;text-align: center;}
body.page div#main div#content div#menu p {padding: 0;}
body.page div#main div#content span.category {font-size: 26px;color: #d22f2a;}
body.page div#main div#content span.price{font-weight: bold;font-size: 15px;color: #665233;}
body.page div#main div#content span.prize{font-weight: bold;font-size: 18px;color: #665233;}
body.page div#main div#content h2 {font-size: 48px;font-weight: normal;text-align: center; clear: both;padding-top: 20px;}
body.page div#main div#content h4.item {font-size: 17px;text-align: center;font-style: italic;clear: both;padding: 20px 10px 0 10px;}
body.page div#main div#content p.details {padding: 0 10px;text-align: center;}
body.page div#main div#content div.left {width: 48%; float: left;}
body.page div#main div#content div.right {width: 48%; float: right;}
body.page div#main div#content strong {font-weight: bold;font-size: 18px;}
body.page div#main div#content p {padding: 10px 0;}
body.page div#main div#flash {margin-top: 40px;}
body.page div#container div.inner img.logo {float: left;clear: left !important;position: relative; left: 70px;}

/* footer */
div#footer {clear: both;width: 922px;margin: 5px auto 15px auto;height: 38px;padding-top: 6px;text-align: center;color: #d22f2a;}
div#footer p.credit {margin-top: 10px;}
div#footer p.credit a {margin-top: 10px;color: #cabebd;text-decoration: none;}
div#footer p.credit a:hover {color: #cabebd;text-decoration: underline;}