
html {
  min-width: 960px;
  font-family: sans-serif;
}

a {
  color: #CD1041;
}

*[data-lightbox-href] {
  cursor: pointer;
}

#header {
  position: relative;
  z-index: 0;
  min-width: 960px;
  height: 665px;
  overflow: hidden;
  background-color: #061825;
  background: url('../img/header-bg.png') repeat-x;
  color: white;
  text-align: center;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

#header .bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#header .bg .shadow {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('../img/header-overlay-paper.png') no-repeat center top;
}

#header .bg .tile {
  position: absolute;
  top: 0;
  width: 240px;
  height: 100%;
  background: url('../img/header-tile-shadow.png') repeat-y;
}

#header .bg .tile1 {
  right: 50%;
  width: 217px;
  margin-right: 480px;
  border-left: 0;
}
#header .bg .tile2 {
  right: 50%;
  margin-right: 240px;
}
#header .bg .tile3 {
  right: 50%;
}
#header .bg .tile4 {
  left: 50%;
}
#header .bg .tile5 {
  left: 50%;
  margin-left: 240px;
}
#header .bg .tile6 {
  left: 50%;
  width: 217px;
  margin-left: 480px;
  border-right: 0;
}

#header .bg span {
  position: absolute;
  z-index: -1;
  top: 0;
  left: -1px;
  right: -1px;
  height: 100%;
  overflow: hidden;
}

#header .bg .tile1 .b,
#header .bg .tile4 .b,
#header .bg .tile2 .c,
#header .bg .tile5 .c,
#header .bg .tile3 .a,
#header .bg .tile6 .a {
  top: auto;
  bottom: 100%;
}
#header .bg .tile1 .c,
#header .bg .tile4 .c,
#header .bg .tile2 .a,
#header .bg .tile5 .a,
#header .bg .tile3 .b,
#header .bg .tile6 .b {
  top: 100%;
}

#header .bg span i {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 1680px;
  height: 1050px;
}

#header .bg span i:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#header .bg .a i {
  background-image: url('../img/header-bg-a.jpg');
}
#header .bg .b i {
  background-image: url('../img/header-bg-b.jpg');
}
#header .bg .c i {
  background-image: url('../img/header-bg-c.jpg');
}

#header.animated .bg .a i {
  -webkit-animation: tile-a-pan 180s linear infinite;
  animation: tile-a-pan 180s linear infinite;
}
#header.animated .bg .b i {
  -webkit-animation: tile-b-pan 180s linear infinite;
  animation: tile-b-pan 180s linear infinite;
}
#header.animated .bg .c i {
  -webkit-animation: tile-c-pan 180s linear infinite;
  animation: tile-c-pan 180s linear infinite;
}

#header .bg .tile1 i {
  top: 0px;
  left: -23px;
}
#header .bg .tile2 i {
  top: 0px;
  left: -240px;
}
#header .bg .tile3 i {
  top: 0px;
  left: -480px;
}
#header .bg .tile4 i {
  top: 0px;
  left: -720px;
}
#header .bg .tile5 i {
  top: 0px;
  left: -960px;
}
#header .bg .tile6 i {
  top: 0px;
  left: -1200px;
}


@-webkit-keyframes tile-a-pan {
  0% { -webkit-transform: translate3d(-60px, -0px, 0); }
  25% { -webkit-transform: translate3d(-300px, -60px, 0); }
  50% { -webkit-transform: translate3d(-0px, -120px, 0); }
  75% { -webkit-transform: translate3d(-240px, -180px, 0); }
  100% { -webkit-transform: translate3d(-60px, -0px, 0); }
}
@-webkit-keyframes tile-b-pan {
  0% { -webkit-transform: translate3d(-240px, -0px, 0); }
  25% { -webkit-transform: translate3d(-0px, -120px, 0); }
  50% { -webkit-transform: translate3d(-160px, -180px, 0); }
  75% { -webkit-transform: translate3d(-80px, -60px, 0); }
  100% { -webkit-transform: translate3d(-240px, -0px, 0); }
}
@-webkit-keyframes tile-c-pan {
  0% { -webkit-transform: translate3d(-60px, -180px, 0); }
  25% { -webkit-transform: translate3d(-120px, -0px, 0); }
  50% { -webkit-transform: translate3d(-240px, -120px, 0); }
  75% { -webkit-transform: translate3d(-0px, -60px, 0); }
  100% { -webkit-transform: translate3d(-60px, -180px, 0); }
}

@keyframes tile-a-pan {
  0% { transform: translate3d(-60px, -0px, 0); }
  25% { transform: translate3d(-300px, -60px, 0); }
  50% { transform: translate3d(-0px, -120px, 0); }
  75% { transform: translate3d(-240px, -180px, 0); }
  100% { transform: translate3d(-60px, -0px, 0); }
}
@keyframes tile-b-pan {
  0% { transform: translate3d(-240px, -0px, 0); }
  25% { transform: translate3d(-0px, -120px, 0); }
  50% { transform: translate3d(-160px, -180px, 0); }
  75% { transform: translate3d(-80px, -60px, 0); }
  100% { transform: translate3d(-240px, -0px, 0); }
}
@keyframes tile-c-pan {
  0% { transform: translate3d(-60px, -180px, 0); }
  25% { transform: translate3d(-120px, -0px, 0); }
  50% { transform: translate3d(-240px, -120px, 0); }
  75% { transform: translate3d(-0px, -60px, 0); }
  100% { transform: translate3d(-60px, -180px, 0); }
}

#header .cro {
  position: absolute;
  bottom: 90%;
  left: 0;
  right: 0;
  width: 195px;
  height: 30px;
  margin: 0 auto;
  padding-top: 5px;
  padding-left: 35px;
  background: url('../img/header-cro.png') no-repeat center 3px;
  /*background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAAAXCAYAAAEXchFgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQUU3OUNFNkZBQTkxMUUxQjE0MkM0RTZCNjAyQkY2NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQUU3OUNFN0ZBQTkxMUUxQjE0MkM0RTZCNjAyQkY2NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFBRTc5Q0U0RkFBOTExRTFCMTQyQzRFNkI2MDJCRjY1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFBRTc5Q0U1RkFBOTExRTFCMTQyQzRFNkI2MDJCRjY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+HadAvQAAGc1JREFUeNpiYACC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') no-repeat center 3px;*/
  font-size: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#header .cro span {
  display: none;
}

.logo {
  position: absolute;
  bottom: 39%;
  left: 0;
  right: 0;
  height: 338px;
  background: url('../img/header-logo.png') no-repeat center 10px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 270px;
  font-weight: 100;
  letter-spacing: -10px;
}
.logo span {
  visibility: hidden;
}

.logo strong {
  font-weight: 800;
  letter-spacing: -5px;
}

.slogan {
  display: none;
}

#header .line {
  position: absolute;
  bottom: 34%;
  left: 0;
  right: 0;
  height: 17px;
  margin-top: 355px;
  background: url('../img/header-line.png') no-repeat center top;
}

#header .line hr {
  display: none;
}

#header .menu {
  position: absolute;
  bottom: 5%;
  left: 50%;
  margin-left: -478px;
  width: 956px;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
}

#header .menu li {
  height: 146px;
  padding-top: 101px;
  float: left;
}

#header .menu a {
  display: block;
  position: relative;
  height: 60px;
  line-height: 30px;
  color: transparent;
  text-decoration: none;
}
#header .menu .label {
  display: block;
  height: 60px;
  background: url('../img/header-menu-labels.png') no-repeat;
}
#header .menu .img-top,
#header .menu .img-bottom {
  position: absolute;
  top: -40px;
  left: 0;
  width: 200px;
  height: 186px;
  background: url('../img/header-menu-layers.png') no-repeat;
  -moz-transition: -moz-transform .5s ease;
  -webkit-transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
}
#header .menu .content {
  visibility: hidden;
}

#header .menu a:hover .img-top {
  -moz-transform: translateX(10px);
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
#header .menu a:hover .img-bottom {
  -moz-transform: translateX(-10px);
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

@media (device-width: 768px) {
  #header .menu a .img-top,
  #header .menu a .img-bottom {
    -webkit-transition: none;
    transition: none;
  }
  #header .menu a:hover .img-top {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
  }
  #header .menu a:hover .img-bottom {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
  }
}


#header .menu .menu-item-timeline a {
  width: 116px;
  padding-left: 206px;
  padding-right: 8px;
}
#header .menu .menu-item-timeline .label {
  background-position: 0 9px;
}
#header .menu .menu-item-timeline .img-top {
  background-position: 0 0;
}
#header .menu .menu-item-timeline .img-bottom {
  background-position: -200px 0;
}
#header .menu .menu-item-timeline a:hover .img-top {
  -moz-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
#header .menu .menu-item-timeline a:hover .img-bottom {
  -moz-transform: translateY(5px);
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}


#header .menu .menu-item-parallax a {
  width: 115px;
  padding-left: 196px;
}
#header .menu .menu-item-parallax .label {
  background-position: -116px 9px;
}
#header .menu .menu-item-parallax .img-top {
  background-position: 0 -186px;
}
#header .menu .menu-item-parallax .img-bottom {
  background-position: -200px -186px;
}

