body { color: #393939; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; background-color: #a7c142; background-image: url(../images/global/bodybg.gif); background-repeat: repeat-x; background-position: left 0; text-align: center; margin: 0; padding: 0; }
p { margin-top: 0; margin-bottom: 1.2em; }
#wrap { background-position: 13px 0; text-align: left; width: 760px; margin: 0 auto; padding: 0; }
a:link { color: #579296; text-decoration: underline; }
a:visited { color: #579296; }
a:hover { color: #cf2f19; }
a:active { color: #a7c142; }
/*Top band and Utility Nav*/
#top { background-image: url(../images/global/bottle-topbg.gif); background-repeat: no-repeat; background-position: 13px 0; text-align: right; vertical-align: middle; height: 33px; }
#band { background-color: #a7c142; background-image: url(../images/global/bottle-strip.gif); background-repeat: no-repeat; background-position: 13px 0; height: 3px; }
#utility { font-size: 95%; font-family: Arial, Verdana, Helvetica, sans-serif; float: right; margin-top: 8px; }
#utility li { padding-left: 16px; border-bottom-style: none; list-style-type: none; display: inline; }
#utility a { text-decoration: none; }
#utility a:hover { }
li#search { background: url(../images/global/search.gif) no-repeat left 0; padding-right: 13px; padding-left: 18px; }
li#contact { background: url(../images/global/contact.gif) no-repeat left 0; padding-right: 16px; padding-left: 12px; }
#join { background: url(../images/global/join.gif) no-repeat left 0; }
/*Subnav and SubSub Nav*/
#leftnav_home { width: 128px; height: 300px; float: left; margin: 0; padding: 0; display: block; }
#emboss { background-image: url(../images/global/emboss.gif); background-repeat: no-repeat; background-position: left 0; position: absolute; top: 170px; width: 31px; height: 33px; z-index: 100; margin-left: 52px; }
#subnav { background-color: #f8f4e5; position: absolute; top: 190px; width: 135px; margin: 0; padding: 0; border: solid 2px #579296; }
#sn { color: #579296; font-size: 12px; font-family: Arial, sans-serif; background-color: #f8f4e5; margin: 0 0 6px; padding: 6px 0 0; border-top: 12px solid #cf2f19; border-bottom: 1px dashed #d01717; }
#sn li { padding: 4px 4px 3px 6px; border-top: 1px dashed #cf2f19; list-style-type: none; }
#ssn { font-size: 11px; line-height: normal; margin: 0 0 0 1.7em; padding: 0; }
#ssn li { margin: 0; list-style-type: none; padding: 2px 4px 2px 0; border-top-style: none; list-style-image: url(../images/global/bullet.gif); }
#ssn li:hover, #ssn li.selected a, #ssn li.selected { color: #cf2f19; list-style-image: url(../images/global/bullet-on.gif); }
#sn li.selected { background-color: #f6efd1; }
#ssn a.selected { color: #d01717; }
#sn li a { color: #579296; text-decoration: none; }
#sn a:hover, #sn a.selected, #sn li.selected a { color: #cf2f19; }
/*Page Structure*/
#main { background-color: white; background-image: url(../images/global/main-bg.gif); background-repeat: repeat-y; background-position: 0 0; margin: 0 0 0 13px; padding: 0; }
#bg { background-image: url(../images/home/marnie.jpg); background-repeat: no-repeat; background-position: 440px 138px; }
#right { background-color: #f7eee1; position: absolute; top: 36px; width: 150px; height: 577px; overflow: auto; float: right; margin: 0 0 0 576px; padding: 0 10px; border-left: 1px solid #d9d9d9; }
#homemain { background-image: url(../images/global/bottle-bottombg_home.gif); background-repeat: no-repeat; background-position: 0 0; height: 577px; margin: 0 175px 0 0; padding: 0; }
#content { margin: 0; padding: 120px 130px 0 150px; }
#promo { font-size: 90%; line-height: 1.35; background-image: url(../images/home/promo.gif); background-repeat: no-repeat; background-position: 0 0; width: 150px; height: 229px; margin: 0 0 0 29px; padding: 70px 80px 10px 120px; }
#promo h2.red { color: #d01717; font-size: 16px; font-family: "trebuchet ms"; text-decoration: underline; margin: 0; padding: 0; }
#promo p.tip_title { margin: 0 0 2px 20px; padding: 0; }
/*Main Nav*/
#navarea { background-image: url(../images/global/mn-bg.gif); background-repeat: no-repeat; background-position: left 0; text-align: left; position: absolute; top: 49px; width: 450px; height: 102px; margin: 0 0 0 115px; padding: 0; }
#mn { height: 36px; overflow: hidden; margin: 1px 0 0 0; padding: 0; }
#mn li { list-style-image: none; display: inline; }
#mn a { float: left; margin: 0; padding: 36px 0 0; }
#mn a:hover { background-position: 0 -36px; }
#mn-home a { background: url(../images/global/mn-home.gif) no-repeat left 0; width: 37px; }
#mn-about a { background: url(../images/global/mn-about.gif) no-repeat left 0; width: 47px; }
#mn-learn a { background: url(../images/global/mn-learn.gif) no-repeat left 0; width: 44px; }
#mn-services a { background: url(../images/global/mn-services.gif) no-repeat left 0; width: 60px; }
#mn-reviews a { background: url(../images/global/mn-reviews.gif) no-repeat left 0; width: 56px; }
#mn-shop a { background: url(../images/global/mn-shop.gif) no-repeat left 0; width: 40px; }
#mn-community a { background: url(../images/global/mn-community.gif) no-repeat left 0; width: 76px; }
#mn-biz a { background: url(../images/global/mn-biz.gif) no-repeat left 0; width: 67px; }
body.home #mn-home a, body.about #mn-about a, body.learn #mn-learn a, body.services #mn-services a, body.reviews #mn-reviews a, body.shop #mn-shop a, body.community #mn-community a, body.biz #mn-biz a { background-position: 0 -72px; }
/*Home {Page*/
body.home #right li { font-size: 93%; line-height: 1.35em; margin: 0; padding: 10px 0; border-bottom: 1px dashed #d01717; list-style-type: none; }
body.home #right ul { margin: 0; padding: 0; list-style-type: none; }
body.home #right p { margin-bottom: 1em; }
body.home h1 { color: #d01717; font-size: 110%; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 0; }
body.home p { margin-top: 0; margin-bottom: 1.5em; }
/*Other*/
#footer { color: white; font-size: 90%; text-align: right; clear: both; margin: 0; padding: 5px 0 0; }
.clearleft { font-size: 4px; clear: left; }
.clearright { clear: right; }
p { }
h1 { color: #a7c142; font-size: 150%; font-weight: normal; margin-top: 0; margin-bottom: 1.5em; }
h2 { color: #a7c142; font-size: 140%; font-weight: normal; margin-top: 0; margin-bottom: 0.5em; }
h3 { color: #d01717; font-size: 100%; margin-bottom: 0.2em; }
td { }
.close { background-image: url(../images/global/corkscrew.gif); background-repeat: no-repeat; background-position: center bottom; height: 55px; margin: 0; padding: 0; }
.intro { color: #579296; font-size: 120%; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.5em; }