html, body {
     margin: 0px;
     padding: 0px;
}

div, ul, li, h1, h2, h3, h4 {
     margin: 0pt;
     padding: 0pt;
}

#controls {
     margin: 100px;
     position: absolute;
}

#player {
    
}

audio {
     display: block;
}

#info {
     background: none repeat scroll 0% 0% black;
     color: white;
}

#main {
    
}

#bt-play {
     color: black;
     display: block;
     width: 100px;
}

.album-list {
     list-style: square outside none;
     margin-left: 40px;
}

body.body-gallery {
     background: none repeat scroll 0% 0% #1A1A1A;
}

#gallery-main {
     background-attachment: scroll;
     background-clip: border-box;
     background-color: #121212;
     background-image: none;
     background-origin: padding-box;
     background-position: 0% 0%;
     background-repeat: repeat;
     background-size: cover;
     height: 100%;
     min-height: 675px;
     min-width: 1024px;
     position: absolute;
     width: 100%;
     z-index: 1;
     top : 0;
     left : 0;
}

#gallery-main #background-container {
}
#gallery-main #video-container {
    /*
    display: none;

    visibility: visible;
    */
    visibility: hidden;
}

#gallery-main #gallery-content {
     height: 100%;
     left: 0px;
     position: absolute;
     top: 0px;
     width: 100%;
}
#gallery-main #video-container {
}
#gallery-main #video-container #track-video{
}

#gallery-main #bt-close, #gallery-main #player-controls {
    z-index:11;
    position: absolute;
}
#gallery-main #gallery-content{
}


#gallery-main #footer-container {
    position: relative;
    width: 100%;
     /*top: 10px;*/
}
#gallery-main #wayfinding #footer-container {background:none;}

#gallery-main #overview-box {
     margin: 30px 0 20px;
     position: relative;
     width: 680px;
}

#gallery-main #overview-box h2 {
     background: none repeat scroll 0% 0% #EBEBEB;
     color: #2E2E2D;
     padding: 10px;
}

#gallery-main #overview-box h2 strong {width:auto;display:inline-block;font-size:16px;color:#d75509;font-weight:normal;font-family:'SeroScComp-Medium', 'Times New Roman';vertical-align:middle;padding-right:5px;}
#gallery-main #overview-box h2 strong em {display:none;}


#gallery-main #overview-box .overview-content {
     border-bottom: 1px solid #D75509;
     border-top: 1px solid #D75509;
     height: 162px;
     position: relative;
}

#gallery-main.hasUnity #overview-box .overview-content {height:270px;margin-bottom:25px;}

#gallery-main #overview-box * {
     color: #FCFCFC;
     margin: 0px;
     padding: 0px;
}

#gallery-main #overview-box .right {
     background-color: #000;
     filter: alpha(opacity=70);
     background-color: rgba(0, 0, 0, 0.5);
     float: right;
     height: 100%;
     overflow: hidden;
     width: 50%;
}

#gallery-main #overview-box .right .inner {
     padding: 15px;
}

#gallery-main.hasUnity #overview-box .right .inner {padding: 20px;}

#gallery-main #overview-box .left {
     background-size: cover ! important;
     float: left;
     height: 100%;
     width: 50%;
}

#gallery-main #overview-box h3, #gallery-main #overview-box h4 {
     margin-bottom: 10px;
}

#gallery-main #timeline li * , #gallery-main #timeline-more li *, #gallery-main #timeline-category li * {
     color:#4A4848;
}

#gallery-main #timeline li a , #gallery-main #timeline-more li a, #gallery-main #timeline-category li a {
    background: none repeat scroll 0% 0% white;
    display: block;
    height: 190px; /*214px;*/
    width: 148px;
}
.filmstrip-item h3 strong {display:block;font-weight:normal;}
.filmstrip-item h3 strong em {display:none;}

#gallery-main #timeline-more li a {
    background: none repeat scroll 0% 0% #1a1a1a;
    display: block;
    height: 90px; /*214px;*/
    width: 325px;
}
#gallery-main #timeline-category li a {height:190px;width:214px;text-decoration:none;font-family:'Gudea',sans-serif;} 
#gallery-main #timeline-category .picture {height:106px;}

