@import url('reset.css');


/* HEADER
---------------------------------------------- */

#header { position: relative; background: url(/images/winerxheader.jpg) no-repeat top center; width: 100%; height: 222px; }
#header h1, #header p.punch { position: absolute; top: -9999px; }

#header ul#siteNav { position: absolute; bottom: 0; left: 13px; width: 759px; background: url(/images/ul-sitenav.gif) no-repeat 0 0; height: 32px; }

* html #header ul#siteNav li { float: left; }
*:first-child+html #header ul#siteNav li { float: left; }

#header ul#siteNav li.home a { width: 203px; left: 0; }
#header ul#siteNav li.faq a { width: 173px; left: 203px; }
#header ul#siteNav li.about a { width: 177px; left: 380px; }
#header ul#siteNav li.buy { width: 206px; height: 32px; }
#header ul#siteNav li.buy a { width: 206px; right: 0; }

#header ul#siteNav a { position: absolute; height: 32px; display: block; text-indent: -9999px; }

/* CONTENT
---------------------------------------------- */

#content { margin: 0 38px; padding: 31px 0 0; }
#content u { color: #000; text-decoration: underline; }
#content h1,h2, #content h3 { margin-bottom: 10px; }
#content p, #content ul, #content ol { margin-bottom: 20px; }

#content ul li { background: url(/images/box_04.gif) no-repeat 0 0; padding: 7px 0 2px 36px; }
#content ol { margin-left: 32px; }

#content div.back { margin-left: 12px; background: url(/images/back.jpg) no-repeat 0 0; width: 623px; height: 322px; overflow: hidden; padding: 10px 0; margin-bottom: 20px; }
#content div.back p { padding: 0 8px; margin-bottom: 9px; }
#content div.back ul { padding: 0 32px; margin-bottom: 9px; font-weight: bold; color: #000; }

#content li.one, #content li.two, #content li.three { font-weight: bold; color: #000; padding: 6px 0 6px 30px; }
#content li.one { background: url(/images/index-03-slice-background_29.jpg) no-repeat 0 0; }
#content li.two { background: url(/images/index-03-slice-background_32.jpg) no-repeat 0 0; }
#content li.three { background: url(/images/index-03-slice-background_35.jpg) no-repeat 0 0; }

#content p.center { text-align: center; clear: both; margin-bottom: 30px; }

#cert { width: 650px; background: url(/images/cert.gif) repeat-y 0 0; color: #000; font-size: 14px; margin: 0 auto; }
#cert div.t { width: 650px; background: url(/images/cert-t.gif) no-repeat 0 0; }
#cert div.b { width: 650px; background: url(/images/cert-b.jpg) no-repeat bottom left; padding: 57px 0 120px; }
#cert h1 { text-align: center; font-weight: bold; color: #000; font-size: 26px; margin-bottom: 24px; }
#cert p { padding: 0 48px; }
#content #cert li { background: url(/images/index_clip_image001.gif) no-repeat 8px 6px; }
#content #cert ul { margin-left: 80px; }
#content #cert p.sincerly { margin-left: 100px; }

ul#ingredients li { background: none; padding: 20px 0 0 0; }
ul#ingredients li img { position: relative; top: -30px; float: left; margin-right: 10px; }
ul#ingredients li h4 { font-weight: bold; color: #074497; text-transform: uppercase; }

/* FOOTER
---------------------------------------------- */

#footer { position: relative; width: 100%; background: url(/images/index-03-slice-background_150.jpg) no-repeat bottom center; height: 145px; }
p.copy { position: relative; text-align: center; top: 112px; }
p#footNav { position: relative; top: 115px; display: block; text-align: center; color: #FFDE00; font-size: 11px; }
p#footNav a:link, p#footNav a:visited, p#footNav a:hover, p#footNav a:active { color: #FFDE00; }