*{ margin: 0; padding: 0; }

body{ background: #000; color: #ffffff; font: 12px/18px "Century Gothic", arial, helvetica, sans-serif; }
html,body,#bg,#bg table,
#bg td,#cont{ width: 100%; height: 100%; overflow: hidden; }
#bg{ position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; }
#bg td{ vertical-align: middle; text-align: center; }
#bg img{ min-height: 50%; min-width: 50%; margin: 0 auto; }
#scroller{ height: 100%; width: 100%; overflow: scroll; position: absolute; z-index: 100; }
#container{ width: 832px; w/idth: 840px; /width: 832px; margin: 3% auto; padding: 0; }
html>body #container{ width: 820px; }

#navigation{ font: 14px "Century Gothic", arial, helvetica, sans-serif; text-transform: lowercase; text-align: center; width: 800px; height: 500px; background: url(../../content/info/intro/images/01.jpg) center center no-repeat; border: 5px solid #fff; }
#global{ margin: 0; padding: 225px 0 0 0; text-align: center; line-height: 36px; width: 350px; }
#global li{ list-style-type: none; display: block; margin: 0; padding: 10px 5px; }
#global li a:link,
#global li a:visited{ text-decoration: none; color: #ffffff; margin: 0; padding: 5px 10px 10px 10px; }
#global li a:hover,
#global li a:active{ color: #aaa; }

.current a{ border: 1px solid #fff; border-width: 0 1px; }

a:link, a:visited{ color: #ffffff; }
a:hover, a:active{ text-decoration: none; }

#page_body{ clear: both; padding: 25px 0; }
h1{ padding: 0 0 1em 0; font-weight: normal; text-transform: uppercase; }
p{ padding: 0 0 1em 0; }

hr{ clear: both; color: #ffffff; border: 0; background-color: #ffffff; height: 1px; margin: 1em 0; }

#footer{ clear: both; padding: 10px 0 0 0; margin-top: 0; text-align: center; }
.vcard{ padding-left: 20px; }
.vcard div{ display: inline; padding-right: 20px; }
.emphasize{ font-size: 24px; }

.hide{ text-decoration: none; }