#gallery-main #timeline-more ul.highlight li a {
    height:190px;
}

#gallery-main #filmstrip-container , #gallery-main #filmstrip-container-more, #wayfinding-filmstrip-container {
     display: block;
}

#gallery-main #filmstrip ul, #gallery-main #filmstrip-more ul {
     margin: 0px;
}
#gallery-main #filmstrip-more ul{
    width:690px;
    float:left;
    height:auto;
}
#gallery-main #filmstrip-more ul.highlight{
    width:344px;
}
#gallery-main #filmstrip .filmstrip-item, #gallery-main #filmstrip-more .filmstrip-item {
     display: block;
     float: left;
     padding: 0px 8px;
     position: relative;
}
#gallery-main #filmstrip-more .filmstrip-item{
    margin:5px 0px;
}

#gallery-main #filmstrip-more .filmstrip-item.even{

}

#gallery-main #filmstrip .filmstrip-item *, #gallery-main #filmstrip-more .filmstrip-item * {
     color: #4A4848;
     text-decoration: none;
}

#gallery-main #filmstrip .filmstrip-item a , #gallery-main #filmstrip-more .filmstrip-item a {
     text-indent: 0px;
     color: #fff;
}

#gallery-main #filmstrip, #gallery-main #filmstrip-more {
     height: 223px;
}

#gallery-main #filmstrip .longblock, #gallery-main #filmstrip-more .longblock, #gallery-main .longblock {
     background-color: #000;
     filter: alpha(opacity=90);
     background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6) ! important;
     border-bottom: 1px solid #D75509;
     color: white;
     height: 212px /*222px*/;
}
#gallery-main #filmstrip-more .longblock	{border:none;}
#gallery-main .filmstrip-item .inner 		{height:188px; padding:2px;}
#gallery-main .filmstrip-item h3			{clear:both; height:65px;  margin:4px 2px 6px; overflow:visible;}
#gallery-main .filmstrip-item p			{bottom:0; position:absolute;}
#gallery-main #filmstrip-more .filmstrip-item h3{
    margin:0;
    padding:0;
    color:#e6e1e1;
    position: absolute;
    top:7px;
    left:100px;
    width:220px;
    height:20px;
    overflow: hidden;
}
#gallery-main #filmstrip-more .filmstrip-item p {
    color:#a9a6a6;
    position: absolute;
    margin:0;
    padding:0;
    margin-top:10px;
    top:20px;
    left:100px;
    width:210px;
    height:60px;
    overflow: hidden;
    text-transform: uppercase;
}
#gallery-main #filmstrip-more ul.highlight  .filmstrip-item h3 {
    left:132px;
    top:10px;
}

#gallery-main #filmstrip-more ul.highlight  .filmstrip-item p {
	color:#dbd8d8;
	height:auto;
	left:20px;
	/*left:132px;*/
    margin-top:20px;
	position:relative;
    text-transform: none;
    width:185px;
}

#gallery-main .filmstrip-item .picture {
     background-repeat: no-repeat;
     background-size: cover ! important;
    background-position: top center;
     height: 85px;
     width: 100%;

}
#gallery-main #filmstrip-more .filmstrip-item .picture {
    width: 70px;
    height: 70px;
    margin:7px 0px 0px 6px;
}
#gallery-main #filmstrip-more ul.highlight .filmstrip-item .picture {
    width: 106px;
    height: 170px;
}

#gallery-main .filmstrip-item .time-icon {
    background-position: 0px -300px;
    color: white;
    display: block;
    height: 30px;
    overflow: hidden;
    position: absolute;
    right: -5px;
    top: 30px;
    width: 30px;
    z-index: 2;
}
#gallery-main #filmstrip-more .filmstrip-item .time-icon {
    top:3px;
}

#gallery-main .filmstrip-item .more-type-icon {
    background-position: -250px -100px;
    color: white;
    display: block;
    height: 30px;
    overflow: hidden;
    position: absolute;
    left: 73px;
    top: 70px;
    width: 30px;
    z-index: 2;
}

