/* basic elements
-----------------------------------------------------*/

body {
  font-size:11px;
  line-height:1.8;
  font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  background:#222;
}
input, textarea, select {
  font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  font-size:12px;
  color:#222;
}
h1, h2, h3, h4, h5, h6 { font-weight:bold; font-family: inherit; }
h1 {font-size:3em;}
h2 {font-size:1.8em;}
h3 {font-size:1.3em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}
h6 {font-size:1em;}
a { color:#E90B00; }
a:hover, a:focus { color:#E90B00; text-decoration:none; }

/* layout
-----------------------------------------------------*/

.container { background:url(../img/bg-grid-1.gif) repeat-y; position:relative; }
.bd { border-bottom:10px solid #222; }
.ft { margin:0; }
.ft h2 { float:left; margin:0 10px 0 0; }
.ft h2 a {
  display:block;
  height:25px;
  text-indent:-1000em;
  overflow:hidden;
  background:#fff url(../img/nav.gif) 0 -125px no-repeat;
}
.ft h2 a:hover, .ft h2 a:focus { background-position:-110px -125px; }
.ft p, .ft span { float:left; margin-bottom:0; }
.ft .copyright {
  line-height:25px;
  text-indent:5px;
  background:#fff;
}
.ft ul { background:#fff; float:left; margin:0; height:25px; overflow:hidden; list-style:none; }
.ft li { background:#fff; line-height:25px; /*width:570px; padding:0 10px;*/ font-weight:bold; }
.ft li a { color:#222; }

/*.news { background:#fff; line-height:25px; font-weight:bold; }
.news a { color:#222; padding:0 5px; text-decoration:none; }
.news a:hover, .news a:focus { text-decoration:underline; }*/

.grid-1 h1 { margin:0; border-bottom:10px solid #222; }
.grid-1 h1 a {
  text-indent:-1000em;
  display:block;
  overflow:hidden;
  height:165px;
  padding:0 5px 0;
  background:#fff url(../img/hd-logo.gif) no-repeat;
}
.grid-1 h1 a:hover, .grid-1 h1 a:focus { /*background-position:-110px 0;*/ }
.grid-2 { height:515px; overflow:hidden; }
.grid-2 h2 {
  text-indent:-1000em;
  line-height:25px;
  margin:0;
  background:url(../img/hd-sections.gif) no-repeat right;
  border-bottom:10px solid #222;
}
.grid-3 { }
.grid-4 h2 { }

/* common classes
-----------------------------------------------------*/

.tickercontainer { /*width:590px; height:25px;*/ background:#fff; }
.mask { left:10px; width:570px; overflow:hidden; position:relative; }
.newsticker { position:relative; }
.newsticker li { float:left; }
.newsticker li a { padding-right:15px; }

/*#scroll-wrap { left:10px; width:570px; overflow:auto; position:relative; }
#scroll { width:1800px; position:relative; }
#scroll li { float:left; }
#scroll li a { padding-right:15px; }*/

.vevent, .vcard {
  line-height:1.4;
  margin-top:175px;
  height:165px;
  border-bottom:10px solid #222;
  padding:0 10px;
}
.vevent { line-height:1.6; }
.vevent .first-child { margin-bottom:-1px; }
.vevent .last-child { padding-top:1px; }
.vevent span { display:block; }
.vevent a.more { display:none; }
.vcard { line-height:1.3; }
.vevent h2, .vcard h2 { text-indent:-1000em; }
.vevent p, .vcard p { text-align:right; width:195px; float:right; margin-bottom:1em; }
.vcard p { width:230px; }
.vevent abbr, .vcard abbr { border:none; }
.vevent { background:#fff url(../img/bg-workshop.jpg) no-repeat; }
.vcard { background:#fff url(../img/bg-contact.jpg) no-repeat; }
.hover { cursor:pointer; }

.nav { list-style:none; margin:0; }
.nav li { border-bottom:10px solid #222; }
.nav li.nav-about { border:none; }
.nav a {
  display:block;
  height:25px;
  text-indent:-1000em;
  overflow:hidden;
  background:#fff url(../img/nav.gif) no-repeat;
}

.nav-home a { }
.nav-home a:hover, .nav-home a:focus { background-position:-110px 0; }
.nav-project a { background-position:0 -25px; }
.nav-project a:hover, .nav-project a:focus { background-position:-110px -25px; }
.nav-library a { background-position:0 -50px; }
.nav-library a:hover, .nav-library a:focus { background-position:-110px -50px; }
.nav-workshop a { background-position:0 -75px; }
.nav-workshop a:hover, .nav-workshop a:focus { background-position:-110px -75px; }
.nav-press a { background-position:0 -100px; }
.nav-press a:hover, .nav-press a:focus { background-position:-110px -100px; }
.nav-about a { background-position:0 -150px; height: 165px; }
.nav-about a:hover, .nav-about a:focus { background-position:-110px -150px; }

.home .nav-home a, .project .nav-project a, .library .nav-library a, .workshop .nav-workshop a, .press .nav-press a, .about .nav-about a { /*background-position:0 -25px;*/ }

.box { background:none; margin:0; padding:15px; }
.extrabox1, .extrabox1 span,
.extrabox2, .extrabox2 span,
.extrabox3, .extrabox3 span { position:absolute; }

/* jcarousel default */
/*.jcarousel-container { position: relative; }
.jcarousel-clip {
  z-index: 2;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.jcarousel-list {
  z-index: 1;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
  float: left;
  list-style: none;
  width: 75px;
  height: 75px;
}*/
.jcarousel-next,
.jcarousel-prev { z-index: 3; display: none; }

/* jcarousel skin */
/*.jcarousel-container { width:590px; height:410px; }
.jcarousel-clip { width:590px; height:410px; }
.jcarousel-list { }
.jcarousel-list li,
.jcarousel-item { width:590px; height:130px; }*/
.jcarousel-next, .jcarousel-prev {
  display:block;
  position:absolute;
  left:400px;
  width:190px;
  height:25px;
  border-bottom:10px solid #222;
  border-top:10px solid #222;
  background:url(../img/btn-arrow.gif) no-repeat;
  cursor:pointer;
}
.jcarousel-next-disabled, .jcarousel-prev-disabled {
  cursor:default;
}
/*.jcarousel-next,
.jcarousel-next:hover,
.jcarousel-next:active { background-position:0 0; top:420px; }
.jcarousel-next-disabled,
.jcarousel-next-disabled:hover,
.jcarousel-next-disabled:focus { background-position:0 -25px; }
.jcarousel-prev,
.jcarousel-prev:hover,
.jcarousel-prev:focus { background-position:-190px 0; top:-35px; }
.jcarousel-prev-disabled,
.jcarousel-prev-disabled:hover,
.jcarousel-prev-disabled:focus { background-position:-190px -25px; }*/

/* jcarouselite skin */
.carousel { background:url(../img/bg-project.gif) repeat-y; }
.jcarousel-next { background-position:0 0; top:445px; left:520px; }
.jcarousel-prev { background-position:-190px 0; top:-10px; left:520px; }
.disabled { cursor:default; }

/* facebox */
#facebox .b { background:url(../img/facebox/b.png); }
#facebox .tl { background:url(../img/facebox/tl.png); }
#facebox .tr { background:url(../img/facebox/tr.png); }
#facebox .bl { background:url(../img/facebox/bl.png); }
#facebox .br { background:url(../img/facebox/br.png); }
#facebox { position:absolute; top:0; left:0; z-index:100; text-align:left; }
#facebox .popup { position:relative; }
#facebox table { border-collapse:collapse; }
#facebox td { border-bottom:0; padding:0; }
#facebox .body { padding:10px; background:#fff; width:370px; }
#facebox .loading { text-align:center; }
#facebox .image { text-align:center; }
#facebox img { border:0; margin:0; }
#facebox .footer {
  border-top:1px solid #ddd;
  padding-top:5px;
  margin-top:10px;
  text-align:right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height:10px;
  width:10px;
  overflow:hidden;
  padding:0;
}
#facebox_overlay { position:fixed; top:0px; left:0px; height:100%; width:100%; }
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color:#000; z-index:99; }
* html #facebox_overlay { /* ie6 hack */
  position:absolute;
  height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* =colors */
.red, .red a { background-color:#E90B00; color:#f2f2f2; }
.blue, .blue a { background-color:#015094; color:#f2f2f2; }
.yellow, .yellow a { background-color:#FFC700; color:#222; }

/* home & about page
-----------------------------------------------------*/

.about h2 { background-position:100% -100px; }

.home .extrabox1, .home .extrabox2,
.about .extrabox1, .about .extrabox2,
.news .extrabox1, .news .extrabox2 {
  width:350px;
  height:165px;
  top:0;
  left:480px;
  border-bottom:10px solid #222;
}
.home .extrabox1 a, .home .extrabox2 a,
.about .extrabox1 span, .about .extrabox2 span,
.news .extrabox1 span, .news .extrabox2 span{
  position:absolute;
  right:0;
  width:110px;
  height:165px;
  background:#E90B00 no-repeat;
  text-indent:-1000em;
  overflow:hidden;
}
.home .extrabox2, .about .extrabox2, .news .extrabox2 { top:350px; }
.home .extrabox2 a, .about .extrabox2 span, .news .extrabox2 span { background-color:#FFC700; }
.home .extrabox1 a { background-image:url(../img/hd-projects.gif); }
.home .extrabox2 a { background-image:url(../img/hd-library.gif); }
.about .extrabox2, .news .extrabox2 { background:#FFC700; }
.about .extrabox2 span, .news .extrabox2 span { border-left:10px solid #222; }

/* press page
-----------------------------------------------------*/

.press { background:url(../img/bg-grid-2.gif) repeat-y; }
.press h2 { background-position:100% 0; }
.press .box { height:380px; background:#fff; border-bottom:10px solid #222; }
.press .box-inner { height:380px; overflow:auto; }
.press .grid-3 .box { margin-top:35px; }
.archive { font-size:12px; line-height:60px; padding:0 15px; }
.archive a { text-decoration:none; font-weight:bold; }

.press .extrabox1, .press .extrabox2 {
  top:0;
  width:230px;
  height:25px;
  border-bottom:10px solid #222;
  background:#fff;
}
.press .extrabox1 { width:230px; left:480px; background:#fff; }
.press .extrabox2 { width:110px; left:720px; background:#E90B00; }

/* project page
-----------------------------------------------------*/

.project { background:url(../img/bg-grid-3.gif) repeat-y; }
.project h3 { margin-bottom:0.6em; }
.project .grid-2 h2 { background-position:100% -25px; width:390px; }
.project .box { padding:10px; }

/* jcarousel buttons */
.project .jcarousel-next { background-position:0 -100px; }
/*.project .jcarousel-next-disabled { background-position:0 -125px; }*/

.project .extrabox1 {
  width:590px;
  height:60px;
  top:445px;
  left:120px;
  background:#FFC700;
  border-top:10px solid #222;
}
.project .extrabox1 span {
  width:190px;
  height:60px;
  top:0;
  left:390px;
  border-left:10px solid #222;
}
.project .extrabox2 {
  width:110px;
  height:165px;
  left:720px;
  background:#015094;
  border-bottom:10px solid #222;
}
.project .extrabox2 span { width:110px; height:25px; border-bottom:10px solid #222; }
.project .extrabox3 { width:110px; height:515px; left:840px; background:#E90B00; }
.project .extrabox3 span {
  width:110px;
  height:25px;
  top:480px;
  left:-120px;
  border-top:10px solid #222;
}

/* project list */
.projects {
  list-style:none;
  margin:0;
  height:410px;
  overflow:hidden;
}
.projects li { width:590px; height:130px; overflow:hidden; border-bottom:10px solid #222; }
.projects li:last-child { border:none; }

/* project content */
.excerpt, .trailer { height:130px; overflow:hidden; }
.trailer { position:relative; /*width:180px; height:120px; padding:5px;*/ }
.trailer img { /*padding:5px; opacity:.7;*/ position:absolute; top:5px; left:5px; clip:rect(0 180px 120px 0); }
.trailer a { display:block; background:#fff; }
.trailer a img { opacity:.7; }
.trailer a:hover img, .trailer a:focus img { opacity:1; }
.trailer span {
  position:absolute;
  bottom:15px;
  right:15px;
  width:22px;
  height:18px;
  background:url(../img/btn-play.png) no-repeat;
}

/* library page
-----------------------------------------------------*/

.library .grid-2 h2 { background-position:100% -50px; }

.library .jcarousel-next { background-position:0 0; }
/*.library .jcarousel-next-disabled { background-position:0 -25px; }*/
.library .jcarousel-prev { background-position:-190px -50px; }
/*.library .jcarousel-prev-disabled { background-position:-190px -75px; }*/

.library .extrabox1 { background:#015094; }
.library .extrabox2 { background:#E90B00; }
.library .extrabox3 { background:#FFC700; }

/* workshop page
-----------------------------------------------------*/

.workshop { background:url(../img/bg-grid-3.gif) repeat-y; }
.workshop h3 { margin-bottom:0.6em; }
.workshop .grid-2 h2 { background-color:#FFC700; background-position: 100% -75px; width:390px; }
.workshop .archive, .workshop .archive a { background:#015094; color:#fff; width:360px; }

/* =list workshop */
.workshops {
  list-style:none;
  margin:0;
  height:410px;
  overflow:hidden;
  border-bottom:10px solid #222;
  background:url(../img/bg-project.gif) repeat-y;
}
.workshops li {
  width:710px;
  height:130px;
  overflow:hidden;
  border-bottom:10px solid #222;
}
.workshops li:last-child { border:none; }
.workshops .span-10,
.workshops .span-5,
.workshops .span-3 { height:130px; background:#fff; }
.workshops .span-5 { /*width:180px; height:120px; padding:5px;*/ position:relative; }

/* =list content */
.album img { /*padding:5px; opacity:.7;*/ position:absolute; top:5px; left:5px; clip:rect(0 180px 120px 0); }
.album a { display:block; background:#fff; }
.album a:hover img, .album a:focus img { /*opacity:1;*/ }

/* workshop detail page
-----------------------------------------------------*/

.workshop .box { padding:10px; }
.workshop .box-inner { height:450px; overflow:auto; }
.workshop .detail { padding:15px; }

/* =detail content */
ul.album {
  list-style:none;
  margin:0;
  width:190px;
  margin:35px 0 0;
  height:410px;
  overflow:hidden;
}
ul.album li { border-bottom:10px solid #222; height:130px; overflow:hidden; position:relative; }
ul.album li:last-child { border:none; }
div.date { line-height:1; width:90px; padding:10px 7px; }
div.date strong {
  font-size:11px;
  letter-spacing:-1px;
  padding-bottom:5px;
  margin-bottom:5px;
  display:block;
  border-bottom:1px solid #ccc;
}
p.date { color:#999; }

/* =jcarousel skin */
.workshop .carousel { top:35px; }
/*.workshop .jcarousel-container {
  width:190px;
  height:410px;
  margin:35px 0 0;
  border-bottom:10px solid #222;
}
.workshop .jcarousel-clip { width:190px; height:410px; }
.workshop .jcarousel-list { margin:0; }
.workshop .jcarousel-list li,
.workshop .jcarousel-item { width:190px; height:130px; }*/
.workshop .jcarousel-next, .workshop .jcarousel-prev {
  display:block;
  position:absolute;
}
/*.workshop .jcarousel-next { background-position:0 0; top:420px; }
.workshop .jcarousel-next-disabled { background-position:0 -25px; }
.workshop .jcarousel-prev { background-position:-190px -100px; top:-35px; }
.workshop .jcarousel-prev-disabled { background-position:-190px -125px; }*/
.workshop .jcarousel-prev { background-position:-190px -100px; }

/* =decoration boxes */
.workshop .extrabox1 {
  width:190px;
  height:60px;
  top:455px;
  left:520px;
  background:#015094;
}
.workshop .extrabox1 span {
  width:190px;
  height:25px;
  left:0;
  border-bottom:10px solid #222;
}
.workshop .extrabox2 {
  width:310px;
  height:25px;
  left:520px;
  background:#fff;
  border-bottom:10px solid #222;
}
.workshop .extrabox2 span {
  height:25px;
  width:190px;
  border-right:10px solid #222;
  background:#FFC700;
}
.workshop .extrabox3 { width:110px; height:515px; left:840px; background:#E90B00; }
.workshop .extrabox3 span {
  width:110px;
  height:130px;
  top:35px;
  left:-120px;
  border-bottom:10px solid #222;
}

/* news page
-----------------------------------------------------*/

.news h2 { background-position:100% -125px; }
.news h3 { margin-bottom:0.5em; }
.news .box-inner { height:450px; overflow:auto; }
.news-item { margin-bottom:1.5em; }