body {
  background-color: #000;
  color: #FFF;
  font: normal 12px/1.2em "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  margin: 0;
  padding: 0;
}

h1 { font-weight: normal; margin: 0; padding: 0; }
strong { font-weight: normal; }

h2, h3, h4 { font-size: 12px; font-weight: normal; margin: 0 0 1.2em; padding: 0; }
h2 { text-transform: uppercase; }
p { font-size: 12px; font-weight: normal; margin: 0 0 1.2em; padding: 0; }

a { color: #999; text-decoration: none; }
a:hover { color: #FFF; text-decoration: underline; }
a:focus { outline: none; }
a img { border: none; }


#home {
  background: transparent url("../i/head.home.png") 96px top no-repeat;
  height: 610px;
  left: 50%;
  margin-top: -300px;
  margin-left: -300px;
  position: absolute;
  top: 50%;
  width: 600px;
  z-index: 3;
}
#home h1 {
  bottom: 0px;
  color: #08F;
  font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  font-size: 60px;
  font-weight: bold;
  letter-spacing: -0.02em;
  line-height: 60px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.ie7 #home h1 { left: 5px; }
#home ul { margin: 0; padding: 0; list-style-type: none; }
#home ul li { margin: 0; padding: 0; list-style-type: none; }
#home ul li a {
  background-color: #000;
  color: #08F;
  padding: 1px 4px;
  position: absolute;
  text-transform: uppercase;
}
#home ul li a:hover { color: #FFF; text-decoration: none; }

#home ul li#language a  { left:  57px; top:  81px; }
#home ul li#project a   { left: 517px; top: 219px; }
#home ul li#plasma a    { left: 517px; top: 235px; }
#home ul li#press a     { left: 509px; top: 283px; }
#home ul li#team a      { left: 469px; top: 358px; }
#home ul li#contact a   { left: 444px; top: 429px; }
#home ul li#dates a     { left: 414px; top: 466px; }
#home ul li#sponsors a  { left: 374px; top: 510px; }
#home ul li#news a      { left: 102px; top: 451px; }
#home ul li#links a     { left:  93px; top: 381px; }
#home ul li#downloads a { left:  58px; top: 415px; }


.box {
  background-color: #222;
  opacity: 0.75;
  padding: 10px;
  position: absolute;
  width: 240px;
}
.box h2 { color: #08F; }
.box ul { margin: 0 0 1.2em; padding: 0;}
.box ul li { color: #08F; display: inline; }
.box ul li:after { color: #FFF; content: " /// "; }
.box ul li.last:after { content: ""; }
.box p.last { margin-bottom: 0; }
.box a { color: #08F; }
.box a:hover { color: #FFF; text-decoration: none; }


#contact-box { bottom: 5%; left: 5%; z-index: 2; }
#sponsors-box { right: 5%; top: 5%; z-index: 1; }
#dates-box { left: 5%; top: 5%; z-index: 4; }

#contact-box h3 { margin-bottom: 0; }

#dates-box h3, #dates-box h4 { margin-bottom: 0; }
#dates-box.box h3:before, #dates-box.box h4:before {
  color: #FFF;
  content:"\279C";
/*  content:"\F0E0"; */
/*  font-family: "Wingdings"; */
}
#dates-box.box h3 a, #dates-box.box h4 a {
  display: block;
  float: right;
  width: 220px;
}
#dates-box.box .event {
  border-bottom: solid 1px #FFF;
  margin-bottom: 1.2em;
  padding-bottom: 1.2em;
}
#dates-box.box .event.last {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#dates-box.box .details { margin-left: 20px; }
#dates-box.box .details a { display: block; margin-top: 1.2em; }
#dates-box.box ul.dates { margin: 1.2em 0 0 20px; }




#wrapper {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  padding: 20px 10px;
  width: 960px;
}
#logo {
  height: 70px;
  margin-left: 67px;
  position: absolute;
  width: 50px;
  z-index: 1;
}
.ie7 #logo {
  left: 7px; 
  top: 10px;
}
#logo a img { margin: 5px 0 0; }


#content {
  float: right;
  width: 330px;
}

#content.downloads { width: 760px; }
#content.downloads h2 {
  border-bottom: solid 1px;
  color: #FFF;
  margin-bottom: 0.6em;
  padding-bottom: 0.6em;
}
#content.downloads ul { margin-bottom: 3.2em; }
#content.downloads ul li a { color: #08F; }
#content.downloads ul li a:hover { color: #FFF; text-decoration: none; }

#content img.logo {
  margin-left: -70px;
  position: absolute;
}

#content.team { width: 920px; }
#content.team dl a { color: #FFF; }
#content.team dl a:hover { color: #999; text-decoration: none; }
#content.team .left, #content.team .right { width: 450px; }
#content.team .left { float: left; }
#content.team .right { float: right; }
#content.team dt { width: 200px; text-align: right; }
#content.team dd { margin: -1.2em 0px 1.2em 220px; text-transform: uppercase; }