#gallery-main .filmstrip-item .more-type-icon.video {
    background-position: -250px -150px;
}
#gallery-main #filmstrip-more .filmstrip-item .transcript-icon {
    background-position: -250px -50px;
    color: white;
    display: block;
    height: 30px;
    overflow: hidden;
    position: absolute;
    right: -2px;
    top: 70px;
    width: 30px;
    z-index: 2;
}
#gallery-main #filmstrip-more ul.highlight .filmstrip-item .transcript-icon {
    top: 170px;
}
#gallery-main #filmstrip-more ul.highlight .filmstrip-item .more-type-icon {
    top: 170px;
    left:110px;
}
#gallery-main #filmstrip-more .filmstrip-item .transcript-icon a{
   background:none;
    text-indent: -9999px;
}
#gallery-main .filmstrip-item .time-icon span {
     color: white ! important;
     display: block;
     margin-top: 6px;
     text-align: center;
     width: 100%;
}

#gallery-main .tab {
     position: relative;
}

#gallery-main .tab a {color:#fff;display:inline-block;}

#gallery-main .tab-play {
     width: 360px;
     margin-bottom:20px;
}

#gallery-main .tab * {
     text-decoration: none;
}

#gallery-main .tab h2 {
     background-color: #000;
     filter: alpha(opacity=85);
     background-color: rgba(0, 0, 0, 0.8);
     color: white;
     display: block;
     padding: 9px 14px 5px;
     width: 270px;
     font-size:14px;
}

#gallery-main .tab-play h2 {
     border-bottom: 1px solid #D75509;
}

#gallery-main #footer-scroller .scrollerTrack.hidden {
    display:none;
}
#gallery-main #footer-scroller .scrollerTrack {
     height: 10px;
}



#gallery-main .tab-more {
     margin-top: 18px;
}

#gallery-main .tab-more h2 {
     border-bottom: 1px solid #D75509;
     min-width: 500px;
}

#gallery-main .scrollable-container {
     margin-bottom: 0px;
     height: 200px;
     position: relative;
}

#gallery-main #scroll-chapters, #gallery-main #scroll-chapters-more {
     left: -9999px;
}

#gallery-main .tab h2 span.button-sprite {
     background-position: -100px -300px;
     display: block;
     float: left;
     height: 16px;
     margin: 1px 20px 0px 0px;
     width: 16px;
}

#gallery-main .tab-open h2 span.button-sprite {
     background-position: -150px -300px;
}

#gallery-main .tab-closed h2 span.button-sprite {
     background-position: -100px -300px;
}

#gallery-main .tab-play h2 span.button-sprite {
     background-position: -200px -300px;
}

#gallery-main div.time-sprite {
     background-position: -50px -300px;
     color: white;
     height: 30px;
     left: 285px;
     position: absolute;
     top: 2px;
     width: 30px;
     z-index:1;
}

#gallery-main .overview-content div.bt-play {
     background-position: 0px -350px;
     height: 34px;
     left: 0px;
     position: absolute;
     bottom: 0px;
     width: 50%;
}

#gallery-main .overview-content div.bt-play a {
     display: block;
     height: 100%;
     width: 100%;
     overflow:hidden;
     text-decoration:none;
     background:rgba(0,0,0,0.8);
}
#gallery-main .overview-content div.bt-play p {width:270px;padding:9px 14px 5px !important;line-height:1.3em !important;}
#gallery-main .overview-content div.bt-play .button-sprite {
    display:block;float:left;height:16px;margin:1px 20px 0 0 !important;width:16px;background:url("../img/buttons-spritesheet.png") -200px -300px no-repeat;
}

#gallery-main.hasUnity .overview-content div.bt-play .button-sprite {background-position: -200px -300px;}

#gallery-main .overview-content div.time-sprite {
     top: auto;
     bottom: 2px;
     left: 327px;
}

#gallery-main div.time-sprite .inner {
     padding: 7px 6px ! important;
     width: 60px;
     word-spacing: 10px;
}

#gallery-main #overview-box .breadcrumb .inner{
    display: inline-block;
    background: #666;
    padding:10px;
}
#gallery-main #overview-box .breadcrumb a{
    color:black;
    text-decoration: none;
}
#gallery-main #overview-box .breadcrumb strong {font-weight:normal;}
#gallery-main #overview-box .breadcrumb a strong, #gallery-main #overview-box .breadcrumb a strong span {color:#000;}