@charset "utf-8";

/* /////////////////////// RESET //////////////////////////////////////////////////////////////////////////////////////////////////// */

body,html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
  margin:0;
  padding:0;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

td {
  vertical-align:top;
}

fieldset,img { 
  border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
}

ol,ul {
  list-style:none;
}

caption,th {
  text-align:left;
}

h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}

q:before,q:after {
  content:'';
}

abbr,acronym {
  border:0;
}

img {
  border:0px;
  margin:0px;
  padding:0px;
}

a:active, a { 
  outline:medium none;
}
 
:focus { 
  -moz-outline-style:none;
  outline:medium none;
}
 
:-moz-any-link:focus {
  outline:medium none;
}

/* /////////////////////// /RESET /////////////////////////////////////////////////////////////////////////////////////////////////// */


/* /////////////////////// GLOBAL /////////////////////////////////////////////////////////////////////////////////////////////////// */

html,body{
  background:none;
  color:#000;
  font-size:18px;
  line-height:21px;
  letter-spacing:1px;
  width:100%;
}

html,body,h1,h2,h3,h4,#menu,a {
  font-family:BreuerTextRegular, Verdana, Geneva, sans-serif
}

@font-face {
    font-family: 'BreuerTextRegular';
    src: url('../_fonts/breuertext-webfont.eot');
    src: url('../_fonts/breuertext-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/breuertext-webfont.woff') format('woff'),
         url('../_fonts/breuertext-webfont.ttf') format('truetype'),
         url('../_fonts/breuertext-webfont.svg#BreuerTextRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a:link,a:visited,a:active,a:focus{
  text-decoration:none;
  color:#000;
}

a:hover, .active {
  color:#aaa;
  border-bottom:#000 1px solid;
}

.active {
  cursor:default;
}

/* /////////////////////// /GLOBAL ////////////////////////////////////////////////////////////////////////////////////////////////// */


/* /////////////////////// LAYOUT /////////////////////////////////////////////////////////////////////////////////////////////////// */

#header {
  width:300px;
  height:100%;
  background:url(../_graphics/background.png) repeat;
  position:fixed;
  left:170px;
  top:0px;
}

#logo {
  width:250px;
  height:250px;
  background:url(../_graphics/logo.png) no-repeat;
  position:relative;
  display:block;
  left:25px;
  top:25px;
}

#logo:hover { border:none; }

#content {
  width:500px;
  height:700px;
  background:none;
  padding-left:470px;
}

#content img {
  float:left;
  height:700px;
}

.info {
  margin-top:339px;
  padding-bottom:50px;
  font-weight:normal;
}

#menu, h1 {
  color:#000;
  text-transform:uppercase;
  font-size:45px;
  letter-spacing:-1px;
}

#menu {
  line-height:50px;
  margin:75px 25px 0px 25px;
}

h1 {
  margin:50px 0px 25px 0px;
}

p {
  margin-bottom:15px;
}

.video { 
  width:auto;
  margin-top:178px;
  margin-left:35px;
  float:left;
}
/* /////////////////////// /LAYOUT ////////////////////////////////////////////////////////////////////////////////////////////////// */