#header .menu .menu-item-library a {
  width: 94px;
  padding-left: 205px;
}
#header .menu .menu-item-library .label {
  background-position: -232px 9px;
}
#header .menu .menu-item-library .img-top {
  background-position: 0 -372px;
}
#header .menu .menu-item-library .img-bottom {
  background-position: -200px -372px;
}

@media (max-height: 750px) {
  #header .cro {
    top: 5%;
    bottom: auto;
  }
}

@media (max-height: 700px) {
  #header .cro {
    top: 5%;
  }
  #header .logo {
    top: 13%;
  }
  #header .line {
    top: 13%;
  }
}

@media (max-height: 640px) {
  #header .menu {
    bottom: -2%;
  }
}

.section {
  min-width: 960px;
  background: #E7E1D9 url('../img/bg.jpg') center top;
  overflow: hidden;
}
#timeline .section {
  background-position: center 0;
}
#parallax .section {
  background-position: center -642px;
}
#library .section {
  background-position: center -1150px;
}

.section .header {
  position: relative;
  width: 940px;
  margin: 0 auto;
  padding: 77px 10px 120px;
  /*background: url('../img/section-separator.png') no-repeat center -12px;*/
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABOsAAAAmCAYAAACVpR89AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0Njk0RDQ1QUZDOTQxMUUxQTczOUY2MEE0NUNGNzc2NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0Njk0RDQ1QkZDOTQxMUUxQTczOUY2MEE0NUNGNzc2NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ2OTRENDU4RkM5NDExRTFBNzM5RjYwQTQ1Q0Y3NzY0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ2OTRENDU5RkM5NDExRTFBNzM5RjYwQTQ1Q0Y3NzY0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+joCaEQAAA1xJREFUeNrs3NFy2jAQBVDr/z9628eOx5YXAulqdc5LCcG2tJIMuhM6IuLYyRjjAAAAAGBdnfOsIawDAAAAYCXCuk4dFtYBAH8/Evz7We/i+Tg9Ph9z+7kxeZ3s+b7+Ofein3fti0m/xkMtxk0dI3m983nO57t6fNxcHwBoQFjXqcPCOoClb+M3AYCbOwCXe7lDWAvQ8wYvrGvUYWEd0OBWpgQAQGYvewgrga43OGFdow4L62CLpa4EmF8A9fZVSsCH59LVf1dgnsEuNwJhXaMOC+vgI0tJCYwztzXztVzjSn6DfdhYtx5nnuskXNprPRhv+OTiEtY16rCwjh6bRmzszUt9rlgLgRZcb9DVYr+QIsx7jBd8eQIL6xp1WFjHZzalNqQ1gwJ90P4V29r1nuIeyU6b3Y5BVGjLtnPj/J4U5jLGgJITS1jXqMPCuvZDrARq3KTtY+P2DPU3D7wH0HxjGNpTrg2x+TwI6/qr7R6L92Hl9wBfPe480MK6Rh0W1lXbVIWN1ldqOhZqrzb97vW7hG6r1mk0nb9j83WLzX2F60eD60SDGrnG2mt2lTZ1aKt68vMBEtY16rCw7hMbIgHbXpvLXf/CaCzWhxXaOwq1qVrfxuZzreK9x3vbPpujTn9RFcXOF4X7FwXHMBaY09FkLVb6ivIqG3LB1c/qNdTzC0UW1vXt/+TnkXwu89rZ68/HzK6XOW5Mnrt6fiSvMybHH2+ccyT6kb1+pm2Zdr7an3frlD3uqb/HTU2zc3E2Tk/zLztnM+tlPKxNG2YAAP5n2BI3v4+H12d/f/f6eDh2dlzctDcS55n9++rjd4+bPb47/6vHn5+LydhGolaz8x+Jtr9St+ONscy0K/Nztj3ZdZFZX9l12Ses2jysAwAAAIAyhHUAAAAAUISwDgAAAACKENYBAAAAQBHCOgAAAAAoQlgHAAAAAEUI6wAAAACgCGEdAAAAABQhrAMAAACAIoR1AAAAAFCEsA4AAAAAihDWAQAAAEARwjoAAAAAKEJYBwAAAABFCOsAAAAAoAhhHQAAAAAUIawDAAAAgCKEdQAAAABQhLAOAAAAAIoQ1gEAAABAEcI6AAAAAChCWAcAAAAARQjrAAAAAKAIYR0AAAAAFCGsAwAAAIAi/ggwAKs8fcSh4Z7eAAAAAElFTkSuQmCC') no-repeat center -12px;
}

#timeline .header,
#library .header {
  width: 380px;
  padding-left: 489px;
  padding-right: 81px;
}
#parallax .header {
  width: 460px;
  padding-left: 10px;
  padding-right: 480px;
}

#timeline .header {
  padding-bottom: 87px;
}
#parallax .header {
  padding-top: 70px;
  padding-bottom: 100px;
}
#library .header {
  padding-top: 74px;
  padding-bottom: 72px;
}

.section .header-content {
  position: relative;
  overflow: hidden;
  padding: 10px;
  color: #555;
}

.section .illustration {
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 940px;
  margin-left: -480px;
  background-repeat: no-repeat;
}

#timeline .illustration {
  margin-left: -612px;
  padding: 0 132px;
  background-image: url('../img/section-timeline.png');
}
#parallax .illustration {
  margin-left: -635px;
  padding: 0 155px;
  background-image: url('../img/section-parallax.png');
  background-position: 275px 0;
}
#library .illustration {
  margin-left: -700px;
  padding: 0 220px;
  background-image: url('../img/section-library.png');
  background-position: 0 0;
}

.section .section-separator {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 12px;
  /*background: url('../img/section-separator.png') no-repeat center top;*/
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABOsAAAAmCAYAAACVpR89AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0Njk0RDQ1QUZDOTQxMUUxQTczOUY2MEE0NUNGNzc2NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0Njk0RDQ1QkZDOTQxMUUxQTczOUY2MEE0NUNGNzc2NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ2OTRENDU4RkM5NDExRTFBNzM5RjYwQTQ1Q0Y3NzY0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ2OTRENDU5RkM5NDExRTFBNzM5RjYwQTQ1Q0Y3NzY0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+joCaEQAAA1xJREFUeNrs3NFy2jAQBVDr/z9628eOx5YXAulqdc5LCcG2tJIMuhM6IuLYyRjjAAAAAGBdnfOsIawDAAAAYCXCuk4dFtYBAH8/Evz7We/i+Tg9Ph9z+7kxeZ3s+b7+Ofein3fti0m/xkMtxk0dI3m983nO57t6fNxcHwBoQFjXqcPCOoClb+M3AYCbOwCXe7lDWAvQ8wYvrGvUYWEd0OBWpgQAQGYvewgrga43OGFdow4L62CLpa4EmF8A9fZVSsCH59LVf1dgnsEuNwJhXaMOC+vgI0tJCYwztzXztVzjSn6DfdhYtx5nnuskXNprPRhv+OTiEtY16rCwjh6bRmzszUt9rlgLgRZcb9DVYr+QIsx7jBd8eQIL6xp1WFjHZzalNqQ1gwJ90P4V29r1nuIeyU6b3Y5BVGjLtnPj/J4U5jLGgJITS1jXqMPCuvZDrARq3KTtY+P2DPU3D7wH0HxjGNpTrg2x+TwI6/qr7R6L92Hl9wBfPe480MK6Rh0W1lXbVIWN1ldqOhZqrzb97vW7hG6r1mk0nb9j83WLzX2F60eD60SDGrnG2mt2lTZ1aKt68vMBEtY16rCw7hMbIgHbXpvLXf/CaCzWhxXaOwq1qVrfxuZzreK9x3vbPpujTn9RFcXOF4X7FwXHMBaY09FkLVb6ivIqG3LB1c/qNdTzC0UW1vXt/+TnkXwu89rZ68/HzK6XOW5Mnrt6fiSvMybHH2+ccyT6kb1+pm2Zdr7an3frlD3uqb/HTU2zc3E2Tk/zLztnM+tlPKxNG2YAAP5n2BI3v4+H12d/f/f6eDh2dlzctDcS55n9++rjd4+bPb47/6vHn5+LydhGolaz8x+Jtr9St+ONscy0K/Nztj3ZdZFZX9l12Ses2jysAwAAAIAyhHUAAAAAUISwDgAAAACKENYBAAAAQBHCOgAAAAAoQlgHAAAAAEUI6wAAAACgCGEdAAAAABQhrAMAAACAIoR1AAAAAFCEsA4AAAAAihDWAQAAAEARwjoAAAAAKEJYBwAAAABFCOsAAAAAoAhhHQAAAAAUIawDAAAAgCKEdQAAAABQhLAOAAAAAIoQ1gEAAABAEcI6AAAAAChCWAcAAAAARQjrAAAAAKAIYR0AAAAAFCGsAwAAAIAi/ggwAKs8fcSh4Z7eAAAAAElFTkSuQmCC') no-repeat center top;
}
.open .section-separator {
  display: none;
}

.section h2 {
  height: 120px;
  margin-bottom: 24px;
  margin-left: -3px;
  background-image: url('../img/titles.png');
  background-repeat: no-repeat;
}

#timeline h2 {
  margin-bottom: 30px;
  background-position: 0 0;
}

#parallax h2 {
  background-position: 0 -120px;
}

