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 18% 0 6%; list-style-type: none; zoom: 1; font-size: 0.8em;}
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: #2e4f9d;}
div.film ul.navigation li:hover,
div.film ul.navigation li:focus {color: #cc0000;}
div.film ul.navigation li span {border-bottom: 1px dashed; cursor: pointer;}
div.film ul.navigation li.selected {background-color: #99ff00; color: #000000;}
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: #2e4f9d; cursor: pointer; padding-bottom: 1px; font-size: 0.8em;}

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

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 14%; color: #626355;}
div.film div.main_block h2 {font-size: 2.2em; color: #000000;}

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


/* Columns */

div.columns {width: 100%;}

div.columns div.main,
div.columns div.extra {float: left;}

div.columns div.main {width: 55%; margin-right: 5%;}
div.columns div.extra {width: 40%; margin-right: -1px;}

div.columns div.extra {font-size: 0.8em; color: #91895a;}


/* Funky */
body.funky {color: #ffffff; background: #1b1628 url('cosmos00.jpg') 0 92px no-repeat;}
body.funky a,
body.funky a:visited {color: #ffffff;}

body.funky div#main_navigation ul.navigation li.selected {color: #000000;}
body.funky div#main_navigation ul.navigation li.selected a,
body.funky div#main_navigation ul.navigation li.selected a:visited {color: #000000;}
body.funky div#main_navigation a,
body.funky div#main_navigation a:visited {color: #ffffff;}

body.funky div.film ul.navigation li {color: #ffffff;}
body.funky div.film ul.navigation li:hover {color: #cc0000;}
body.funky div.film ul.navigation li.selected {color: #000000;}

body.funky div.film div.viewport div.previous,
body.funky div.film div.viewport div.next {color: #ffffff;}

body.funky div.film div.viewport div.previous:hover,
body.funky div.film div.viewport div.next:hover {color: #cc0000;}

body.funky div.film div.main_block,
body.funky div.film div.main_block h2 {color: #ffffff;}

body.funky div#copyright {color: #ffffff; border-bottom-color: #ffffff;}

p.submarine {margin: 0 0 -98px 0;}
p.submarine img {background: url('submarin.png') 0 0 no-repeat;}