html, body, form { margin: 0; padding: 0; }
body { font: normal 76% Arial, Helvetica, sans-serif; background: url('images/body-bg.jpg') repeat-x #fff; color: #000;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }

table { border-collapse: collapse; border-spacing: 0; }
address, caption, cite, code, dfn, i, em, b, strong, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }
q:before, q:after { content: ''; }
ol, ul { list-style: none; }
hr { display: none; }
input, textarea, select { font-family: inherit; font-size: 1em; color: #000; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }

a img { border: 0; }
a { text-decoration: none; }
a:link,
a:active,
a:visited { color: blue; }
a:hover { text-decoration: underline; }

h1 { font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; }
h2 { font-size: 1.7em; color: #b95915; font-weight: normal; }
h3 { font-size: 1.1em; color: #b95915; font-weight: bold; }
h4 { font-size: 1.1em; color: #994708; font-weight: bold; }
h5 { font-size: 1.0em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }
h6 { font-size: 0.8em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }

.br { border: 0; margin: 0; clear: both; }
.left { float: left; }
.right { float: right; }
.cleardiv { clear: both; height: 1px; font-size: 0; line-height: 0; }
.clearfix:after { content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.container { margin: 0 auto; width: 960px; font-size: 1.0em; padding: 0 0 20px 0; }

.sidebar { float: right; height: 100px; width: 220px; margin: 0 0 0 10px; }
.sidebar .bottle { background: transparent url(/ui/images/logo_bottle.jpg) no-repeat top left; width: 220px; height: 548px; }

.content { width: 550px; float: left; display: inline;}
.contentonly { width: 780px; float: left; display: inline;}

form dl { display: block; width: 100%; }
form dt,
form dd { float: left; display: block; margin: 0 0 4px; }
form dt { clear: both; width: 6%; }
form dd { width: 70%; }

.entrance { clear: both; margin: 20px 0 0; font-size: 1.4em; }

.datatable td { padding: 6px; }
.datatable .datarow2 td { background-color: #fffddd; }

.webform_errors { background-color: #fdd; padding: 6px; margin: 0 0 10px; }


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

#topnav {width: 960px; background: url('images/header-bg.jpg') no-repeat #000; height: 85px; }
#topnav .logo { float: right; display: inline; height: 50px; width: 200px; margin-right: 62px; margin-top: 18px;}
#topnav .logo:hover { text-decoration: none; }
#topnav .upper {font-weight: bold; font-size: 1.1em; margin-left: 15px;}
#topnav .upper ul li {display: inline; float: left; margin: 10px; }
#topnav .upper ul li a {color: #fff; text-decoration: none; }
#topnav .upper ul li a.active {color: #F57D31; text-decoration: none; }
#topnav .lower {margin-left: 93px;}
#topnav .lower ul li {display: inline; float: left; margin: 10px; }
#topnav .lower ul li a {color: #999; font-size: 1.0em; text-decoration: none; }
#topnav .lower ul li a.active {color: #F57D31; text-decoration: none; }

/*------ HOME PAGE -------*/

.mainimg { background: url('images/mainimg-bg.jpg') no-repeat #fff; width: 959px; height: 420px; text-align: center;}
.mainimg img { margin-top: 23px; }

.lowerbar { margin: 10px 0 0 7px; }
.lowerbar .imgblockwrap {float: left; display: inline; margin-right: 10px;}
.lowerbar .imgblock { width: 228px; height: 100px; text-align: center; vertical-align: middle;}

/*------ COPY PAGES -------*/

.main { background: url('images/main-bg.jpg') no-repeat #fff; width: 960px; height: 530px;} 

.main .content { margin: 40px 0 0 103px; }
.main .contentonly { margin: 40px 0 0 103px; }

.copy { line-height: 2.0em; }

.sectionnav { margin-bottom: 55px; }
.sectionnav ul li {display: inline; float: left; margin-right: 10px; }
.sectionnav ul li a {color: #999; font-size: 1.1em; text-decoration: none;}
.sectionnav ul li.active a {color: #4a4d51; font-size: 1.1em; text-decoration: none; }

.bar { background-color: #666; height: 528px; width: 260px; float: left; display: inline; margin: 0 20px; }
.innerbar { background-color: #d9d7c0; height: 413px; padding: 90px 20px 0 20px;}

/*------ FLASH PAGES -------*/


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

#footer { color: #999; margin-top: 10px; background: url('images/footer-bg.jpg') no-repeat #fff; padding: 10px; border-width: 1px 1px 0 1px; font-size: 0.8em; width: 932px;}
#footer a { color: #999; text-decoration: none; margin: 10px;}
.subfooter {color: #ccc; font-size: 0.8em; margin-left: 20px;}