/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> GLOBALS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

*								{ margin: 0; padding: 0; line-height: 1.65em; }
body 							{ color: #000; background: #e7e7e7; font-size: 10px; text-align: center; font-family: Helvetica, Arial, sans-serif normal; }
a,img,table,td,th,fieldset		{ border: 0; }
div,ul,ol,dl,li					{ width: auto; }
li								{ list-style: none; }
form,input,select,textarea		{ margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; } 
textarea#fcomment				{ font-size: 11px; }

p								{ font-size: 1.2em; margin-bottom: .5em; }
p *								{ font-size: 1em; }

a								{ text-decoration: none; font-weight: bold; color: #ae8e49; }
a:hover							{ text-decoration: underline; color: #c00; }

strong,b,.strong,.b				{ font-weight: bold; }
em,i,.em,.i						{ font-style: italic; }
.nowrap							{ white-space: nowrap; }
.clearme						{ clear: both; height: 1px; visibility: hidden; }
.inline							{ display: inline; }
.block							{ display: block; }
.lcase							{ text-transform: lowercase; }
.ucase							{ text-transform: uppercase; }

.attn							{ color: #f39; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> CONTAINERS  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#bgimg						{ height: 790px; padding-top: 5px; }

div#nav							{ height: 163px; background: url(images/bg-nav-banner-trans.png) no-repeat center top; text-align: center; }

div#wrap						{ height: 600px; width: 986px; margin: 20px auto; text-align: left; position: relative; }/* background: url(images/bg-000-trans.png); */

div.col1w						{ width: 233px; margin-bottom: 18px; }
div.col2w						{ width: 484px; margin-bottom: 18px; }
div.col3w						{ width: 735px; margin-bottom: 18px; }
div.col4w						{ width: 986px; margin-bottom: 18px; }

div.scroll						{ height: 450px; overflow: auto; }

div#foot						{ text-align: center; background: url(images/bg-foot-grad.png) repeat-x left top; height: 20px; padding-top: 6px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> CONTENT STYLES  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.fll							{ float: left; }
.flr							{ float: right; }
.flc							{ position: absolute; left: 251px; } /* does NOT float center, just named in same convention */
.bg								{ background: url(images/bg-fff-90-trans.png); }
.bg2							{ margin: 8px; padding: 12px; border: 1px solid #ae8e49; }

img.inset1,img.inset2			{ margin: 8px; border: 1px solid #ae8e49; width: 216px; height: 50px; }

.twocol 						{ -webkit-column-count: 2; -webkit-column-gap: 25px; -webkit-column-rule: 1px solid #ae8e49;  
								  -moz-column-count: 2;    -moz-column-gap: 25px;    -moz-column-rule: 1px solid #ae8e49; }

p								{ font-family: "Times New Roman", Times, serif; font-size: 16px; line-height: 20px; }
p *								{ line-height: 20px; }
p a								{ font-weight: normal; }
h1,.h1							{ font-size: 22px; color: #c00; text-transform: uppercase; font-weight: bold; font-family: Helvetica, Arial, sans-serif normal; }
h2,.h2							{ font-size: 14px; color: #c00; text-transform: uppercase; font-weight: bold; font-family: Helvetica, Arial, sans-serif normal; }

sup								{ font-size: 10px; line-height: 10px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> NAV - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#nav ul						{ position: relative; margin: 0 auto; width: 986px; height: 163px; }
div#nav li						{ position: absolute; height: 26px; }
div#nav li a					{ background: no-repeat left 0%;   display: block; text-align: left; color: #fff; font-size: 9px; height: 26px; line-height: 26px; text-decoration: none; text-indent: -100em; overflow: hidden; position: relative; }/*  letter-spacing: -1000em; */
div#nav li a:hover				{ background: no-repeat left 100%; }

li.n0							{ top: 13px; left: 321px;  width: 351px; height: 42px; }
li.n0 a							{ background-image: url(images/nav-bg-0.gif) !important; height: 41px !important; }
li.n1							{ top: 91px; left: 20px;  width: 187px; }
li.n1 a							{ background-image: url(images/nav-bg-1.gif) !important; }
li.n2							{ top: 89px; left: 232px; width: 82px; }
li.n2 a							{ background-image: url(images/nav-bg-2.gif) !important; }
li.n3							{ top: 71px; left: 405px; width: 180px; height: 54px; }
li.n3 a							{ background-image: url(images/nav-bg-3.gif) !important; }
li.n4							{ top: 91px; left: 649px; width: 151px; }
li.n4 a							{ background-image: url(images/nav-bg-4.gif) !important; }
li.n5							{ top: 95px; left: 831px; width: 112px; }
li.n5 a							{ background-image: url(images/nav-bg-5.gif) !important; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> INT NAV - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.lnav							{ background: #c00; }
.lnav ul						{ margin: 8px; padding: 12px 12px 0 12px; border: 1px solid #ae8e49; }
.lnav a							{ display: block; padding: 3px 0; color: #fff; font-family: "Times New Roman", Times, serif; font-size: 18px; line-height: 19px; font-weight: normal; }
.lnav a:hover					{ color: #ae8e49; }
.lnav a span					{ font-family: "Times New Roman", Times, serif; font-size: 18px; line-height: 19px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> PER-PAGE ITEMS  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* -- BEGIN Company SUBNAV Group -- */
body#comp img.inset1			{ height: 247px; background: url(images/inset-comp-1.jpg) no-repeat 50% 15%; }
body#comp .lnav ul				{ height: 175px; } /* + 12px not in padding-bottom */
body#comp div#wrap .bg2			{ height: 446px; }

body#miss .lnav ul				{ height: 175px; } /* + 12px not in padding-bottom */

body#pers .lnav ul				{ height: 175px; } /* + 12px not in padding-bottom */
body#pers .twocol				{ margin: 0 0 80px 227px; padding-right: 5px; -webkit-column-count: 1; -moz-column-count: 1; }
body#pers h2					{ position: relative; }
body#pers h2 span				{ position: absolute; width: 215px; display: block; height: 250px; }
span.kfbf						{ background: url(images/inset-bio-frank.jpg) no-repeat 50% 20%; }
span.kfra						{ background: url(images/inset-bio-frankiii.jpg) no-repeat 50% 20%; }
span.kjac						{ background: url(images/inset-bio-jack.jpg) no-repeat 50% 20%; }
span.kmik						{ background: url(images/inset-bio-mike.jpg) no-repeat 50% 20%; }
span.kkev						{ background: url(images/inset-bio-kevin.jpg) no-repeat 50% 20%; }

body#faci div#wrap .bg2			{ height: 206px; }
body#faci .lnav ul				{ height: 175px; } /* + 12px not in padding-bottom */

body#prom img.inset1			{ height: 262px; background: url(images/inset-prom-1.jpg) no-repeat 50% 50%; }
body#prom .lnav ul				{ height: 175px; } /* + 12px not in padding-bottom */
body#prom div#wrap .bg2			{ height: 246px; }

body#comm img.inset1			{ height: 247px; background: url(images/inset-comm-1.jpg) no-repeat 50% 15%; }
body#comm .lnav ul				{ height: 175px; } /* + 12px not in padding-bottom */
body#comm div#wrap .bg2			{ height: 446px; }

body#regi img.inset1			{ height: 262px; background: url(images/inset-regi-1.jpg) no-repeat 50% 100%; }
body#regi .lnav ul				{ height: 175px; } /* + 12px not in padding-bottom */
body#regi h1					{ margin-bottom: 15px; }
body#regi div#wrap .bg2			{ height: 460px; }
/* -- END Company SUBNAV Group -- */

body#hist img.inset1			{ height: 292px; background: url(images/inset-hist-1.jpg) no-repeat 50% 50%; }

/*body#news div#wrap .bg2			{ height: 300px; } */
body#news img.inset1			{ height: 262px; background: url(images/inset-news-1.jpg) no-repeat 50% 50%; }
body#news div#ncont p			{ width: 50%; float: left; clear: left;  }
ul#nlul							{ margin-left: 52%; width: 47%; border-left: 1px solid #ae8e49; padding: 0 0 10px 10px; }/* height: 250px;  */
ul#nlul li						{ margin-bottom: 10px; }
ul#nlul li a					{ display: block; height: 50px; padding-left: 40px; }
ul#nlul li a.pdf				{ background: url(images/icon-pdf-nl.gif) no-repeat left top;  }
ul#nlul li a.news				{ background: url(images/icon-news.gif) no-repeat left top;  }
ul#nlul li span					{ display: block; text-transform: uppercase; color: #c00; font-size: 14px; line-height: 14px; }

body#jobs img.inset1			{ height: 292px; background: url(images/inset-faci-1.jpg) no-repeat 50% 25%; } /* used region photo temporarily */

dl#jlist						{ margin-left: 20px;}
dl#jlist dt						{ font-size: 14px; color: #c00; text-transform: uppercase; font-weight: bold; font-family: Helvetica, Arial, sans-serif normal; margin-top: 15px; }
dl#jlist dd						{ font-size: 12px; }

body#faci img.inset1			{ height: 262px; background: url(images/inset-faci-1.jpg) no-repeat 50% 50%; }

body#cont img.inset1			{ height: 292px; background: url(images/inset-cont-1.jpg) no-repeat 50% 25%; }
body#cont .cright				{ float: right; width: 50%; font-size: 14px; margin-bottom: 20px; clear: right; }
body#cont dl *					{ font-size: 14px; }
body#cont dl dt					{ font-weight: bold; padding: 5px 0; }
body#cont dl dd					{ margin-left: 5px; padding-left: 20px; }
body#cont dl dd span			{ font-style: italic; color: #666; }
dd.tele							{ background: url(images/icon-telephone-trans.png) no-repeat left center; }
dd.cell							{ background: url(images/icon-phone-trans.png) no-repeat left center; }
dd.fax							{ background: url(images/icon-printer-trans.png) no-repeat left center; }
dd.mail							{ background: url(images/icon-email-trans.png) no-repeat left center; }
dd.jobs							{ background: url(images/icon-link-trans.png) no-repeat left center; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> PRODUCT LISTS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body#prod p.h2					{ margin-top: 15px; }
body#prod p.h2 a 				{ padding-right: 10px; font-weight: bold; }

div#prods						{ padding: 5px 12px 0 12px; border: 1px solid #000; height: 375px; background: #fff; }
div#bdom						{ width: 1335px; } /* Width == num of cols x 190px + 5px for safety */
div#bimp						{ width: 3445px; } /* " */
div#bcra						{ width: 5725px; } /* " */

div.col							{ float: left; width: 190px; }

div#prods dl					{ margin: 0 10px 5px 0; }
div#prods dl dt					{ border-bottom: 1px solid #000; }
div#prods dl dt a				{ font-size: 12px; line-height: 19px; display: block; font-weight: bold; padding-left: 2px; color: #000; }
div#prods dl dt a:hover			{ background: #f0eade; }
div#prods dl dd					{ font-size: 12px; line-height: 18px; margin-left: 5px; color: #666; }/* margin-top: 1px; background: #960; */

div#prods dl dd span.nowrap		{ padding-left: 15px; }

div#toolTip						{ position: absolute; z-index: 1000; width: 160px; background: #fff; border: 5px solid #333; text-align: left; padding: 10px; min-height: 1em; -webkit-box-shadow: 3px 3px 6px #666; -moz-box-shadow: 3px 3px 6px #666; }/*  -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); */
div#toolTip p					{ font-family: Helvetica, Arial, sans-serif normal; font-size: 12px; }
div#toolTip img					{ padding-right: 10px; }

body#prod p.h2					{ position: relative; }
body#prod p.h2 span.soon		{ position: absolute; bottom: 0; right: 0; }

a.deadlink						{ text-decoration: none; cursor: default; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> FOOTER  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#foot *						{ color: #c33; font-size: 10px; font-weight: normal; }
div#foot a						{ text-decoration: none; }
div#foot a:hover				{ color: #600; text-decoration: underline; }

ul#fnul							{ width: 986px; margin: 0 auto; }
ul#fnul li						{ float: right; display: inline; text-align: center; }
ul#fnul li a					{ padding: 0 5px; }
ul#fnul li#copy					{ float: left; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> HOMEPAGE  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body#home div#wrap				{ height: 400px; }

#hbrew							{ position: absolute; top: 635px; left: 0; width: 100%; text-transform: uppercase }
#hbrew p						{ color: #ae8e49; font-size: 18px; line-height: 18px; padding: 5px 0 0 15px; }
#hbrew ul						{ padding-bottom: 10px; }
#hbrew li						{ display: inline; margin: 0; }
#hbrew li a						{ color: #c00; padding: 0 20px; border-left: 1px solid #ae8e49; font-size: 50px; line-height: 50px; font-family: "Times New Roman", Times, serif; font-weight: normal;  }
#hbrew li:first-child a			{ border: none; }

ul.best li						{ display: inline; margin: 0; padding: 0; float: left; }


body#home .flc					{ position: absolute; left: 258px; } 	/* had to adjust these three rules for the homepage as the bottles were created too wide */
body#home div.col1w				{ width: 242px; margin-bottom: 18px; }	/* " */
body#home div.col2w				{ width: 470px; margin-bottom: 18px; }	/* " */
body#home p.twocol				{ line-height: 22px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> BACKGROUND IMAGES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body#home div#bgimg				{ background: #000 url(images/bg-body-home-1.jpg) no-repeat center top; }
body#comp div#bgimg				{ background: #000 url(images/bg-body-comp-1.jpg) no-repeat center top; }
body#miss div#bgimg				{ background: #000 url(images/bg-body-miss-1.jpg) no-repeat center top; }
body#pers div#bgimg				{ background: #000 url(images/bg-body-pers-1.jpg) no-repeat center top; }
body#faci div#bgimg				{ background: #000 url(images/bg-body-faci-1.jpg) no-repeat center top; }
body#prom div#bgimg				{ background: #000 url(images/bg-body-prom-1.jpg) no-repeat center top; }
body#comm div#bgimg				{ background: #000 url(images/bg-body-pers-1.jpg) no-repeat center top; }
body#regi div#bgimg				{ background: #000 url(images/bg-body-regi-1.jpg) no-repeat center top; }
body#hist div#bgimg				{ background: #000 url(images/bg-body-hist-1.jpg) no-repeat center top; }
body#prod div#bgimg				{ background: #000 url(images/bg-body-prod-1.jpg) no-repeat center top; }
body#dome div#bgimg				{ background: #000 url(images/bg-body-prod-1.jpg) no-repeat center top; }
body#impo div#bgimg				{ background: #000 url(images/bg-body-prod-1.jpg) no-repeat center top; }
body#craf div#bgimg				{ background: #000 url(images/bg-body-prod-1.jpg) no-repeat center top; }
body#cont div#bgimg				{ background: #000 url(images/bg-body-pers-1.jpg) no-repeat center top; }
body#jobs div#bgimg				{ background: #000 url(images/bg-body-pers-1.jpg) no-repeat center top; }
body#news div#bgimg				{ background: #000 url(images/bg-body-news-1.jpg) no-repeat center top; }


