/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, tr, td 
{ margin: 0; padding: 0; }
body
 {background-image:url(../gfx/mainbg.jpg); background-repeat:no-repeat; background-position:top center}

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* The Image Rule */
img { display: block; border: 0; }


/* main.css */
body {font-size: small; background: #030303; font-family: Arial, Lucida Sans, Helvetica, Verdana, Tahoma; color: #222; text-align: center;}
* html body { font-size: x-small; /* for IE5/Win */ f\ont-size: small; /* for other IE versions */ }
#wrap { width: 882px; margin-left: auto; margin-right: auto; text-align: left; line-height: 1.25em; color: #F0E0A0; }
* html #wrap { font-size: 90%; line-height: 1.4em; }

/* content */
#content { float: left; width: 642px; margin: 20px 0 0 0; }
body#order h1, body#retail h1 { float: left; display: block; width: 642px; height: 138px; text-indent: -9999px; background: url(../gfx/logo-parchment-138.jpg) no-repeat top left; }
h2 { padding: 0 0 3px 0; font-weight: bold; font-size: 120%; }

/* billboard */
#billboard { width: 642px; height: 604px; text-indent: -9999px; background: url(../gfx/home-billboard.jpg) no-repeat top center; }

/* content text */
#content-text { background: #111 url(../gfx/grad-content-542.gif) no-repeat bottom left; margin: 0 50px; padding: 0 30px 30px 30px; }
#content-text h2 { padding: 0 0 5px 0; font-size: 120%; font-weight: bold; color: #D09018; }
#content-text p { padding: 0 0 15px 0; }
#content-text h3 { padding: 15px 0 0 0; text-align: center; font-size: 120%; font-weight: normal; color: #D09018; }

/* products */
#products { float: left; width: 602px; margin: 0 20px 20px 20px; padding: 0; display: inline; }
#products-top { float: left; width: 522px; margin: 0 0 10px 0; padding: 10px 40px 20px 40px; background: #111; display: inline; }
#products-top p { padding: 4px 0 0 0; }
#products-top h5 { padding: 10px 0; font-size: 150%; font-weight: normal; color: #D09018; }
#products-left { float: left; width: 216px;  padding: 25px 40px 40px 40px; background: #111 url(../gfx/grad-content-296.gif) no-repeat bottom left; } 
#products-right { float: right; width: 216px; padding: 25px 40px 40px 40px; background: #111 url(../gfx/grad-content-296.gif) no-repeat bottom left; } 
#products dt { padding: 0; font-size: 160%; font-weight: bold; color: #D09018; }
#products dd { margin: 0; padding: 25px 0 0 0; }
#products dd.sub { padding: 3px 0 0 0; font-weight: normal; font-size: 120%; color: #D09018; }
.weight { font-weight: bold; font-size: 120%; padding: 0 0 2px 0; }
.item { font-weight: normal; padding: 0; }
.price { padding: 0 0 8px 0; }

/* retail */
.retail { float: left; width: 522px; margin: 0 20px 20px 20px; padding: 10px 40px 40px 40px; background: #111 url(../gfx/grad-content-602.gif) no-repeat bottom left; display: inline; }
.retail-text { padding: 0 0 20px 0; }
.location-wrap { float: left; width: 510px; }
.location-wrap li { float: left; width: 360px; padding: 50px 50px 50px 120px; }
.location-wrap li#sams { background: url(../gfx/logo-sams.gif) no-repeat 10px 10px; }
.location-wrap li#food-lion { background: url(../gfx/logo-food-lion.gif) no-repeat 10px 10px; }
.location-wrap li#kroger { background: url(../gfx/logo-kroger.gif) no-repeat 10px 10px; }
.location-wrap li#deca { background: url(../gfx/logo-daca.gif) no-repeat 10px 10px; }

/* contact */
#contact { padding: 20px 0; text-align: center; font-weight: normal; }
#contact h5 { font-size: 120%; font-weight: bold; color: #D09018; }
#contact ul { padding: 10px 0 0 0; font-size: 90%; }

/* content sub */
#content-sub { float: right; width: 226px; }

/* navigation */
#nav { float: left; width: 226px; margin: 30px 0 0 0; }
#nav-l a{ display: block; width: 226px; height: 36px; margin: 0 0 10px 0; text-indent: -9999px; background: url(../gfx/lancaster.jpg) no-repeat 0 0; }
#nav a { display: block; width: 226px; height: 36px; margin: 0 0 10px 0; text-indent: -9999px; background: url(../gfx/nav-main.gif) no-repeat 0 0; }

#nav-home a { background-position: 0 0; }
#nav-home a:hover, body#home #nav-home a { background-position: 0 -36px; }

#nav-order a { background-position: 0 -72px; }
#nav-order a:hover, body#order #nav-order a { background-position: 0 -108px; }

#nav-retail a { background-position: 0 -144px; }
#nav-retail a:hover, body#retail #nav-retail a { background-position: 0 -180px; }

/* barbecue lovers block */
#bbq-lovers { float: left; width: 226px; margin-top: 0px; padding: 0px 0 190px 0; background: #111 url(../gfx/bbq-lovers-jim.gif) no-repeat bottom right; }
#bbq-lovers dt { display: block; width: 155px; height: 34px; text-indent: -9999px; background: url(../gfx/nav-main.gif) no-repeat 0 -216px; }
#bbq-lovers dd { padding: 0 12px 10px 12px; }