#library h2 {
  background-position: 0 -240px;
}

.section h2 span {
  display: none;
}

.section .header p {
  line-height: 24px;
  font-size: 16px;
}

.section .header .button {
  float: left;
  overflow: hidden;
  margin-top: 28px;
}

.section .header .close,
.open .header .open {
  display: none;
}

.open .header .close {
  display: block;
}

.section .header .button a {
  float: left;
  position: relative;
  line-height: 24px;
  margin: 0 56px 0 29px;
  padding: 21px 0;
  background: url('../img/section-header-button.png') repeat-x 0 0;
  color: #FFF;
  font-size: 24px;
  font-weight: 100;
  text-decoration: none;
}

.section .header .button a:hover {
  background-position: 0 -198px;
}

.section .header .button a:active {
  background-position: 0 -396px;
}

#timeline .header .button a {
  margin-right: 62px;
}

.section .header .button a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -29px;
  width: 29px;
  background: url('../img/section-header-button.png') no-repeat left -66px;
}
.section .header .button a:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: -56px;
  width: 56px;
  background: url('../img/section-header-button.png') no-repeat right -66px;
}

.section .header .button a:hover:before {
  background-position: 0 -264px;
}
.section .header .button a:hover:after {
  background-position: right -264px;
}
.section .header .button a:active:before {
  background-position: 0 -462px;
}
.section .header .button a:active:after {
  background-position: right -462px;
}

.open .header .button a:before {
  background-position: 0 -132px;
}
.open .header .button a:after {
  background-position: right -132px;
}
.open .header .button a:hover:before {
  background-position: 0 -330px;
}
.open .header .button a:hover:after {
  background-position: right -330px;
}
.open .header .button a:active:before {
  background-position: 0 -528px;
}
.open .header .button a:active:after {
  background-position: right -528px;
}


.section > .content {
  height: 0;
  overflow: hidden;
  background: #FFF;
}
.section > .content.open {
  height: auto;
}


#footer {
  background: #F1EEEB url('../img/footer-bg.jpg') center top;
  border-top: 1px solid #D5D4D2;
  border-bottom: 1px solid #E5E1D8;
  color: #9B8770;
}

#footer .content {
  width: 960px;
  overflow: hidden;
  margin: 0 auto;
}

#footer .content div {
  float: left;
  width: 220px;
  padding: 0 10px;
}

#footer .content .brand {
  width: 229px;
  padding-top: 46px;
  background: url('../img/footer-brand.png?cache01') no-repeat 33px 46px;
}
#footer .brand p {
  min-height: 20px;
  margin-bottom: 16px;
  visibility: hidden;
}
#footer .brand span {
  display: block;
  height: 60px;
  line-height: 60px;
  font-family: 'Helvetica Neue', sans-serif;
  visibility: hidden;
  font-size: 70px;
  font-weight: 100;
  text-indent: 5px;
}
#footer .brand strong {
  font-weight: 800;
}
#footer .brand .cro {
  line-height: 20px;
  padding-left: 28px;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#footer a {
  color: #9B8770;
  font-weight: bold;
  text-decoration: none;
}

#footer a:hover {
  color: #CD1041;
}

#footer .copyright a {
  color: #8B7760;
  font-weight: normal;
}

#footer h2 {
  line-height: 20px;
  margin-top: 44px;
  margin-bottom: 7px;
  font-size: 17px;
  letter-spacing: 1px
}

#footer p {
  margin-bottom: 5px;
  line-height: 18px;
  font-size: 12px;
}

#footer .menu {
  margin-top: 42px;
  line-height: 30px;
  font-size: 12px;
}
#footer .menu a {
  display: block;
  background: url('../img/footer-arrow.png') no-repeat 4px center;
  text-indent: 15px;
}

#footer .about a {
  padding-left: 8px;
  background: url('../img/footer-arrow.png') no-repeat left center;
}

#footer .content .social {
  width: 180px;
  padding-left: 37px;
}

#footer .social h2 {
  margin-bottom: 10px;
  font-weight: bold;
}

#footer .copyright {
  padding: 50px 0 18px;
  font-size: 12px;
  text-align: center;
}



.social .fb {
  display: block;
  width: 59px;
  height: 18px;
  overflow: hidden;
  background: #617AAC url('../img/social.png') no-repeat 0 -1px;
  color: #FFF;
  text-indent: 60px;
}

.social .twitter {
  width: 60px;
  height: 20px;
  margin-top: 4px;
  border: 0;
}

.social .gplus {
  display: block;
  width: 57px;
  height: 20px;
  overflow: hidden;
  background: #617AAC url('../img/social.png') no-repeat -59px 0;
  color: #FFF;
  text-indent: 60px;
}



.timeline {
  position: relative;
  width: 100%;
  height: 490px;
  overflow: hidden;
  /*background: #F8F7F5 url('../img/timeline-bg.png') repeat-x left top;*/
  background: #F8F7F5 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAHqCAIAAABKg7MrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQzVFNzY3RDBGOTYxMUUyQUJFREMzQkM0Njk3NTgxQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQzVFNzY3RTBGOTYxMUUyQUJFREMzQkM0Njk3NTgxQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFDNUU3NjdCMEY5NjExRTJBQkVEQzNCQzQ2OTc1ODFBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFDNUU3NjdDMEY5NjExRTJBQkVEQzNCQzQ2OTc1ODFBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LpeVTQAAAJhJREFUeNrsjDEWwyAMQ42A+5+mr71LepIacB1CEpMyZOzA8J9kWTa9ng94AD4EBCXGiFi9agzw3leccyDF7dCqdM4NIs30X1XT3Wbqe8bTIDv0cl/7dj/I7E+7W5Y3MX+QlOHNZDKZTP4GEbmXm1kG/pqJNE/y0zu6g2z39r7bl3Lpnf2u2zTnXGFOSInBSZU3zStFvgIMADZMgGkdNi3yAAAAAElFTkSuQmCC') repeat-x left top;
  white-space: nowrap;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.timeline:before {
  content: '';
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  border-top: 1px solid #D2D1D0;
  border-bottom: 1px solid #FFF;
}

.timeline > .prev,
.timeline > .next {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: url('../img/parallax-controls.png') no-repeat;
  opacity: 0;
  display: none\0/;
  cursor: pointer;
  -moz-transition: opacity .2s ease;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}
.timeline > .prev {
  left: 20px;
  background-position: left top;
}
.timeline > .next {
  right: 20px;
  background-position: right top;
}
.timeline > .prev.active,
.timeline > .next.active {
  opacity: 1;
  display: block\0/;
}

@media (device-width: 768px) and (device-height: 1024px) {
  .timeline > .prev,
  .timeline > .next {
    opacity: 1;
  }
}

.timeline-carousel {
  position: relative;
  z-index: 1;
  padding-right: 1px;
}

.timeline-carousel:after {
  content: '';
  display: inline;
  display: inline-block;
  height: 490px;
  width: 1px;
  /*background: url('../img/timeline-year-separator.png') no-repeat left 62px;*/
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAHqCAYAAADMCoQGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMkZCRDNGNDFGRDExMUUyQjNERURGQzhEN0NDNjVFNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMkZCRDNGNTFGRDExMUUyQjNERURGQzhEN0NDNjVFNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5MkI5NkY1MUZDQjExRTJCM0RFREZDOEQ3Q0M2NUU0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI5MkI5NkY2MUZDQjExRTJCM0RFREZDOEQ3Q0M2NUU0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+dURwHgAAAR5JREFUeNrs1N8KwVAcB/DRHoAXcGfPINe8h/JYko3kTrjwZ0mixHCBuy0ulD9hKLk+zqmhdnZ57MK+p37b+nV2vrWdz5EIIRKrolog7+ew5DGC3Ayxr4IP8h1yr5rznBmjpdN6OPeYTC95WilnUpqWxmYmXG8nWXPsao5YM0urS+vp3DNsza2zFv4Rmr9rVirl76Z6H4/25fQ5KkXtuka9xgcdDjvhQe1Wk3BNRYkLdzQc9PmgSCQqPGg+mxJfTu/VcsEH3e834UGbtcUHmaYlPOh43PNBxsQQHnS1z3xQR9f9Ob2hGIqhGIqhGIqhGIqhGIqhGIqhGIqhGIqhGIqhGIqhGIqhGIqhGIqhGIqhOJiKS5pKRK/5N82XAAMAZ5ekFrKysFYAAAAASUVORK5CYII=') no-repeat left 62px;
}

.timeline .crosshair {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 50%;
  width: 13px;
  height: 60px;
  margin-left: -6px;
  /*background: url('../img/timeline-header-crosshair.png') no-repeat center top;*/
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAA8CAYAAAC9zTB0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNzhFRDc4NDBGRTUxMUUyQUJFREMzQkM0Njk3NTgxQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNzhFRDc4NTBGRTUxMUUyQUJFREMzQkM0Njk3NTgxQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI3OEVENzgyMEZFNTExRTJBQkVEQzNCQzQ2OTc1ODFBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI3OEVENzgzMEZFNTExRTJBQkVEQzNCQzQ2OTc1ODFBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1wlAewAAAY9JREFUeNpi/P//PwMIfP78ud21YVvFqVsvGTDA2zsM/49PDgOyrgHxYyYGMsCw1sTHx9d2+cFbBobf31BVfHzEwPDjA4j1B4j/AvF/ZJv+fluXrcjw6ytCI0jDh8cM/88vTgHFChD/AKlD1vQbJPF/f4s+WOObWxANl1dlAMVfQfFnsDpQ5EIjGGQABxBLALEho14kSDAUiL1AfKg4SJ6JEZYiGBkZYRrZgFgAiAWBmAuIQW59D8Qgj/0C4n/ompA1gkxlhTr7B0wDWC0WTTCNjFAapPA/TAMIsOCICpiCv9gk4TaNJthRTaOaRjWNahrVNKqJWACvc0mpqJlw2M6WO+PAH2h7ghfaRGDCpQmsoXz+ke9P335hEI6cCWraSEI1wzUyYdNw7u4rhvXH7zL8/fcPpPEaukZkTczxfbvAGvZceAxphH39BdbI6FR7DsgVA2JukDrkxgfrjSfvGNBbyyCNDN/B7T2Qpk9A/B1u05cvX2oIhDQvtL3EDNf0798/RiKihxkUFYM8GQEEGADrxJ1QSZyg0wAAAABJRU5ErkJggg==') no-repeat center top;
}

.timeline .year {
  display: inline;
  display: inline-block;
  position: relative;
  width: 120px;
  height: 490px;
  vertical-align: top;
  white-space: normal;
}

.timeline .year:after {
  content: '';
  position: absolute;
  top: 0;
  left: -2px;
  bottom: 0;
  width: 5px;
  /*background: url('../img/timeline-year-separator.png') no-repeat center bottom;*/
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAHqCAYAAADMCoQGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMkZCRDNGNDFGRDExMUUyQjNERURGQzhEN0NDNjVFNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMkZCRDNGNTFGRDExMUUyQjNERURGQzhEN0NDNjVFNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5MkI5NkY1MUZDQjExRTJCM0RFREZDOEQ3Q0M2NUU0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI5MkI5NkY2MUZDQjExRTJCM0RFREZDOEQ3Q0M2NUU0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+dURwHgAAAR5JREFUeNrs1N8KwVAcB/DRHoAXcGfPINe8h/JYko3kTrjwZ0mixHCBuy0ulD9hKLk+zqmhdnZ57MK+p37b+nV2vrWdz5EIIRKrolog7+ew5DGC3Ayxr4IP8h1yr5rznBmjpdN6OPeYTC95WilnUpqWxmYmXG8nWXPsao5YM0urS+vp3DNsza2zFv4Rmr9rVirl76Z6H4/25fQ5KkXtuka9xgcdDjvhQe1Wk3BNRYkLdzQc9PmgSCQqPGg+mxJfTu/VcsEH3e834UGbtcUHmaYlPOh43PNBxsQQHnS1z3xQR9f9Ob2hGIqhGIqhGIqhGIqhGIqhGIqhGIqhGIqhGIqhGIqhGIqhGIqhGIqhGIqhOJiKS5pKRK/5N82XAAMAZ5ekFrKysFYAAAAASUVORK5CYII=') no-repeat center bottom;
}

.timeline .year.open {
  width: 660px;
}

.timeline .tick {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
  background-position: 0 -5px;
}
.timeline .tick:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5px;
  width: 1px;
}
.timeline .tick,
.timeline .tick:after {
  /*background-image: url('../img/timeline-tick.png')*/
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKCAIAAAD6sKMdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2OURENkE2RjFGQkIxMUUyODU4RUI0MDNBNUQ4Qjg0RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2OURENkE3MDFGQkIxMUUyODU4RUI0MDNBNUQ4Qjg0RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY5REQ2QTZEMUZCQjExRTI4NThFQjQwM0E1RDhCODRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY5REQ2QTZFMUZCQjExRTI4NThFQjQwM0E1RDhCODRGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BvDtRQAAAC9JREFUeNpi2LhhHdOf37+Y/vz5w/T3738wZmD8z8TMxMTEDCSYWZiZWFnZAAIMAK00DyIkvVW9AAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
}

