/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background:#121212;}
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; -webkit-font-smoothing: antialiased;}

::-moz-selection { background: #D75509; color: #fff; text-shadow: none; }
::selection { background: #D75509; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: 1px dotted;}
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'"';}
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  section {page-break-inside:avoid;page-break-before:avoid;}
}

/* css3 webkit fix */
.no-flick, .hw-css{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
}

.appView {min-height:100%;height:100%;background:#121212;}
.appView > div.ng-scope {min-height:100%;}
/*  Way Finding Page  */
#wayfinding #gallery-main {min-width:0;min-height:0;}
#wayfinding #overview-box .inner h2	{width:500px !important;}
#wayfinding #overview-box h2 {line-height:1em; margin:0; padding:0;}
#wayfinding #overview-box .wayfindingDesc {background-color:rgba(0,0,0,0.8); border-bottom:1px solid #d75509; height:130px; margin-bottom:8px; max-height:130px; overflow:auto; margin:0; padding:15px 20px; width:780px;}
#wayfinding #overview-box .wayfindingDesc p	{margin-bottom:.8em;}
#wayfinding #footer-container {margin-top:8px;}
#wayfinding #footer-container #wayfindingTabs li {display:block; float:left; list-style:none; margin-right:2px; margin-bottom:1px; text-align:center;}
#wayfinding #footer-container #wayfindingTabs li h2	{background-color:#000; background-color:rgba(0,0,0,0.7); color:#fff; padding:15px 50px 10px; width:auto;}
#wayfinding #footer-container #wayfindingTabs li.active	{margin-bottom:0;}
#wayfinding #footer-container #wayfindingTabs li.active h2 {background-color:#fff; background-color:rgba(255,255,255,0.8); color:#000; margin-top:1px;}
#wayfinding #scroll-chapters {clear:both;height:auto;}
#wayfinding {height:100%;width:100%;background:url("../img/FP-002.jpg") no-repeat;background-size:cover;position:absolute;}
#wayfinding #overview-box {margin-top:0;padding-top:30px;}
#wayfinding .tabContent, #wayfinding .timedTab	{display:none;}
#wayfinding .tabActive {display:block;}
#wayfinding .tabContent, #wayfinding #timeline { overflow:hidden; width:auto;}
#wayfinding #timeline h2 {font-size:16px;font-family:'Gudea', 'sans-serif';}
#wayfinding #timeline p	{font-size:16px; width:325px;}
#wayfinding #timeline .storyImg, #wayfinding #timeline .storyDesc {float:left;padding:20px;}
#wayfinding #timeline .storyDesc {width:350px;}
#wayfinding #timeline .storyDesc li {font-size:14px;}
#wayfinding #timeline .storyDesc span {font-size:14px;}
#wayfinding #filmstrip {height:500px;}
#wayfinding #wayfinding-filmstrip-container #filmstrip	{background:#fff !important; background:rgba(255,255,255,0.8) !important; padding-top:8px;height:500px;}
#wayfinding #wayfinding-filmstrip-container #filmstrip .longblock, #wayfinding #wayfinding-filmstrip-container #filmstrip .wayfindingContainer		{background:transparent !important;background:transparent !important; border-bottom:none;height:auto;}
#wayfinding #wayfinding-filmstrip-container #filmstrip .wayfindingContainer img	{background-color:#ccc;}
#wayfinding #wayfinding-filmstrip-container #filmstrip .wayfindingContainer li	{float:left; list-style:none;}
#wayfinding #timeline .timedTabContent {background-color:#000; background-color:rgba(255,255,255,0.9); clear:both; overflow:hidden;}
/* How Everything Works & Devices */
#wayfinding #timeline .howItWorks, #wayfinding #timeline .devices {padding:0 12px;position:relative;}
#wayfinding #timeline .howItWorks li, #wayfinding #timeline .devices li	{background-color:#fff; margin-right:15px;}
/* Timed Journeys */
#wayfinding #timeline .timedJourneys {}
#wayfinding #timeline .timedJourneys h2	{color:#000; font:normal 16px/42px "SeroWeb"; margin-top:-8px; padding:0 20px;}
#wayfinding #timeline .tabContent .timedTabNav {height:auto;}
#wayfinding #timeline .tabContent .timedTabNav li	{display:inline-block; float:left; height:50px; list-style:none; margin-right:8px; vertical-align:middle;}
#wayfinding #timeline .tabContent .timedTabNav li:last-child{margin-right:0;}
#wayfinding #timeline .tabContent .timedTabNav li:last-child, #wayfinding #timeline .tabContent .timedTabNav li:last-child a {width:180px;}
#wayfinding #timeline .tabContent .timedTabNav li a	{background-color:rgba(0,0,0,0.9); color:#fff; display:table-cell; font:400 18px "SeroScWeb"; height:50px; line-height:1em; text-align:center; text-decoration:none; vertical-align:middle;padding:0 40px;width:auto;}
#wayfinding #timeline .tabContent .timedTabNav li a span {font-size:20px;color:#fff;}
#wayfinding #timeline .tabContent .timedTabNav li.active a {background-color:#fff; background-color:rgba(255,255,255,0.9);}
#wayfinding #timeline .tabContent .timedTabNav li.active a, #wayfinding #timeline .tabContent .timedTabNav li.active a span {color:#000;}
#wayfinding #timeline .timedJourneys .timedTabContent 	{/*background-color:#000; background-color:rgba(0,0,0,0.9); clear:both; overflow:hidden;*/ margin:0; padding:10px 5px 25px;}
#wayfinding #timeline .timedJourneys .section	{float:left;margin-right:30px;}
#wayfinding #timeline .timedJourneys .filmstrip-item .inner	{border:1px solid #ccc;}
#wayfinding #timeline .timedJourneys .section > h3 {color:#000; font-size:15px; font-family:"SeroScWeb"; line-height:36px; margin-right:4px; margin-bottom:0;text-indent:10px;}
#wayfinding #timeline .timedJourneys .section:last-child h3	{border:none;}
#wayfinding #timeline .timedJourneys .timedThumb {background-color:#ccc; float:left; height:190px; margin:0 8px; padding:3px; position:relative; width:142px;}
#wayfinding #timeline .timedJourneys .timedThumb img {border-bottom:1px solid #333;}
#wayfinding #timeline .timedJourneys .timedThumb h4	{font-size:14px; margin:0; padding:10px 10px 0;}
#wayfinding #timeline .timedJourneys .timedThumb p {font-size:12px; margin:0; padding:0 10px;}
#wayfinding #timeline .timedJourneys .timedThumb .transcript {background-color:transparent; bottom:8px; color:#666; height:22px; left:8px; line-height:22px; position:absolute;}
#wayfinding #timeline .timedJourneys .timedThumb strong {background:transparent url("../img/buttons-spritesheet.png") no-repeat left -300px; color:#fff; display:block; font-weight:normal; font-size:12px; height:30px; line-height:30px; position:absolute; right:-11px; text-align:center; top:30px; width:28px;}
/*  carousel plugin  */
.carousel li {margin:0 !important;}
.carousel .controlPane {position:absolute;bottom:20px;width:324px;margin-left:65px;z-index:3;height:39px;}
.devices .carousel .controlPane {width:196px;}
.carousel .controlPane .wrap {position:relative;height:100%;width:100%;} 
.carousel .controlPane ul {padding:10px 35px !important;height:auto !important;text-align:center;}
.carousel .controlPane li	{float:none !important; display:inline-block !important; background:#000 !important; cursor:pointer; line-height:20px; margin:0 4px !important; height:20px; width:20px;}
.carousel .controlPane li.active {background:#fff !important; border-bottom:1px solid #d75509; box-shadow:inset 3px 5px 4px -3px rgba(0,0,0,0.3); color:#000 !important;}
.carousel .prevBtn, .carousel .nextBtn {background:#434343 url("../img/buttons-spritesheet.png") no-repeat; display:block; float:left; height:20px; padding:0px; position:absolute; text-indent:-9000px; top:10px; width:20px; z-index:1;}
.carousel .prevBtn {background-position:-275px -298px; left:10px;}
.carousel .nextBtn {background-position:-245px -298px; right:10px;}
.carousel .carouselPane li .wrap {padding:20px;}
.carousel .carouselPane li h3 {border-bottom:1px solid #D75509;font-family:'SeroScWeb', sans-serif;}
.carousel .carouselPane li h3 span	{display:block; font-size:28px; margin-bottom:-10px; padding:10px 20px 0 50px; text-transform:lowercase;}
.carousel .carouselPane li h4 {font-weight:bold;line-height:1.5em;}
.carousel .carouselPane li .itemImg {float:right;padding:20px;}
.carousel .carouselPane li .itemDesc {padding:20px 20px 20px 50px;}


#gallery-main.browse-main {height:auto;min-height:100%;background:url("../assets/albums/utzons-influences/gui_themebg_016.jpg") no-repeat;background-size:cover;}
#browseMedia {}
#browseMedia h1 {font-size:3.5em;width:310px;margin-top:50px;color:#2e2e2e;background:#eee;padding:10px 50px 10px 10px;font-weight:normal;font-family: 'EB Garmond', serif;}
#browseMedia .scrollable-container {clear:both;left:-9999px;margin-bottom:0;position:relative;}
#browseMedia .tab a {float:left;}
.browseMediaContent {overflow:hidden;width:100%;display:block !important;height:205px;}
.browseMediaContent ul {padding-right:10px;}
.filmstrip {height:223px;margin:0px 0 -12px;position:relative;width:100%;}
.browseMediaContainer {width:9999px;position:relative;left:0;margin:0;height:212px;background:#000;background:rgba(0,0,0,0.6);}
.filmstrip-item {display:block;float:left;padding:0 8px;position:relative;}
#browseMedia .iScrollbarH {bottom:0px;}
#browseMedia #footer-container {position:relative;bottom:auto;}
.timeline {padding:4px 0 0;width:auto;position:absolute;overflow:hidden;text-transform:uppercase;}
.timeline li {float:left;padding:0px 8px;list-style:none;margin:5px 0;}
.timeline h3 {color:#e6e1e1;font-size:1.6em;font-family:'Gudea', 'sans-serif';margin:0 0 5px;text-transform:none;}
.timeline p {color:#a9a6a6;font-family:'SeroScWeb', 'sans-serif';font-size:1.25em;margin:0 0 5px;}
.timeline .browsemedia-hero p {text-transform:none;font-size:1.45em;font-family:'Gudea', 'sans-serif';} 
.timeline a {}
.timeline a * {color:#000;}
.timeline a, .timeline .time {display:block;background:url("../img/buttons-spritesheet.png") no-repeat;}
.timeline .time {height:30px;width:30px;text-align:center;position:absolute;top:0px;right:-13px;background-position:0 -300px;color:#fff;text-align:center;line-height:30px;overflow:hidden;}
.timeline .transcript {height:30px;width:30px;position:absolute;bottom:-10px;right:-10px;background-position:-250px -50px;text-indent:-9000px;overflow:hidden;}
.timeline .playBtn {width:30px;height:30px;position:absolute;bottom:-10px;left:73px;background-position:-250px -150px;text-indent:-9000px;overflow:hidden;}
.timeline .browsemedia-hero .playBtn {bottom:10px;left:109px;}
.timeline .inner {position:relative;background:#1a1a1a;padding:10px;color:#fff;}
.timeline li .inner {background:transparent;}
.timeline .picture {float:left;}
.scrollWidget {display:block;margin:2px 0;width:100%;}
.scrollWidget .scrollerTrack {height:10px;background:url("../img/scroller-bg.png") repeat-x;display:block;position:relative;}
.iScrollbarThumb {background:url("../img/scroller-thumb-corner.png") no-repeat right top;height:100%;overflow:hidden;position:absolute;z-index:101;}
.iScrollbarThumb .inner {background:url("../img/scroller-thumb-repeat.png") repeat-x right top;height:100%;left:-8px;position:relative;width:100%;}
.browsemedia-small {width:325px;height:190px;}
.browsemedia-small img {margin-right:10px;}
.browsemedia-small .inner {height:70px;margin-bottom:10px;}
.browsemedia-hero {width:325px;height:170px;}
.browsemedia-hero img {margin-right:10px;}
.browsemedia-hero .inner {height:170px;}
#browseMediaTabNav {margin:0 0 20px;width:100%;overflow:hidden;}
#browseMediaTabNav li {display:block;float:left;text-transform:uppercase;font-size:2em;border:1px solid #d75509;border-left:1px solid transparent;margin-right:-1px;}
#browseMediaTabNav li a {color:#a9a6a6;text-decoration:none;padding:9px 15px 9px 30px;font-family:'SeroScWeb', 'sans-serif';font-weight:normal;background:#121212 url("../img/buttons-spritesheet.png") 8px -600px no-repeat;display:block;line-height:1em;}
#browseMediaTabNav li.active a {background:#121212 url("../img/buttons-spritesheet.png") 6px -565px no-repeat;color:#e6e1e1;}
#gallery-main #browseMedia .scrollable-container {height:230px;margin-bottom:10px;overflow:hidden;}
#footer-container {clear:both;}

#homepage {position:absolute;height:100%;width:100%;min-height:675px;min-width:1024px;overflow:hidden;}
#homepage #intro {height:600px;width:500px;margin:0 auto;position:absolute;left:50%;top:50%;margin:-305px auto auto -340px;font-family:'Gudea', 'sans-serif';display:block;opacity:0;}
#homepage #intro a {color:#222;text-decoration:none;}
#homepage #intro a:hover {text-decoration:underline;}
#homepage #intro .quickPlay {margin-top:80px;}
#homepage #intro .quickPlay a {display:block;height:30px;color:#222;line-height:30px;position:relative;float:left;text-decoration:none;}
#homepage #intro .quickPlay a:before {content:"";display:block;position:absolute;height:30px;width:30px;left:0px;top:0;background:url("../img/buttons-spritesheet.png") -152px -343px no-repeat}
#homepage #intro .quickPlay a span {display:block;height:100%;margin-left:2px;float:left;padding-left:20px;}
#homepage #intro .quickPlay a:hover span {text-decoration:underline;}
#homepage h1 {text-indent:-9000px;background:url("../img/header.png") no-repeat;height:80px;width:537px;margin-left:-87px;}
#homepage h1 em {font-style:normal;color:#999;}
#homepage h2 {font-size:22px;margin:0 0 15px;font-weight:normal;}
#homepage p {font-size:18px;line-height:1.3em;margin:0 0 10px;}

#site-menu {height: 40px;position: absolute;right: 0px;top: 0px;width: 350px;z-index: 103;outline:0;overflow:hidden;}
#site-menu #bt-menu {height: 39px;line-height:39px;font-size:19px;position: absolute;right: 1px;top: 0px;width: 100px;background:#121212;border-bottom:1px solid #D75509;font-family:'SeroScWeb', 'sans-serif';}
#site-menu #bt-menu a.toggleBtn {color:#fff;background:url("../img/buttons-spritesheet.png") 75px -650px no-repeat;text-indent:15px;text-decoration:none;display:block;width:100px;}
#site-menu #bt-menu a.toggleBtnOpen {background-position:70px -599px;width:100%;}
#site-menu #bt-menu a.share {display:none;position:absolute;top:0;right:0;left:auto;text-indent:0;height:100%;width:60px;padding-right:40px;background:url("../img/buttons-spritesheet.png") 60px -500px no-repeat;color:#fff;text-decoration:none;}
#site-menu #nav {height:auto;top:55px;margin:0;}
#overlay {background: url("../img/endframe-pattern.png") repeat scroll 0% 0% transparent;height: 100%;left: 0px;position: absolute;top: 0px;width: 100%;z-index: 102;display:none;}
#nav {position:absolute;height:550px;top:50%;right:-350px;width:350px;margin-top:-275px;}
#nav ul {margin:0;}
#nav li {list-style:none;display:block;height:39px;line-height:39px;font-size:20px;margin-bottom:15px;position:relative;background:#fff;border-left:1px solid #D75509;border-bottom:1px solid #D75509;font-family:'EB Garamond', 'Times New Roman';}
#share-buttons #bt-share-google img {height:100%;width:100%;}
/*
#nav li.wayfinding {background:#fff url("../img/buttons-spritesheet.png") -235px -193px no-repeat;}
#nav li.threed {background:#fff url("../img/buttons-spritesheet.png") -238px -244px no-repeat;}
#nav li.wayfinding a, #nav li.threed a {text-indent:50px;}
*/
#nav li#menuBtn {background:#121212;position:relative;left:-880px;width:105px;border-left:0;display:block;opacity:0;font-family:'SeroScWeb', 'sans-serif';font-size:19px;line-height:41px;}
#nav li#menuBtn a {color:#fff;background:url("../img/buttons-spritesheet.png") 80px -600px no-repeat;}
#nav .finished #showMenu {background:none;}
#nav li#menuBtn .share {display:none;position:absolute;top:0;right:0;left:auto;text-indent:0;height:100%;width:60px;padding-right:40px;background:url("../img/buttons-spritesheet.png") 60px -500px no-repeat;}
#nav li .tooltip {position:absolute;bottom:40px;right:0;width:300px;background:#000;background:rgba(0,0,0,0.6);color:#fff;z-index:1;height:0;overflow:hidden;}
#nav li .tooltip p {padding:3px 10px;margin:0;line-height:17px;font-size:16px;font-family:'Gudea', 'sans-serif';}
#nav li a {text-decoration:none;color:#545151;display:block;position:absolute;height:100%;width:100%;left:0;top:0;text-indent:20px;}
#nav li a.dark {color:#222;}
#nav sub {bottom:2px;font-size:1em;width:40px;display:inline-block;text-transform:uppercase;font-size:12px;text-indent:-10px;color:#d75509;font-weight:normal;font-family:'SeroScComp-Medium', 'Times New Roman';vertical-align:middle;}

.global-footer {position:absolute;height:63px;bottom:5px;right:5px;}
.global-footer ul {margin:0;}
.global-footer li {display:block;float:left;height:63px;width:63px;margin-left:5px;}

#transcript-wrap, #about-wrap	{background-color:#fff;min-height:100%;position:relative;}
#transcript, #about-page {color:#000;max-width:960px; margin:0 auto;padding:50px;font-size:15px;line-height:1.5;}
#transcript #transcriptClose {display:block;background: #863200 url("../img/buttons-spritesheet.png") -200px 0 no-repeat;border-bottom: 1px solid #D75509;height: 32px;position: absolute;right: 0px;top: 0px;width: 32px;text-indent:-9000px;}
#transcript hgroup {text-align:left;margin: 0 0 20px;font-family:"EB Garamond",serif;}
#transcript hgroup a {text-decoration:none;}
#transcript hgroup a:hover {text-decoration:underline;}
#transcript hgroup p a {color:#000;}
#about-page hgroup {text-align:left;margin: 0 0 20px;font-family:"EB Garamond",serif;}
#about-page hgroup {padding-top:20px;}


#transcript h1, #about-page h1 {
    font-family: 'EB Garamond',serif;
    font-size: 2.5em;
    font-weight: normal;
	/*line-height: 1em;*/
}
#transcript h1 a	{color:#000;}
#transcript h2, #about-page h2 {font-size:2em;}
#transcript h3 {color:#666;font-size:1.5em;margin:0 0 1.5em;border-bottom:1px solid #D75509;padding:10px 10px 10px 0px;}
#about-page h3 {color:#666;font-size:1.5em;margin:0 0 1.5em;border-bottom:1px solid #D75509;padding:10px 10px 10px 0px;}
#transcript h4,
#transcript h4 a {color:#999;}
#transcript p, #about-page p {font-size:1.2em;margin:0 0 1.5em;}
#transcript section, #about-page section {padding:0 0 2em;}
#transcript nav {width:100%;overflow:hidden;}
#transcript nav ul {margin:0;float:right;}
#transcript nav li {list-style:none;display:inline-block;padding:2px 5px;}
#transcript nav li a {color:#000;text-decoration:none;font-weight:bold;}
#transcript nav li a:hover {text-decoration:underline;}
#transcript #smallText, #transcript #mediumText, #transcript #largeText {text-transform:uppercase;}
#transcript #smallText {font-size:12px;}
#transcript #mediumText {font-size:14px;}
#transcript #largeText {font-size:16px;}
#transcript #printText {font-weight:normal;}
#transcript .global-footer, #about-page .global-footer {display:none;}
#transcript section li {list-style:none;font-size:1.2em;}
#transcript section li a {color:#000;text-decoration:none}
#transcript section li a:hover {text-decoration:underline;}
#transcript footer p {color:#999;font-size:14px;}

section ul li	{margin-left:1.2em;}
#list-content-partners	{margin-bottom:1em; text-align:center;}
#list-content-partners li	{display:inline; margin-right:1.2em; margin-left:0;}

iframe {border:0;}
#unityBox {height:100%;width:100%;position:absolute;display:none;z-index:200;top:0;left:0;/*background:#000;*/}
#unityBox .closeBtn {display:block;height:32px;width:32px;line-height:32px;position:absolute;top:0;right:0;border-bottom:1px solid #d75509;background:#863200 url("../img/buttons-spritesheet.png") -200px 0 no-repeat;text-indent:-9000px;z-index:1;}
#unityBox .closeBtn:hover {text-decoration:underline;}
.unityWrapper {position:absolute;height:100%;width:100%;top:0;left:0;overflow:hidden;}

#timeline-page {padding:30px 0px;background:url("../img/FP-002.jpg") top center no-repeat fixed;background-size:cover;color:#000;font-size:14px;overflow:hidden;font-family: 'SeroWeb',sans-serif;width:100%;}
#timeline-page h1 {padding:20px 100px 20px 20px;background:#fff;border-bottom:1px solid #D75509;display:inline-block;font-family:'EB Garamond', 'Times New Roman';font-weight:normal;background:#ebebeb;font-size:42px;line-height:1em;}
#timeline-page header {}
#timeline-page section {}
#timeline-page section h2 {margin:0px 0 15px;}
.sectionLink {height:0;overflow:hidden;display:block;}
#timeline-page .scrollerNav {position:fixed;left:0px;width:130px;top:178px;margin-top:30px;background:#fff;font-family:'SeroScComp-Medium', 'Times New Roman';padding:10px 0;border-bottom:1px solid #D75509;}
#timeline-page .scrollerNav li {list-style:none;display:block;line-height:15px;font-size:15px;text-align:left;margin:1px 0;padding:7px 0 8px 20px;cursor:pointer;}
#timeline-page .scrollerNav li.active {background:#D75509;color:#fff;position:relative;}
#timeline-page .scrollerNav li.active:after {content:"";display:block;position:absolute;height:0px;width:0px;top:0;right:-29px;border-width:15px;border-color:transparent transparent transparent #D75509;border-style:solid;}
#timeline-page .scrollerNav li a {color:#000;text-decoration:none;}
#timeline-page .scrollerNav li.active a {color:#fff;}
#timeline-page .timeline-tabs {margin-top:50px;min-width:720px;overflow:hidden;}
#timeline-page .timeline-tabs li {list-style:none;display:block;float:left;}
#timeline-page .timeline-tabs li a {padding:10px 0 10px 20px;color:#fff;background:#000;background:rgba(0,0,0,0.8);text-decoration:none;display:inline-block;width:120px;margin-right:1px;}
#timeline-page .timeline-tabs li.active a {color:#000;background:#fff;background:rgba(255,255,255,0.8);}
#timeline-page .timeline-tabs h2 {padding:0;line-height:1.1em;font-weight:normal;font-family:'SeroScWeb','sans-serif';font-size:16px;}
#timeline-page .timeline-tab-content {clear:both;padding-left:150px;padding-right:50px;background:rgba(255,255,255,0.8);padding-top:40px;max-width:1000px;}
#timeline-page .timeline-content h1 {border:0;padding:0;font-family:'SeroScWeb','sans-serif';font-size:30px;background:none;color:#333;}
#timeline-page .timeline-content h1 strong {font-weight:normal;color:#666;margin-right:15px;}
#timeline-page .timeline-content h2 {border-bottom:1px solid #D75509;font-weight:normal;font-family:'SeroScWeb', 'sans-serif';padding-left:20px;font-size:30px;color:#333;}
#timeline-page .timeline-content h3 {padding:5px 0 5px 20px;text-transform:uppercase;}
#timeline-page .timeline-content header {background:#fff;margin:0 20px 20px;padding:20px;position:relative;border-bottom:1px solid #ccc;}
#timeline-page .timeline-content header h1 {font-size:35px;margin-bottom:5px;}
#timeline-page .timeline-content header h2 {border:0;color:#999;padding:0;font-size:20px;}
#timeline-page .timeline-content header .links a {color:#999;}
#timeline-page .timeline-content section {padding:0 20px;}
#timeline-page .timeline-content article {padding:20px 20px 5px;background:#ccc;position:relative;margin-bottom:25px;}
#timeline-page .timeline-content p {margin:0 0px 15px;}
#timeline-page .timeline-content .quote {font-family:'EB Garamond','Times New Roman'; padding:30px 80px 30px 40px;background:none;}
#timeline-page .timeline-content blockquote {display:inline;font-size:24px;margin:0;}
#timeline-page .timeline-content cite {font-style:normal;font-size:22px; font-family:'SeroScWeb',sans-serif;color:#888;padding-left:15px;font-style:normal;}
#timeline-page .timeline-tab-section {position:relative;display:none;padding-bottom:20px;}
#timeline-page .timeline-content .links {position:absolute;top:20px;right:20px;}
#timeline-page .timeline-content .links li {list-style:none;margin-right:20px;display:inline;}
#timeline-page .timeline-content article .links {position:static;top:auto;right:auto;text-align:left;}
#timeline-page .timeline-content .links a {text-decoration:none;color:#000;display:inline-block;height:28px;padding-left:30px;background:url("../img/buttons-spritesheet.png") 0 -806px no-repeat;}
#timeline-page .timeline-content .links a:hover {text-decoration:underline;}
#timeline-page .timeline-content .links a img {margin-right:10px;margin-top:-4px;}
#timeline-page .timeline-content article .links li a {background-position:0 -844px;}

@media only screen and (max-width: 1000px) {
  #wayfinding #wayfinding-filmstrip-container #filmstrip .wayfindingContainer img {width:280px;height:auto;}
  .carousel .carouselPane li .itemDesc {padding:10px;}
}