/*  Remove Bad Browser Styles */
* {margin:0; padding:0 }
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
a img,:link img,:visited img {border:none; margin:0; padding:0;}
address {font-style:normal}
a, a:focus, a:visited {outline-style: none;}/* Firefox outline link fix */

/* Fix Browser Float Problems */
.clear {clear:both; height: 0; overflow:hidden; font-size:1px;}

/* Global Styles */
body {font:0.75em Helvetica, sans-serif; color:#fff; text-align: left; background-color: #1f1f1f; overflow:hidden; letter-spacing: .1em; height:100%}
a {color: #000; opacity: .99;}
a:hover,
li.selected a {color: #646464;}
#logo {width: 412px; height: 55px; background: url(/images/occ-logo.png) no-repeat; margin: 40px 0;}
p {margin-bottom: 22px;}

/* Supersize */
#supersize img {z-index: 0; position: absolute; height: 100%; width: 100%;}

/* Loading */
#loading {color:#fff; width:200px; height:200px; position:absolute; left:50%; margin-left:-100px; top:50%; margin-top:-100px; text-align:center;}

/* Info */
#content {position:absolute; margin:0 auto; z-index:3; width:450px; height:100%; top: 0; left: 100px; color: #000; display: none;}
#box {position:absolute; margin:0 auto; z-index:4; color: #000; padding: 0 20px;}
#box p {font-size: 1.2em; text-align: justify; line-height: 1.4em; padding: 0 20px;	font-weight: bold;}
#trans-bg {position:absolute; width:450px; height:100%; z-index: 1;}

/* Nav */
ul#nav {color: #000; text-align: center; text-transform: uppercase; font-weight: bold; margin-top: 30px;}
ul#nav li {display: inline; padding: 0 7px;}

/* Wines */
#wineBody p {text-align: center; font-weight: normal; font-size:1.1em}
#wineBody p strong {text-transform: uppercase;}

/* Contact */
#contactBody p {font-weight: normal; font-size: 1.1em;}
#contactBody img {margin: 0 auto 16px auto; width: 320px; height: 320px; display: block;}
#contactBody .telephone span,
#contactBody .email span {font-weight: bold; font-size: 1.4em;}
#contactBody .telephone {margin-bottom: 2px;}

/* Allow Scrolling */
#innerScroll {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; background: url(/images/trans-bg.png) repeat-y left; display: none;}