.timeline .tick-1  { left:  6.667%; }
.timeline .tick-2  { left: 13.333%; }
.timeline .tick-3  { left: 20.000%; }
.timeline .tick-4  { left: 26.667%; }
.timeline .tick-5  { left: 33.333%; }
.timeline .tick-6  { left: 40.000%; }
.timeline .tick-7  { left: 46.667%; }
.timeline .tick-8  { left: 53.333%; }
.timeline .tick-9  { left: 60.000%; }
.timeline .tick-10 { left: 66.667%; }
.timeline .tick-11 { left: 73.333%; }
.timeline .tick-12 { left: 80.000%; }
.timeline .tick-13 { left: 86.667%; }
.timeline .tick-14 { left: 93.333%; }

.timeline h3 {
  z-index: 2;
  position: relative;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #D2D1D0;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.timeline h3 a,
.timeline h3 a:hover {
  display: block;
  position: relative;
  height: 60px;
  color: #998772;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  -moz-transition: color .5s linear;
  -moz-transition-property: color font-size;
  -webkit-transition: color .5s linear;
  -webkit-transition-property: color font-size;
  transition: color .5s linear;
  transition-property: color font-size;
}
.timeline .open h3 a {
  color: #014c91;
  font-size: 30px;
  text-decoration: none;
}

.timeline .year-contents {
  position: absolute;
  z-index: 1;
  top: 61px;
  left: 1px;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.timeline .year-contents .cover-link {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.timeline .open .year-contents .cover-link {
  display: none;
}

.timeline .year-contents-carousel {
  position: relative;
  width: 200%;
}

.timeline .open-detail .year-contents-carousel {
  margin-left: -100%;
}

.timeline .artefact {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  width: 660px;
  display: none\0/;
  opacity: 0;
  -moz-transition: opacity .5s linear;
  -webkit-transition: opacity .5s linear;
  transition: opacity .5s linear;
}

.timeline .open .artefact {
  opacity: 1;
}

.timeline .items {
  position: relative;
  height: 428px;
  overflow: hidden;
  border-top: 1px solid #FFF;
  -moz-transition: background-color .5s linear;
  -webkit-transition: background-color .5s linear;
  transition: background-color .5s linear;
}

.timeline .open .items {
  background-color: #FFF;
}

.timeline .open .items:after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 9px;
  background-image: url('../img/detail-content-shadow.png');
}

.timeline .items li {
  position: absolute;
  z-index: 1;
  width: 200px;
  width: 100px\0/;
  height: 101px;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: #F8F7F5\0/;
  -moz-transition: opacity .5s linear;
  -webkit-transition: opacity .5s linear;
  transition: opacity .5s linear;
}

.timeline .open li {
  width: 200px\0/;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  background-color: #FFF\0/;
}

.timeline .items li[data-order="2"] {
  top: 10px;
  left: 212px;
}
.timeline .items li[data-order="3"] {
  top: 10px;
  left: 412px;
}
.timeline .items li[data-order="4"] {
  top: 210px;
  left: 12px;
}
.timeline .items li[data-order="5"] {
  top: 210px;
  left: 212px;
}
.timeline .items li[data-order="6"] {
  top: 210px;
  left: 412px;
}
.timeline .items li[data-order="7"] {
  top: 310px;
  left: 12px;
}
.timeline .items li[data-order="8"] {
  top: 210px;
  left: 212px;
}
.timeline .items li[data-order="9"] {
  top: 310px;
  left: 412px;
}

.timeline .items li[data-order="1"] {
  top: 10px;
  left: 10px;
  opacity: .66;
  filter: alpha(opacity=66);
}

.timeline .items li[data-order="4"].last,
.timeline .items li[data-order="5"] {
  top: 110px;
  left: 10px;
  opacity: .66;
  filter: alpha(opacity=66);
}

.timeline .items li[data-order="7"].last,
.timeline .items li[data-order="8"].last,
.timeline .items li[data-order="9"].last {
  top: 210px;
  left: 10px;
  opacity: .66;
  filter: alpha(opacity=66);
}

.timeline .open .items li[data-order="1"] {
  top: 10px;
  left: 12px;
}
.timeline .open .items li[data-order="2"] {
  top: 10px;
  left: 212px;
}
.timeline .open .items li[data-order="3"] {
  top: 10px;
  left: 412px;
}
.timeline .open .items li[data-order="4"] {
  top: 210px;
  left: 12px;
}
.timeline .open .items li[data-order="5"] {
  top: 210px;
  left: 212px;
}
.timeline .open .items li[data-order="6"] {
  top: 210px;
  left: 412px;
}
.timeline .open .items li[data-order="7"] {
  top: 310px;
  left: 12px;
}
.timeline .open .items li[data-order="8"] {
  top: 310px;
  left: 212px;
}
.timeline .open .items li[data-order="9"] {
  top: 310px;
  left: 412px;
}

.timeline .open .items li[data-order="1"] + li + li + li[data-order="4"],
.timeline .open .items li[data-order="2"] + li + li + li[data-order="5"],
.timeline .open .items li[data-order="2"] + li + li[data-order="5"],
.timeline .open .items li[data-order="3"] + li + li + li[data-order="6"],
.timeline .open .items li[data-order="3"] + li + li[data-order="6"],
.timeline .open .items li.priority[data-order="4"],
.timeline .open .items li.priority[data-order="5"],
.timeline .open .items li.priority[data-order="6"] {
  top: 110px;
}

.timeline .open .items li.priority[data-order="1"] + li + li + li[data-order="4"],
.timeline .open .items li.priority[data-order="2"] + li + li + li[data-order="5"],
.timeline .open .items li.priority[data-order="2"] + li + li[data-order="5"],
.timeline .open .items li.priority[data-order="3"] + li + li + li[data-order="6"],
.timeline .open .items li.priority[data-order="3"] + li + li[data-order="6"],
.timeline .open .items li[data-order="1"] + li + li + li[data-order="4"] + li + li + li[data-order="7"],
.timeline .open .items li[data-order="1"] + li + li + li[data-order="4"] + li + li[data-order="7"],
.timeline .open .items li[data-order="2"] + li + li + li[data-order="5"] + li + li + li[data-order="8"],
.timeline .open .items li[data-order="2"] + li + li + li[data-order="5"] + li + li[data-order="8"],
.timeline .open .items li[data-order="2"] + li + li[data-order="5"] + li + li + li[data-order="8"],
.timeline .open .items li[data-order="2"] + li + li[data-order="5"] + li + li[data-order="8"],
.timeline .open .items li[data-order="3"] + li + li + li[data-order="6"] + li + li + li[data-order="9"],
.timeline .open .items li[data-order="3"] + li + li + li[data-order="6"] + li + li[data-order="9"],
.timeline .open .items li[data-order="3"] + li + li[data-order="6"] + li + li + li[data-order="9"],
.timeline .open .items li[data-order="3"] + li + li[data-order="6"] + li + li[data-order="9"],
.timeline .open .items li.priority[data-order="7"],
.timeline .open .items li.priority[data-order="8"],
.timeline .open .items li.priority[data-order="9"] {
  top: 210px;
}

.timeline .open .items li.priority[data-order="1"] + li + li + li[data-order="4"] + li + li + li[data-order="7"],
.timeline .open .items li.priority[data-order="1"] + li + li + li[data-order="4"] + li + li[data-order="7"],
.timeline .open .items li.priority[data-order="2"] + li + li + li[data-order="5"] + li + li + li[data-order="8"],
.timeline .open .items li.priority[data-order="2"] + li + li + li[data-order="5"] + li + li[data-order="8"],
.timeline .open .items li.priority[data-order="2"] + li + li[data-order="5"] + li + li + li[data-order="8"],
.timeline .open .items li.priority[data-order="2"] + li + li[data-order="5"] + li + li[data-order="8"],
.timeline .open .items li.priority[data-order="3"] + li + li + li[data-order="6"] + li + li + li[data-order="9"],
.timeline .open .items li.priority[data-order="3"] + li + li + li[data-order="6"] + li + li[data-order="9"],
.timeline .open .items li.priority[data-order="3"] + li + li[data-order="6"] + li + li + li[data-order="9"],
.timeline .open .items li.priority[data-order="3"] + li + li[data-order="6"] + li + li[data-order="9"],
.timeline .open .items li[data-order="1"] + li + li + li.priority[data-order="4"] + li + li + li[data-order="7"],
.timeline .open .items li[data-order="1"] + li + li + li.priority[data-order="4"] + li + li[data-order="7"],
.timeline .open .items li[data-order="2"] + li + li + li.priority[data-order="5"] + li + li + li[data-order="8"],
.timeline .open .items li[data-order="2"] + li + li + li.priority[data-order="5"] + li + li[data-order="8"],
.timeline .open .items li[data-order="2"] + li + li.priority[data-order="5"] + li + li + li[data-order="8"],
.timeline .open .items li[data-order="2"] + li + li.priority[data-order="5"] + li + li[data-order="8"],
.timeline .open .items li[data-order="3"] + li + li + li.priority[data-order="6"] + li + li + li[data-order="9"],
.timeline .open .items li[data-order="3"] + li + li + li.priority[data-order="6"] + li + li[data-order="9"],
.timeline .open .items li[data-order="3"] + li + li.priority[data-order="6"] + li + li + li[data-order="9"],
.timeline .open .items li[data-order="3"] + li + li.priority[data-order="6"] + li + li[data-order="9"] {
  top: 310px;
}

.timeline .items img {
  border: 0;
}

.timeline .items .photo {
  float: left;
  position: relative;
  padding: 6px;
}

.timeline .items a .photo .frame {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
  background-image: url('../img/timeline-frames.png');
  background-position: 0 0;
}
.timeline .open .items .priority .photo .frame {
  width: 200px;
  height: 200px;
  margin-left: -100px;
  margin-top: -100px;
  background-position: 0 -110px;
}
.timeline .items a:hover .photo .frame {
  background-position: -200px 0;
}
.timeline .open .items .priority:hover .photo .frame {
  background-position: -200px -110px;
}

.timeline .items .photo img {
  display: block;
  width: 72px;
  height: 72px;
}

.timeline .open .priority {
  height: 202px;
}

.timeline .open .priority .photo {
  padding: 10px;
}

.timeline .open .priority .photo img {
  width: 162px;
  height: 162px;
}

.timeline .items a {
  display: table;
  padding: 8px;
  color: #555;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.timeline .items .priority a {
  color: #CD1041;
  font-size: 14px;
}
.timeline .items a:hover {
  color: #CD1041;
}

.timeline .items .title {
  display: none;
  vertical-align: middle;
  padding-left: 10px;
  line-height: 16px;
  background-color: #FFF\0/;
}
.timeline .open .items .title {
  display: table-cell;
}

.timeline .items .priority .title {
  display: none;
  position: absolute;
  right: 20px;
  bottom: 56px;
  width: 109px;
  padding-left: 0;
}
.timeline .open .items .priority .title {
  display: block;
}

.timeline .items .priority .title span {
  display: block;
  width: 100px;
  padding: 8px 5px 8px 10px;
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, .9);
  border-radius: 4px 0 25px 4px;
  word-break: break-word;
}

.timeline .detail {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 659px;
  overflow: hidden;
  background: #FFF url('../img/detail-content-shadow.png') repeat-x left bottom;
}

.detail-header {
  position: relative;
  height: 58px;
  line-height: 58px;
  padding: 0 20px;
  background: #F5F5F5 url('../img/detail-header-bg.png') repeat-x left bottom;
  border-bottom: 1px solid #FFF;
}

.timeline .detail-header {
  background: #FFF;
}

.detail-header h2 {
  display: inline;
}

.detail-header .position {
  position: absolute;
  top: 0;
  left: 150px;
  right: 150px;
  color: #014c91;
  font-size: 24px;
  font-weight: 100;
  text-align: center;
}

.timeline .detail-content-carousel {
  white-space: nowrap;
  -moz-transition: margin-left .5s linear;
  -webkit-transition: margin-left .5s linear;
  transition: margin-left .5s linear;
}
.timeline .detail-content-carousel[data-active-index="1"] {
  margin-left: -100%;
}
.timeline .detail-content-carousel[data-active-index="2"] {
  margin-left: -200%;
}
.timeline .detail-content-carousel[data-active-index="3"] {
  margin-left: -300%;
}
.timeline .detail-content-carousel[data-active-index="4"] {
  margin-left: -400%;
}
.timeline .detail-content-carousel[data-active-index="5"] {
  margin-left: -500%;
}
.timeline .detail-content-carousel[data-active-index="6"] {
  margin-left: -600%;
}
.timeline .detail-content-carousel[data-active-index="7"] {
  margin-left: -700%;
}
.timeline .detail-content-carousel[data-active-index="8"] {
  margin-left: -800%;
}
.timeline .detail-content-carousel[data-active-index="9"] {
  margin-left: -900%;
}

.timeline .detail-content-carousel .item {
  display: inline;
  display: inline-block;
  white-space: normal;
}

.detail .content {
  width: 639px;
  height: 268px;
  line-height: 19px;
  overflow: hidden;
  padding: 19px 0 19px 20px;
  border-top: 1px solid #DEDCDC;
  border-bottom: 1px solid #DEDCDC;
  -moz-user-select: initial;
  -webkit-user-select: initial;
  user-select: initial;
}

.detail .photo {
  float: left;
  width: 200px;
  text-align: center;
}

.detail .photo .img {
  display: inline;
  display: inline-block;
  max-width: 198px;
  max-height: 238px;
  overflow: hidden;
  margin: 0 auto;
  border: 1px solid #E4E4E4;
  border-radius: 6px;
}

.detail .photo img {
  display: block;
  max-width: 198px;
  max-height: 238px;
}

#library .detail .photo .img,
#library .detail .photo img {
  max-height: none;
}

