div.film ul.navigation,
div.film div.viewport div.previous,
div.film div.viewport div.next {display: none;}

.js div.film ul.navigation,
.js div.film div.viewport div.previous,
.js div.film div.viewport div.next {display: block;}

div.film ul.navigation {margin:0; padding:0; list-style-type:none; zoom:1;}
div.film ul.navigation li {float: left; display: inline; margin: 0 0.5em 0.2em 0; padding: 0.2em 0.5em 0.3em 0.5em; white-space: nowrap; color: #5f9714;}
div.film ul.navigation li:hover,
div.film ul.navigation li:focus {color: #ffffcc;}
div.film ul.navigation li span {border-bottom: 1px dashed; cursor: pointer;}
div.film ul.navigation li.selected {background-color: #5f9714; color: #ffffff;}
div.film ul.navigation li.selected span {border-bottom: 0; cursor: auto;}

.js div.film div.viewport {clear: both; width: 100%; position: relative; overflow: hidden;}

.js div.film div.viewport div.reel {position: relative; width: 1250%;}
.js div.film div.viewport div.reel div.frame {float: left; width: 8%;}

div.film div.viewport div.previous,
div.film div.viewport div.next {position: absolute; top: 8em; width: 8%; color: #ffffcc; cursor: pointer; padding-bottom: 1px; font-size: 0.8em;}

div.film div.viewport div.previous:hover,
div.film div.viewport div.next:hover {color: #e29b13;}

div.film div.viewport div.previous {left: 2%;}
div.film div.viewport div.next {right: 2%;}

div.film div.viewport div.previous div.arrow,
div.film div.viewport div.next div.arrow {font-size: 4em;}

div.film div.viewport div.previous div.caption span,
div.film div.viewport div.next div.caption span {font-size: 0.85em; border-bottom: 1px dashed; line-height: 1.5;}


div.film div.main_block {width: 68%; margin: 3em 18% 0 10%; color: #d6d9d9;}
div.film div.main_block h2 {font-size: 2.2em; color: #000000;}

div.film div.main_block p.further span {cursor: pointer; color: #569400; border-bottom: 1px dashed;}
div.film div.main_block p.further span:hover {color: #e29b13;}