@charset "UTF-8";
/* CSS Document */
body { margin: 0; padding: 0; background: #f6f6f6; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 12px; min-width: 1024px; }
.Container { width: 920px; margin: 0px auto; }
.float { float: left; }
.clear { clear: both; }
.col-lt { width: 625px; float: left; display: inline; margin-right: 10px; min-height:370px;}
.col-rt { width: 285px; float: right; display: inline; }
.img { float: right; padding: 8px; }

/* Header */
#header { height: 88px; background: url(../img/head.jpg) top left repeat-x; }
#nav { float: left; height: 88px; background: url(../img/logo.jpg) top left no-repeat; }
#nav ul { list-style-type: none; padding: 60px 0px 0px 298px; margin: 0; }
#nav ul li { float: left; padding-right: 25px; }
#nav ul li a { color: #444444; text-transform: uppercase; text-decoration: none; }
#nav ul li a:hover { color: #e12422; }

#home .home a,
#bottling .bottling a,
#formulation-flavor .formulation-flavor a,
#facility .facility a,
#contact .contact a { color: #003f8e; }

/* Banners */
#home .banner { height: 329px; background: url(../img/bn.jpg) top left repeat-x; }
#home .frame { margin: 0px auto; width: 1024px; height: 329px; background: url(../img/bn-home.jpg) top center no-repeat; }

#bottling .banner { height: 88px; background: url(../img/bn-sm.jpg) top left repeat-x; }
#bottling .frame { margin: 0px auto; width: 1024px; height: 88px; background: url(../img/bn-bottling.jpg) top center no-repeat; }

#formulation-flavor .banner { height: 88px; background: url(../img/bn-sm.jpg) top left repeat-x; }
#formulation-flavor .frame { margin: 0px auto; width: 1024px; height: 88px; background: url(../img/bn-formulation-flavor.jpg) top center no-repeat; }

#facility .banner { height: 88px; background: url(../img/bn-sm.jpg) top left repeat-x; }
#facility .frame { margin: 0px auto; width: 1024px; height: 88px; background: url(../img/bn-facility.jpg) top center no-repeat; }

#contact .banner { height: 88px; background: url(../img/bn-sm.jpg) top left repeat-x; }
#contact .frame { margin: 0px auto; width: 1024px; height: 88px; background: url(../img/bn-contact.jpg) top center no-repeat; }

.banner h1 { font-size: 28px; color: #fdd51c; padding: 26px 0px 18px 0px; margin: 0; text-shadow: 1px 1px 2px #444444 }
.banner ul { list-style-type: none; padding: 0; margin: 0; color: #ffffff; font-size: 18px; }
.banner ul li { padding-left: 26px; padding-top: 10px; line-height: 24px; }

/* Body */
#body { margin-top: 16px; line-height: 18px; }
#body h2 { font-size: 18px; color: #003f8e; padding: 0px 0px 4px 0px; margin: 0px 0px 10px 0px; font-weight: normal; width: 510px; background: url(../img/hr.jpg) bottom left no-repeat; }
#body .col-rt h2 { font-size: 18px; color: #003f8e; padding: 0px 0px 4px 0px; margin: 0px 0px 10px 0px; font-weight: normal; width: 285px; background: url(../img/hr-sm.jpg) bottom left no-repeat; }
#body a { text-decoration: none; color: #e12422; }
#body a:hover { text-decoration: underline; }
.btm-link { margin-top: 12px; }

/* Footer */
#footer { height: 120px; background: url(../img/footer.jpg) top left repeat-x; font-size: 11px; }
.ft-lt { float: left; display: inline; padding-top: 16px; }
.ft-rt { float: right; display: inline; padding-top: 16px; }

/* Backgrounds */
#home #body .Container { min-height: 325px; background: url(../img/hm-sb.jpg) bottom right no-repeat; }
#home #footer .Container { height: 120px; background: url(../img/hm-ft.jpg) top right no-repeat; }

#contact #body .Container,
#facility #body .Container,
#formulation-flavor #body .Container,
#bottling #body .Container { min-height: 244px; background: url(../img/sp-sb.jpg) bottom right no-repeat; }

#contact #footer .Container,
#facility #footer .Container,
#formulation-flavor #footer .Container,
#bottling #footer .Container { height: 120px; background: url(../img/sp-ft.jpg) top right no-repeat; }

/* Form */
label { display: block; margin: 16px 0px 0px 0px; font-weight: bold; }
input,
textarea { width: 408px; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #cdcdcd; line-height: 18px; padding: 4px; }
.btn { width: 60px; height: 28px; background: url(../img/btn.jpg) top left no-repeat; border: none; margin-top: 16px; cursor: pointer; }
input:hover.btn { background: url(../img/btn.jpg) top right no-repeat; }


.hm-1 { float: left; background: url(../img/1.jpg) top left no-repeat; padding-left: 125px; }
.hm-2 { float: left; background: url(../img/2.jpg) top left no-repeat; padding-left: 125px; }
.hm-3 { float: left; background: url(../img/3.jpg) top left no-repeat; padding-left: 125px; }