.detail .caption {
  clear: both;
  line-height: 14px;
  margin: 0;
  padding-top: 8px;
  color: #999;
  font-size: 11px;
  text-align: left;
}

.detail .article {
  float: right;
  position: relative;
  width: 399px;
  height: 270px;
  padding-right: 20px;
  color: #555;
  font-size: 12px;
}

.detail .content p {
  margin: 0 0 15px;
}

.timeline .detail .audio p {
  margin: 5px 0 0;
}

.library-section .detail .content {
  width: 739px;
  height: 438px;
  padding-right: 46px;
}
.library-section .detail .article {
  width: 502px;
  height: 457px;
  padding-right: 10px;
}

.article h4 {
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 24px;
  color: #014C91;
  font-size: 24px;
}

.timeline .detail .audio {
  position: absolute;
  bottom: 3px;
  left: 0;
  right: 20px;
}

.timeline .detail .links {
  margin-top: -10px;
}

.detail-footer {
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
}


.detail-footer .social {
  float: left;
  height: 30px;
  line-height: 30px;
  margin-top: 15px;
  color: #AAA;
  font-size: 12px;
}

.detail-footer .fb {
  float: left;
  margin-top: 6px;
  margin-right: 5px;
}

.detail-footer .twitter {
  float: left;
  margin-top: 5px;
  margin-right: 5px;
}

