@font-face {
    font-family: 'DejaVuSansCondensed';
    src: url('../fonts/DejaVuSansCondensed-webfont.eot');
    src: url('../fonts/DejaVuSansCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DejaVuSansCondensed-webfont.woff') format('woff'),
         url('../fonts/DejaVuSansCondensed-webfont.ttf') format('truetype'),
         url('../fonts/DejaVuSansCondensed-webfont.svg#DejaVuSansCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansCondensedBold';
    src: url('../fonts/DejaVuSansCondensed-Bold-webfont.eot');
    src: url('../fonts/DejaVuSansCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DejaVuSansCondensed-Bold-webfont.woff') format('woff'),
         url('../fonts/DejaVuSansCondensed-Bold-webfont.ttf') format('truetype'),
         url('../fonts/DejaVuSansCondensed-Bold-webfont.svg#DejaVuSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
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; font-size: 100%; vertical-align: baseline; background: transparent; }
body{ line-height: 1; }
blockquote, q{ quotes: none; }
table{ border-collapse: collapse; border-spacing: 0; }
header, nav, article, footer, address{ display: block; }

html, body{ height: 100%; margin: 0; padding: 0; background: #261106; }
img#background{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

h1 { font: 36px Arial; color: #fff;  }

#scroller{ height: 100%; width: 100%; position: absolute; z-index: 100; }

#container{ padding-top: 30px; }

header img{ display: block; margin: 0 auto; }

.menuWrapper{ font: 12px DejaVuSansCondensedBold; position: relative; margin: 20px auto 50px; height: 200px; width: 797px; background-position: 0 0; background-repeat: no-repeat; background-color: transparent; border: 2px solid #fff; }

ul.menu{ list-style: none; width: 797px; }
ul.menu > li{ float: left; width: 265px; height: 200px; border-right: 1px solid #fff; background-repeat: no-repeat; background-color: transparent; }
ul.menu > li.last{ border: none; }

.bg1{ background-image: url(../../content/info/intro/images/01.jpg); }
.bg2{ background-image: url(../../content/info/intro/images/02.jpg); }
.bg3{ background-image: url(../../content/info/intro/images/03.jpg); }

ul.menu > li > a{ float: left; width: 265px; height: 45px; margin: 200px 0 0 -2px; text-align: center; line-height: 45px; color: #261106; background: #fff; letter-spacing: 1px; cursor: pointer; text-decoration: none; border: 2px solid #fff; }
ul.menu > li ul{ list-style: none; float: left; margin-top: -180px; width: 100%; height: 110px; padding-top: 20px; background-repeat: no-repeat; background-color: transparent; }

footer{ clear: both; padding: 20px 0; color: #fff; font: 12px DejaVuSansCondensed; text-align: center; width: 800px; margin: 0 auto;}
address{ font-style: normal; padding-top: 10px; }
address strong{ font-weight: normal; font-size: 18px; }

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

#social a img{ border: none; height: 32px; opacity: .7; -webkit-transition-duration:.4s; }
#social a:hover img{ opacity: 1; }