/** GLOBAL 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, tt, var,
dl, dt, dd, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.01%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 0; color: black; background: white; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; vertical-align: top; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/** GLOBAL STYLES **/

body {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.7em;
	color: #484848;
	background-color: #ffffff;
	background: #ffffff url(../images/global/page_background.gif) repeat top left;
	text-align: center; /* Needed for IE5x Bug */
}

h1 { margin: 0; padding: 0 0 15px 0; font-size: 26px; font-weight: normal; color: #c66e05; text-align: left; font-family: serif, helvetica, arial, verdana; letter-spacing: 1px; }
h2 { margin: 0; padding: 0 0 15px 0; font-size: 18px; font-weight: normal; color: #4b622d; text-align: left; font-family: helvetica, arial, verdana, serif; letter-spacing: 1px; }
h3 { margin: 0; padding: 5px 0 5px 0; font-size: 14px; font-weight: bold; color: #000; text-align: left; font-family: helvetica, arial, verdana, serif; }
p { margin: 0; padding: 0 0 17px 0; text-align: left; }
a { color: #4b622d; text-decoration: underline; }
a:focus { outline:none }
a:hover { color: #c66e05; text-decoration: underline; }
sup { font-size: 8px; font-weight: normal; }
sub { height: 0; line-height: 1; vertical-align: baseline; vertical-align: bottom; position: relative; top: .5ex; }
ol { text-align: left; margin: 0; padding: 0 0 15px 18px; }
ul { text-align: left; margin: 0; padding: 0 0 15px 18px; list-style-type: square; font-size: 14px; line-height: 1.4em; }
li { padding: 4px; }
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }
.small { font-size: 12px; }


/** STYLES **/

#headerLayout1 { width: 100%; background: transparent url(../images/global/bread_background.jpg) repeat-x top center; }
#headerLayout2 { width: 100%; background: transparent url(../images/global/header_background.gif) repeat-x bottom left; }
#header { margin: 0 auto; padding: 0; width: 948px; height: 441px; text-align: left; line-height: 0; }

#layout1 { width: 100%; background: transparent url(../images/global/layout_background.gif) repeat-x top left; }
#layout2 { margin: 0 auto; padding: 0; width: 948px; line-height: 0; }

#hero { margin: 0; padding-top: 14px; width: 948px; height: 375px; text-align: center; background: transparent url(../images/global/hero_frame.jpg) no-repeat top left; }

#content { margin: 0; padding: 0 0 5px 0; width: 948px; min-height: 400px; line-height: 1.8em; text-align: left; background: #fff url(../images/global/content_background.gif) repeat-y top left; }

#colleft { float: left; width: 240px; margin: 20px 0 5px 0; padding-left: 35px; text-align: left; background: url(../images/global/side.gif) repeat-y top right; }

#colright { float: left; width: 575px; text-align: left; padding: 40px 0 10px 60px; background: #fff url(../images/global/weekly_bottom.jpg) no-repeat top right; }

.divide { margin: 15px 0 32px 0; width: 575px; height: 10px; }

#specials { width: 200px; line-height: 0; background: #5b6168 url(../images/global/specials_background.gif) repeat-y top left; }
#specials p { margin: 0; padding: 8px 10px 0 21px; color: #fff; font-size: 11px; line-height: 1.3em; }

#map { border: 1px solid #ccc; padding: 3px; line-height: 0; }

#home p { line-height: 1.8em; padding: 0 0 22px 0; }

.article { width: 100%; margin-bottom: 20px; padding-bottom: 20px; background: #fff url(../images/global/divide.gif) no-repeat bottom center; }

.date { margin-top: -10px; padding: 0 0 3px 0; font-size: 12px; }

#footer { margin: 0 auto; width: 920px; height: 27px; padding-top: 1px; line-height: 27px; vertical-align: middle; text-align: center; font-size: 13px; color: #4b622d; letter-spacing: normal; font-weight: bold; font-family: serif, helvetica, arial, verdana; border: 1px solid #ddc094; background: #fff url(../images/global/footer_background.gif) repeat-x top left; }
#footer .spacer { padding: 0 22px; }
#footer a { text-decoration: none; }

#credit { margin: 0 auto; width: 920px; }
#credit p { padding-top: 10px; font-size: 12px; text-align: center; }


/** NAV **/

#nav { float: left; padding-left: 14px; height: 43px; text-align: left; }
#nav ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }
#nav a { display: block; height: 43px; text-indent: -9999px; }
#nav li { margin: 0; padding: 0; list-style: none; float: left; }

#nav li.home a { background: url(../images/nav/home.gif) no-repeat; width: 93px; }
#nav li.home a:hover { background: url(../images/nav/home.gif) no-repeat 0 -43px; }

#nav li.bakery a { background: url(../images/nav/bakery.gif) no-repeat; width: 107px; }
#nav li.bakery a:hover { background: url(../images/nav/bakery.gif) no-repeat 0 -43px; }

#nav li.bistro a { background: url(../images/nav/bistro.gif) no-repeat; width: 96px; }
#nav li.bistro a:hover { background: url(../images/nav/bistro.gif) no-repeat 0 -43px; }

#nav li.commercial a { background: url(../images/nav/commercial.gif) no-repeat; width: 152px; }
#nav li.commercial a:hover { background: url(../images/nav/commercial.gif) no-repeat 0 -43px; }

#nav li.news a { background: url(../images/nav/news.gif) no-repeat; width: 91px; }
#nav li.news a:hover { background: url(../images/nav/news.gif) no-repeat 0 -43px; }

#nav li.contact a { background: url(../images/nav/contact.gif) no-repeat; width: 140px; }
#nav li.contact a:hover { background: url(../images/nav/contact.gif) no-repeat 0 -43px; }

#nav li.weekly a { background: url(../images/global/weekly_coupons.jpg) no-repeat; width: 244px; }
#nav li.weekly a:hover { background: url(../images/global/weekly_coupons.jpg) no-repeat 0 -43px; }


/** SUB NAV **/

#subnav ul { margin: 0 0 40px 0; padding: 0; list-style-type: none; text-align: left; }
#subnav li { margin: 0; padding: 5px 0; list-style: none; }
#subnav a { font-size: 17px; color: #4b622d; padding-left: 24px; font-weight: bold; text-decoration: none; background: transparent url(../images/nav/subnav.gif) no-repeat center left; font-family: serif, helvetica, arial, verdana; }
#subnav a:hover { color: #c66e05; text-decoration: none; }


/** FORM STYLES **/

#forms { text-align: left; font-size: 12px; line-height: 1.4em; }

#forms table { margin-bottom: 20px; }

#forms td { padding: 5px 15px 5px 0; font-weight: bold; }

#forms input { width: 220px; border: 1px solid #a2a2a2; padding: 5px 6px; }

#forms .radio { width: 20px; border: none; padding: 0; margin-left: 25px; }

#forms textarea { width: 477px; border: 1px solid #a2a2a2; padding: 2px; }

#forms fieldset { margin: 0 0 10px 0; border-top: 1px solid #a2a2a2; padding: 0; }

#forms legend { padding: 10px 5px; margin: 0 15px 5px 15px; text-align: left; font-weight: normal; color: #194b89; font-size: 18px; }

#forms label { display: block; float: left; width: 205px; padding-top: 6px; text-align: right; font-size: 12px; font-weight: normal; padding-right: 10px; }

#forms select { margin-top: 5px; }

#forms .button { margin-bottom: 20px; font-size: 16px; padding: 5px 10px; background-color: #fff47c; }