.detail-footer .gplus {
  float: left;
  margin-top: 5px;
  margin-right: 5px;
}

.detail-footer .controls {
  float: right;
  height: 30px;
  line-height: 30px;
  margin-top: 15px;
}

.detail-footer .controls a {
  float: left;
  width: 30px;
  height: 30px;
  margin-left: 3px;
  overflow: hidden;
  background-image: url('../img/detail-controls.png');
  background-repeat: no-repeat;
  text-indent: 100px;
}

.detail-footer .controls .prev {
  background-position: -30px 0;
}
.detail-footer .controls .next {
  background-position: 0 0;
}


.timeline-slider {
  position: relative;
  height: 110px;
  background-color: #F3F0EC;
}

.timeline-slider .position {
  display: none;
  position: absolute;
  top: -30px;
  left: 0;
  width: 30px;
  line-height: 14px;
  margin-left: -19px;
  margin-bottom: 10px;
  padding: 2px 4px;
  border: 1px solid #CDCDCC;
  border-radius: 3px;
  background-color: #FFF;
  color: #014C91;
  font-size: 12px;
  text-align: center;
}

.timeline-slider .track {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 950px;
  height: 4px;
  margin-left: -457px;
  border-top: 1px solid #CECAC4;
  border-bottom: 1px solid #F9F7F5;
  border-radius: 3px 3px 4px 4px;
  background-color: #E4DED5;
  cursor: pointer;
}

.timeline-slider .scale {
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  height: 0;
}

.timeline-slider .scale li {
  float: left;
  margin-left: 70px;
  margin-right: 23px;
}

.timeline-slider .scale a,
.timeline-slider .thumb,
.timeline-slider .breakpoints a {
  /*background-image: url('../img/timeline-slider.png');*/
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAA2CAYAAAB++T94AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNzhFRDc4MDBGRTUxMUUyQUJFREMzQkM0Njk3NTgxQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNzhFRDc4MTBGRTUxMUUyQUJFREMzQkM0Njk3NTgxQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFDNUU3NjdGMEY5NjExRTJBQkVEQzNCQzQ2OTc1ODFBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFDNUU3NjgwMEY5NjExRTJBQkVEQzNCQzQ2OTc1ODFBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QxTeSAAACL1JREFUeNrkW02M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');
}

.timeline-slider .scale a {
  display: block;
  position: relative;
  top: -1px;
  left: -1px;
  width: 7px;
  height: 7px;
  background-repeat: no-repeat;
  background-position: left top;
  text-decoration: none;
}

.timeline-slider .scale span {
  position: absolute;
  top: 28px;
  left: 50%;
  width: 34px;
  margin-left: -17px;
  color: #BDAD9A;
  font-size: 12px;
  text-align: center;
}

.timeline-slider .breakpoints {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.timeline-slider .breakpoints li {
  position: absolute;
  top: 0;
  left: -10px;
}

.timeline-slider .breakpoints a {
  display: block;
  position: relative;
  top: -3px;
  left: -3px;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: right top;
  text-decoration: none;
}

.timeline-slider .breakpoints span {
  display: none;
}

.timeline-slider .breakpoints .tooltip {
  display: block;
  display: none \9;
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 10px;
  width: 71px;
  height: 81px;
  line-height: 66px;
  margin-left: -35px;
  background-image: url('../img/timeline-tooltip.png');
  color: #FFF;
  font-size: 18px;
  text-align: center;
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -moz-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -moz-transition: -moz-transform .2s ease;
  -webkit-transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
}

.timeline-slider .breakpoints a:hover .tooltip {
  display: block \9;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}


.timeline-slider .thumb {
  position: absolute;
  top: -20px;
  left: -31px;
  width: 68px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.timeline-position {
  display: none \9;
  position: absolute;
  z-index: 1;
  bottom: 44px;
  left: 50%;
  width: 88px;
  height: 36px;
  overflow: hidden;
  margin-left: -56px;
  padding: 10px 12px 24px;
  background-image: url('../img/timeline-position.png');
  -moz-transform: scale(0);
  -moz-transform-origin: 50% 100%;
  -moz-transition: -moz-transform .2s ease;
  -webkit-transform: scale(0);
  -webkit-transform-origin: 50% 100%;
  -webkit-transition: -webkit-transform .2s ease;
  transform: scale(0);
  transform-origin: 50% 100%;
  transition: transform .2s ease;
}

.thumb:hover .timeline-position {
  display: block \9;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.timeline-position .viewport {
  display: block;
  position: relative;
  width: 88px;
  height: 36px;
  overflow: hidden;
}

.timeline-position .digit {
  float: left;
  position: relative;
  top: 0;
  width: 22px;
  height: 396px;
  line-height: 36px;
  padding: 0;
  color: #014c91;
  font-size: 24px;
  text-align: center;
}

.timeline-position .digit:after {
  content: '0 1 2 3 4 5 6 7 8 9 0';
}

@media (device-width: 768px) and (orientation: portrait) {
  .timeline-slider {
    display: none;
  }
}

@media (device-width: 768px) and (orientation: landscape) {
  .timeline-slider {
    display: none;
  }
}


#parallax > .content {
  background: #F5F3F0 url('../img/parallax-bg.png') repeat-x;
}

#parallax .menu {
  width: 880px;
  height: 300px;
  margin: 0 auto;
  padding-top: 50px;
  overflow: hidden;
}

#parallax .menu ul {
  white-space: nowrap;
}

#parallax .menu li {
  display: inline;
  display: inline-block;
  width: 220px;
  line-height: 20px;
  vertical-align: top;
  text-align: center;
  white-space: normal;
}

#parallax .menu a {
  color: #555;
  font-size: 16px;
  text-decoration: none;
}
#parallax .menu a:hover {
  color: #CD1041;
}

#parallax .menu .photo {
  display: block;
  position: relative;
  width: 160px;
  height: 160px;
  margin: 10px auto;
  padding: 10px;
}

#parallax .menu .photo .frame {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 200px;
  height: 200px;
  background-image: url('../img/timeline-frames.png');
  background-position: 0 -110px;
}

#parallax .menu a:hover .photo .frame {
  background-position: -200px -110px;
}

#parallax .menu a:hover .photo:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  background-image: url('../img/parallax-menu-open.png');
}

#parallax .menu .photo img {
  display: block;
  width: 160px;
  height: 160px;
  border-radius: 100px;
}

#parallax .menu .title {
  display: block;
  padding-top: 10px;
  font-weight: bold;
}

#parallax .controls {
  position: relative;
  width: 0;
  height: 0;
  margin-left: 50%;
}

#parallax .controls .prev,
#parallax .controls .next {
  position: absolute;
  top: -200px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  margin-top: -20px;
  background-image: url('../img/parallax-controls.png');
  text-indent: 60px;
  cursor: pointer;
}

#parallax .controls .prev {
  left: -490px;
  background-position: left top;
}

#parallax .controls .next {
  right: -490px;
  background-position: right top;
}

#parallax .controls .position {
  position: absolute;
  top: -45px;
  left: -100px;
  width: 200px;
  height: 10px;
  text-align: center;
}

#parallax .controls .position span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: url('../img/parallax-controls.png') no-repeat left bottom;
  cursor: pointer;
}

#parallax .controls .position .active {
  background-position: right bottom;
}

@media (device-width: 768px) and (orientation: portrait) {
  #parallax .menu {
    width: 824px;
  }

  #parallax .menu li {
    width: 206px;
  }

  #parallax .controls .prev {
    left: -460px;
  }

  #parallax .controls .next {
    right: -460px;
  }
}

#parallax .detail {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  color: #FFF;
}
#parallax .detail.open {
  display: block;
}

.parallax-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 69px;
  line-height: 30px;
  padding: 0 20px;
  background-color: #FFF;
  color: #000;
}

.parallax-header .header-controls {
  padding-top: 20px;
}

.parallax-header h3 {
  float: left;
  margin-top: 20px;
  color: #014C91;
  font-size: 24px;
  font-weight: 600;
}

#parallax .parallax-header .close {
  height: 69px;
  line-height: 69px;
  background-position: right 18px;
}

.parallax-content {
  position: absolute;
  top: 69px;
  left: 0;
  right: 0;
  bottom: 0;
}

.parallax-menu {
  position: absolute;
  z-index: 1;
  top: 19px;
  left: 20px;
  font-size: 14px;
}

.parallax-menu li {
  float: left;
}

.parallax-menu a {
  display: block;
  height: 45px;
  line-height: 40px;
  overflow: hidden;
  margin-left: -1px;
  background-image: url('../img/parallax-menu.png');
  background-repeat: no-repeat;
  color: #555;
  text-decoration: none;
  text-indent: 200px;
}