#content.press { width: 760px; }
#content.press h1 { margin-bottom: 6.4em; }
#content.press ul.menu { float: left; width: 260px; }
#content.press #press { float: right; width: 450px; }
#content.press ul.menu li { text-transform: uppercase; }
#content.press ul.menu li a { color: #08F; }
#content.press ul.menu li a:hover { color: #FFF; text-decoration: none; }
#content.press ul.menu li.selected a { color: #FFF; }

#head {
  background-repeat: no-repeat;
  background-position: left top;
  height: 127px;
  margin-left: -70px;
  margin-top: 20px;
  padding-left: 70px;
  width: 330px;
}


#head h1 {
  color: #08F;
  font-size: 12px;
  margin-bottom: 0.5em;
  margin-top: 0.4em;
}
#head h1 strong {
  color: #FFF;
  font-size: 1.5em;
  display: block;
  margin-top: 0.25em;
  text-transform: uppercase;
}
#head h2 { color: #999; }

#projects {
  height: 800px;
  list-style-type: none;
  margin: 80px 0 0 0;
  overflow: hidden;
  padding: 0;
  width: 958px;
}
#projects li {
  float: left;
  font-size: 10px;
  list-style-type: none;
  margin: 10px 19px;
  text-align: center;
}
#projects li.blank { background-color: transparent; height: 80px; width: 120px; }
#projects li.blank2 { background-color: transparent; height: 80px; width: 220px; }
#projects li a {
  background-position: center top;
  background-repeat: no-repeat;
  display: block;
  height: 45px;
  padding: 130px 0 0 0;
  text-align: center;
  width: 120px;
}
#projects li strong {
  color: #FFF;
  display: block;
  font-size: 12px;
  text-transform: uppercase;
}


#content h1 {
  color: #08F;
  font-size: 12px;
  margin-bottom: 0.5em;
  margin-top: 0.4em;
}
#content h1 strong {
  color: #FFF;
  font-size: 1.5em;
  display: block;
  margin-top: 0.25em;
  text-transform: uppercase;
}
#content h2 { color: #999; margin-bottom: 6.2em; }
#content h3 { color: #08F; }
#content h3.team { display: none; }
#wrapper #content h3.shows { margin-bottom: 0; }
#wrapper #content h3.sponsors { margin-bottom: 0; }
#content ul {
  list-style: none;
  margin: 0;
  padding: 0 0 1.2em 0;
}
#content ul li { margin: 0; padding: 0; }
#content ul.team li { display: inline; }
#content ul.team li a { color: #FFF; }
#content ul.sponsors li { display: inline; }
#content ul.team li strong {
  color: #08F;
  font-weight: normal;
}

#content h3.cast { display: inline; }
#content ul.cast { display: inline; }
#content ul.cast li { display: inline; }
#content ul.cast li:before { content: " /// "; }
#content ul.cast li:first-child:before { content: ""; }

#content h3.release { margin-top: 1.2em; }

#content ul.shows li strong { font-weight: normal; }
#content ul.shows li em { font-style: normal; }

#content p.intro { display: none; }
#content a.read-more, #content a.read-less { display: none; }

#content .layer { margin-bottom: 3.6em; }

#content h3.sectionhead {
  border-bottom: solid 1px #FFF;
  padding-bottom: 0.6em;
  text-align: center;
  text-transform: uppercase;
}
#content #press blockquote {
  font-style: normal;
  margin: 0 0 0 25px;
  padding: 0px;
}
#content #press blockquote:before {
  content: "\00BB";
  display: block;
  float: left;
  font-size: 30px;
    margin: -3px 0 0 -25px;
}
#content #press blockquote:after {
  content: "\00AB";
  display: inline;
}
#content #press .source {
  color: #999;
  margin-bottom: 2.4em;
  text-align: right;
}

#content #sample h4 { color: #999; margin-top: 2.4em; margin-left: 25px; }
#content #sample p { margin-left: 25px; }
#content #sample p strong {
  color: #999;
  display: block;
  float: left;
  margin-left: -25px;
  padding-right: 5px;
}

#content .layer a.download {
  background: transparent url("../i/assets.png") no-repeat;
  color: #08F;
  display: block;
  margin-bottom: 0.6em;
  padding: 0px 0 4px 20px;
}
#content .layer a.sample   { background-position: left -64px; }
#content .layer a.material { background-position: left   0px; }
#content .layer a.technics { background-position: left -32px; }

#content .layer a.download:hover { color: #FFF; cursor: pointer; text-decoration: none; }
#content .layer a.sample:hover   { background-position: left -160px; }
#content .layer a.material:hover { background-position: left  -96px; }
#content .layer a.technics:hover { background-position: left -128px; }


div#gallery {
  clear: left;
  float: left;
  width: 600px;
}
div#gallery ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#gallery ul li {
  text-align: center;
  margin: 0 0 1.2em 0;
  padding: 0;
}