.parallax-menu a[data-subpage-id="labels"] {
  width: 193px;
  background-position: 0 0;
}
.parallax-menu a[data-subpage-id="video"] {
  width: 107px;
  background-position: -193px 0;
}
.parallax-menu a[data-subpage-id="gallery"] {
  width: 120px;
  background-position: -300px 0;
}

.parallax-content .parallax-menu a[data-subpage-id="labels"]:hover,
.parallax-content[data-subpage-key=""] .parallax-menu a[data-subpage-id="labels"] {
  position: relative;
  background-position: 0 -45px;
}
.parallax-content .parallax-menu a[data-subpage-id="video"]:hover,
.parallax-content[data-subpage-key="video"] .parallax-menu a[data-subpage-id="video"] {
  position: relative;
  background-position: -193px -45px;
}
.parallax-content .parallax-menu a[data-subpage-id="gallery"]:hover,
.parallax-content[data-subpage-key="galerie"] .parallax-menu a[data-subpage-id="gallery"] {
  position: relative;
  background-position: -300px -45px;
}

.parallax {
  max-width: 100%;
  min-height: 100%;
}
.parallax .bg {
  width: 100%;
  height: 100%;
}

.parallax {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.parallax-content .labels {
  position: relative;
}

.parallax-content .flash {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.parallax-content .flash object {
  width: 100%;
  height: 100%;
}

.parallax .label {
  position: absolute;
  margin-top: 31px;
  margin-left: 22px;
}

.flash-switch-hidden .parallax .label {
  display: none;
}

.parallax .label .toggle {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 62px;
  margin-top: -31px;
  margin-left: -22px;
  background-image: url('../img/parallax-label.png');
  background-position: left top;
  cursor: pointer;
}

.parallax .label-content {
  display: none;
  position: relative;
  z-index: 1;
  width: 240px;
  min-height: 120px;
  line-height: 18px;
  margin-left: -150px;
  margin-top: -60px;
  border: 1px solid #DDD;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #FFF;
  color: #666;
  padding: 13px 12px;
  font-size: 14px;
}
.parallax .toggle:hover,
.parallax .open .toggle {
  background-position: right top;
}

.parallax .label-content .title {
  display: block;
  margin-bottom: 4px;
  color: #036;
  font-size: 16px;
  font-weight: bold;
}

.parallax .label-content img {
  display: block;
  margin: 10px 0;
}

.parallax .open .label-content {
  display: block;
}

.parallax .flash-switch-toggle {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background: url('../img/flash-toggle.png') no-repeat left bottom;
  cursor: pointer;
}
.parallax .flash-switch-toggle,
.flash-switch-hidden .flash-switch-toggle {
  background-position: left top;
}
.flash-switch-hidden .flash-switch-toggle:hover {
  background-position: left bottom;
}

.parallax .flash-switch {
  position: absolute;
  width: 194px;
  height: 194px;
  background-position: left top;
}
.parallax .flash-switch:hover {
  background-position: left bottom;
}
.parallax .flash-switch-bottom-left {
  left: -40px;
  bottom: -40px;
}
.parallax .flash-switch-bottom-right {
  right: -40px;
  bottom: -40px;
}

.parallax-content[data-subpage-key=""] .labels,
.parallax-content[data-subpage-key="video"] .video,
.parallax-content[data-subpage-key="galerie"] .gallery {
  display: block;
}

.parallax-content .video,
.parallax-content .gallery {
  background-color: #000;
}

.parallax-content .video-frame {
  position: absolute;
  top: 80px;
  left: 50%;
  bottom: 80px;
  width: 920px;
  margin-left: -460px;
  background-color: #222;
}

.parallax-content .video-frame > div,
.parallax-content .video-frame video,
.parallax-content .video-frame object {
  width: 100% !important;
  height: 100% !important;
}

.parallax-content .player {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 920px;
  margin-left: -460px;
}

.parallax-content .gallery .gallery-title {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  text-align: center;
}

.parallax-content .gallery .photo-large {
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  bottom: 60px;
  text-align: center;
  -moz-transition: bottom .5s ease;
  -webkit-transition: bottom .5s ease;
  transition: bottom .5s ease;
}
.parallax-content .thumbnail-select .photo-large {
  bottom: 290px;
  text-align: center;
}

.parallax-content .gallery .photo-frame {
  display: block;
  position: relative;
  height: 100%;
  margin-left: 80px;
  margin-right: 80px;
}

.parallax-content .gallery .photo-large a {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  opacity: 1\9;
  -moz-transition: opacity .2s ease;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}
.parallax-content .gallery .photo-large a:hover {
  opacity: 1;
}

.parallax-content .gallery .photo-large .prev {
  left: -60px;
  right: 50%;
}
.parallax-content .gallery .photo-large .next {
  left: 50%;
  right: -60px;
}

.parallax-content .gallery .photo-large a:after {
  content: '';
  position: absolute;
  top: 50.01%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background-image: url('../img/parallax-controls.png');
}
.parallax-content .gallery .photo-large .prev:after {
  left: 0px;
  background-position: left 0;
}
.parallax-content .gallery .photo-large .next:after {
  right: 0px;
  background-position: right 0;
}

.parallax-content .gallery .photo-large img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  background-color: #222;
  vertical-align: middle;
}

@media (device-width: 768px) and (device-height: 1024px) {
  .parallax-content .gallery .photo-large a {
    opacity: 1;
  }
}

.parallax-content .gallery .thumbnails {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 230px;
  background: #FFF;
  -moz-transition: margin-top .5s ease;
  -webkit-transition: margin-top .5s ease;
  transition: margin-top .5s ease;
}
.parallax-content .thumbnail-select .thumbnails {
  margin-top: -230px;
}

.parallax-content .gallery .thumbnails .toggle {
  position: absolute;
  top: -40px;
  left: 50%;
  width: 130px;
  height: 40px;
  line-height: 40px;
  margin-left: -85px;
  padding: 0 20px;
  background: url('../img/parallax-gallery-toggle.png') no-repeat left top;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.parallax-content .thumbnail-select .thumbnails .toggle {
  content: 'Skrýt náhledy';
  background-position: left bottom;
}

.parallax-content .gallery .thumbnails .toggle:before {
  content: 'Zobrazit náhledy';
}
.parallax-content .thumbnail-select .thumbnails .toggle:before {
  content: 'Skrýt náhledy';
}

.parallax-content .gallery .thumbnails ul {
  display: inline;
  display: inline-block;
  height: 230px;
  background: #FFF;
  white-space: nowrap;
}

.parallax-content .gallery .thumbnails li {
  display: inline;
  display: inline-block;
  vertical-align: top;
  width: 180px;
  height: 185px;
  border-right: 1px solid #EEEAE5;
  white-space: normal;
}

.parallax-content .gallery .thumbnails a {
  display: block;
  position: relative;
  height: 165px;
  padding: 20px 20px 0;
  color: #555;
  font-size: 12px;
  text-decoration: none;
}
.parallax-content .gallery .thumbnails a:hover {
  background: url('../img/parallax-gallery-thumbnail-bg.png') repeat-x left top;
}

.parallax-content .gallery .thumbnails .order {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #014c91;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, .85);
  text-align: center;
}
.parallax-content .gallery .thumbnails a:hover .order {
  background-color: #014c91;
  color: #FFF;
}

.parallax-content .gallery .thumbnails .caption {
  display: block;
  line-height: 18px;
  color: #555;
  font-size: 12px;
}

.parallax-content .gallery .thumbnails img {
  display: block;
  width: 140px;
  height: 93px;
  background-color: #EEE;
}

.parallax-content .gallery .scrollbar {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
}


#library > .content {
  background: #F5F3F0 url('../img/library-bg.png') repeat-x;
}

#library .carousel {
  position: relative;
  top: 0;
  left: 50%;
  height: 600px;
  overflow: hidden;
  margin-left: -480px;
  white-space: nowrap;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

#library .menu {
  display: inline;
  display: inline-block;
  vertical-align: top;
  width: 160px;
  height: 500px;
  padding: 50px 0;
  white-space: normal;
}

#library .menu li {
  display: block;
  position: relative;
  z-index: 1;
  padding: 0 10px;
  text-align: center;
}

#library .menu a {
  display: block;
  position: relative;
  height: 80px;
  line-height: 22px;
  padding-top: 150px;
  background: url('../img/library-menu.png') no-repeat 0 0;
  color: #555;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}
#library .menu a:hover {
  background-position: -140px 0;
  color: #CD1041;
}

#library .menu a:after {
  content: '';
  position: absolute;
  top: 23px;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  background-image: url('../img/library-icons.png');
  background-position: 0 0;
}

#library .menu li[data-order="1"] a:after {
  background-position: 0 0;
}
#library .menu li[data-order="2"] a:after {
  background-position: -600px 0;
}
#library .menu li[data-order="3"] a:after {
  background-position: -100px 0;
}
#library .menu li[data-order="4"] a:after {
  background-position: -700px 0;
}
#library .menu li[data-order="5"] a:after {
  background-position: -200px 0;
}
#library .menu li[data-order="6"] a:after {
  background-position: -800px 0;
}
#library .menu li[data-order="7"] a:after {
  background-position: -300px 0;
}
#library .menu li[data-order="8"] a:after {
  background-position: -900px 0;
}
#library .menu li[data-order="9"] a:after {
  background-position: -400px 0;
}
#library .menu li[data-order="10"] a:after {
  background-position: -1000px 0;
}
#library .menu li[data-order="11"] a:after {
  background-position: -500px 0;
}
#library .menu li[data-order="12"] a:after {
  background-position: -1100px 0;
}