ul#navigation { display: none; }

div#player {
  display: none;
  background-repeat: no-repeat;
  background-position: center center;
  clear: left;
  float: left;
  height: 450px;
  margin: 0;
  padding: 0;
  width: 600px;
}

#content ul.movies {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#content ul.movies li {
  display: block;
  margin-bottom: 1.2em;
  overflow: hidden;
}
#content ul.movies li.selected a {
  color: #fff;
}
#content ul.movies li a {
  color: #08F;
}
#content ul.movies li img { 
  float: left;
  height: 45px;
  margin-bottom: 0px;
  margin-right: 10px;
  width: 60px;
}
#content ul.movies li h4 {
  color: #08F;
  float: right;
  margin-bottom: 0px;
  width: 260px;
  text-transform: uppercase;
}
#content ul.movies li p {
  float: right;
  width: 260px;
}



#menu { float: left;  margin-bottom: 20px; width: 600px; }
#primary {
  background-image: url("../i/primary.png");
  background-position: 61px center;
  background-repeat: no-repeat;
  height: 70px;
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  position: relative;
  width: 290px;
}
#primary li {
  height: 1.2em;
  margin: 0;
  padding: 0;
  position: absolute;
}
#primary li.projects  { left: 133px; top:  0px; }
#primary li.plasma    { left: 223px; top: 12px; }
#primary li.press     { left: 158px; top: 32px; }
#primary li.team      { left: 203px; top: 50px; }
#primary li.downloads { left: 118px; top: 58px; }
#primary li.news      { left:   0px; top: 40px; text-align: right; }
#primary li.links     { left:   5px; top: 58px; text-align: right; }
#primary li.news a    { display: block; width: 60px; }
#primary li.links a   { display: block; width: 60px; }

#primary li a { color: #08F; }
#primary li a:hover {
  color: #FFF;
  text-decoration: none;
}
#primary li.selected a {
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
}


#secondary {
  height: 36px;
  list-style: none;
  margin: 0 0 0 80px;
  padding: 0;
}
#secondary li {
  background-image: url("../i/secondary.png");
  background-repeat: no-repeat;
  float: left;
  height: 36px;
  margin: 0 10px 0 0;
  overflow: hidden;
  padding: 0;
  width: 36px;
}

#secondary li.information { background-position:  -6px  -2px; width: 27px; }
#secondary li.video       { background-position: -42px -42px; width: 36px; }
#secondary li.sample      { background-position: -88px -82px; width: 22px; }
#secondary li.press       { background-position:  -4px -82px; width: 32px; }
#secondary li.material    { background-position: -48px -82px; width: 24px; }
#secondary li.technics    { background-position: -86px -42px; width: 27px; }

/* typo-fixes */
#secondary li.material { margin-right: 2px; }

#secondary li.selected.information,  #secondary li.information:hover { background-position:  -6px -122px; }
#secondary li.selected.video,        #secondary li.video:hover       { background-position: -42px -162px; }
#secondary li.selected.sample,       #secondary li.sample:hover      { background-position: -88px -202px; }
#secondary li.selected.press,        #secondary li.press:hover       { background-position:  -4px -202px; }
#secondary li.selected.material,     #secondary li.material:hover    { background-position: -48px -202px; }
#secondary li.selected.technics,     #secondary li.technics:hover    { background-position: -86px -162px; }

#secondary li a {
  display: block;
  margin-top: -1000px;
  height: 1036px;
  width: 100%;
}


body #menu #secondary .sample,
body #menu #secondary .press,
body #menu #secondary .material,
body #menu #secondary .technics { display: none; }



/** JavaScript-Styles **/

body.active div#gallery ul li { display: none; }
body.active div#gallery ul li.focus { display: block; }
body.active #gallery #navigation li { display: inline; }

body.active #content.project div.layer { display: none; }
body.active #content #information { display: block; }

body.active #menu #secondary .sample,
body.active #menu #secondary .press,
body.active #menu #secondary .material,
body.active #menu #secondary .technics { display: block; }

body.active #menu #secondary { margin-left: 120px; }

body.active #navigation.project {
  display: block;
  margin-bottom: 0;
  position: absolute;
  top: 113px;
}
body.active #navigation {
  display: block;
  position: static;
  margin-bottom: 1em;
  overflow: hidden;
}
body.active #navigation a#next,
body.active #navigation a#previous {
  background-image: url(../i/active);
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 30px;
  padding: 0;
  text-indent: -9999px;
  width: 30px;
}
body.active #navigation a#next { background-position: left -90px; }
body.active #navigation a#previous { background-position: left -60px; }
body.active #navigation a#next:hover { background-position: left -210px; }
body.active #navigation a#previous:hover { background-position: left -180px; }

body.active #contact-box,
body.active #sponsors-box,
body.active #dates-box { display: none; }