#library .menu li[data-order="1"].active a:after {
  background-position: 0 -100px;
}
#library .menu li[data-order="2"].active a:after {
  background-position: -600px -100px;
}
#library .menu li[data-order="3"].active a:after {
  background-position: -100px -100px;
}
#library .menu li[data-order="4"].active a:after {
  background-position: -700px -100px;
}
#library .menu li[data-order="5"].active a:after {
  background-position: -200px -100px;
}
#library .menu li[data-order="6"].active a:after {
  background-position: -800px -100px;
}
#library .menu li[data-order="7"].active a:after {
  background-position: -300px -100px;
}
#library .menu li[data-order="8"].active a:after {
  background-position: -900px -100px;
}
#library .menu li[data-order="9"].active a:after {
  background-position: -400px -100px;
}
#library .menu li[data-order="10"].active a:after {
  background-position: -1000px -100px;
}
#library .menu li[data-order="11"].active a:after {
  background-position: -500px -100px;
}
#library .menu li[data-order="12"].active a:after {
  background-position: -1100px -100px;
}

#library .menu .active:after {
  content: '';
  position: absolute;
  top: 75px;
  right: -1px;
  width: 10px;
  height: 20px;
  margin-top: -10px;
  background-image: url('../img/library-open-arrow.png');
}

#library .sections {
  display: inline;
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 0;
  height: 600px;
  overflow: hidden;
  white-space: normal;
}

#library .sections.open {
  width: 800px;
}

#library .sections > li {
  display: block;
  position: absolute;
  bottom: 600px;
  left: 0;
  width: 798px;
  height: 599px;
  background: #FFF;
  border-top: 1px solid #C4C4C4;
  border-left: 1px solid #DEDCDC;
  border-right: 1px solid #DEDCDC;
}

#library .sections > li:first-child,
#library .sections > li.open {
  bottom: 0;
}

/*#library .section-header {
  height: 58px;
  line-height: 58px;
  padding: 0 20px;
  border-top: 1px solid #C4C4C4;
  border-bottom: 1px solid #FFF;
  background: #FBFBFB;
}*/

#library .detail-header:before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: 0;
  width: 1px;
  background: #DEDCDC url('../img/detail-header-border.png') no-repeat;
}
#library .detail-header:after {
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: 0;
  width: 1px;
  background: #DEDCDC url('../img/detail-header-border.png') no-repeat;
}

#library h3 {
  float: left;
  color: #014c91;
  font-size: 24px;
  font-weight: 500;
}

#library h3 small {
  font-weight: 100;
}

#library .library-section > .viewport {
  width: 734px;
  height: 538px;
  padding: 0 46px 0 20px;
  border-top: 1px solid #DEDCDC;
  -moz-user-select: initial;
  -webkit-user-select: initial;
  user-select: initial;
}

#library .library-section > .viewport:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: -1px;
  left: -1px;
  height: 9px;
  background: url('../img/detail-content-shadow.png');
}

#library .library-section > .viewport ul {
  width: 100%;
}

#library .articles li {
  border-bottom: 1px solid #DEDCDC;
}

#library .articles a {
  position: relative;
  display: block;
  min-height: 80px;
  line-height: 18px;
  padding: 20px 20px 20px 100px;
  color: #555;
  font-size: 12px;
  text-decoration: none;
}
#library .articles a:hover {
  background: #F5F5F5 url('../img/library-article-hover.png') repeat-y;
}

#library .articles .photo {
  position: absolute;
  top: 20px;
  left: 0;
  border-radius: 4px;
}

#library .articles .photo img {
  width: 80px;
  height: 80px;
  border-radius: 4px;
}

#library .articles .title {
  display: block;
  margin: 5px 0 2px;
  color: #CD1041;
  font-size: 16px;
  font-weight: bold;
}

#library .scrollbar,
#about .scrollbar {
  position: absolute;
  top: 80px;
  right: 20px;
  bottom: 20px;
}

#library .detail {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFF url('../img/detail-content-shadow.png') repeat-x left bottom;
}

#library .detail.open {
  display: block;
}

#library .detail .scrollbar {
  bottom: 81px;
}

#library .article-carousel {
  padding-bottom: 25px;
}


.header-controls {
  float: left;
  margin-right: 20px;
  padding-top: 15px;
}

.header-controls a {
  float: left;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  background-image: url('../img/detail-controls.png');
  background-repeat: no-repeat;
  text-indent: 40px;
}

.header-controls .prev,
.header-controls .next {
  width: 30px;
  text-indent: 100px;
}

.header-controls .prev {
  background-position: -30px 0;
}

.header-controls .next {
  margin-left: 4px;
  background-position: 0 0;
}

.header-controls .back {
  margin-left: 4px;
  background-position: -30px 0;
}



.content .close {
  float: right;
  height: 59px;
  line-height: 59px;
  padding-right: 40px;
  background: url('../img/close.png') no-repeat right 15px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
.content .close:hover {
  text-decoration: underline;
}



.player {
  position: relative;
  height: 40px;
  line-height: 40px;
  color: #BDAD9A;
}

.player .play-pause {
  float: left;
  width: 40px;
  height: 40px;
  background: url('../img/player.png') no-repeat left top;
  cursor: pointer;
}

.player .play-pause[data-action="pause"] {
  background-position: left bottom;
}

.player .progress {
  position: absolute;
  top: 0;
  left: 40px;
  right: 10px;
  bottom: 0;
  padding-left: 10px;
  background-color: #F2EFED;
  font-size: 12px;
}

.player .progress:after {
  content: '';
  position: absolute;
  top: 0;
  right: -10px;
  bottom: 0;
  width: 10px;
  background: url('../img/player.png') no-repeat right top;
}

.player .position {
  float: left;
  width: 32px;
  text-align: right;
}

.player .remaining {
  float: right;
  width: 35px;
}

.player .track {
  position: absolute;
  top: 17px;
  left: 50px;
  right: 45px;
  height: 6px;
  border-radius: 4px;
  background-image: url('../img/player-track.png');
  background-position: 0 0;
  cursor: pointer;
}

.player-initializing .track {
  background-image: url('../img/player-track-initializing.gif');
}

.player .loaded {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-image: url('../img/player-track.png');
  background-position: 0 -6px;
}

.player .played {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-image: url('../img/player-track.png');
  background-position: 0 -12px;
}

.player .seek-tooltip {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 30px;
  line-height: 14px;
  margin-left: -19px;
  margin-bottom: 10px;
  padding: 2px 4px;
  border: 1px solid #CDCDCC;
  border-radius: 3px;
  background-color: #FFF;
  color: #014C91;
  font-size: 12px;
  text-align: center;
}
.player .seek-tooltip.active {
  display: block;
}

/*
#sm2-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
}
#sm2-container.swf_timedout {
  height: 40px;
}

#sm2-container embed {
  width: 100%;
  height: 40px;
  max-width: 100%;
  max-height: 40px;
}
*/

.scrollbar {
  background-color: #EEEAE5;
  border-radius: 3px;
}
.scrollbar-vertical {
  width: 6px;
}
.scrollbar-horizontal {
  height: 6px;
}

.scrollbar span {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #BDAD9A;
  border-radius: 3px;
}
.scrollbar-vertical span {
  width: 6px;
  height: 100%;
}
.scrollbar-horizontal span {
  width: 100%;
  height: 6px;
}

.viewport {
  overflow: hidden;
}


#about,
#lightbox {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, .8);
  color: #555;
}

#about.open,
#lightbox.open {
  display: block;
}

#about .detail {
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 910px;
  margin-left: -455px;
  background-color: #FFF;
}

#about .detail .content {
  position: absolute;
  top: 59px;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  padding: 19px 46px 19px 20px;
  font-size: 14px;
}

#about .viewport {
  height: 100%;
}

#about .scrollbar {
  top: 20px;
}

#about strong,
#about h3 {
  color: #222;
  font-weight: bold;
}

#about ul {
  margin: 15px 0;
}
#about ul ul {
  margin: 0;
}
#about li {
  list-style: disc;
  margin-left: 20px;
}


#lightbox .lightbox-frame {
  position: absolute;
  top: 51%;
  left: 50%;
  padding: 10px;
  border-radius: 4px;
  background-color: #FFF;
  visibility: hidden;
}

#lightbox img {
  display: block;
  margin: 0 auto;
}

#lightbox .cover {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 34px;
}

#lightbox .caption {
  display: block;
  width: 100%;
  line-height: 16px;
  padding-top: 8px;
  color: #888;
  font-size: 11px;
}

#lightbox .close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background: #FFF url('../img/close.png') no-repeat center center;
  box-shadow: rgba(0, 0, 0, .8) 0 0 4px;
  cursor: pointer;
}
#lightbox .close:hover {
  box-shadow: rgba(0, 0, 0, 1) 0 0 5px;
}
