@charset "UTF-8";
body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #ffffff;
}
img {
	border: none;
	}
img.screen, img.screen a {
	vertical-align: bottom;
	margin-bottom: 4px;
	border: 2px solid #666666;
	}
#header { 
	padding: 0 10px;
	height: 300px;
}
#lang {
	position: relative;
	top: 35px;
	left: 215px;
	margin: 0px;
	width: 78px;
	text-align: left;
    font-size: small;
    color: #ffffff;
    font-weight: normal;
	}
	#lang ul {
	margin: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
	padding: 0;
    }   
    #lang ul li {
  	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	float: left;
	cursor: pointer;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
    }
	#lang ul li#gap {
	text-align: left;
    font-size: small;
    color: #ffffff;
    font-weight: normal;
	background: transparent url(images/lang_gap.png);
	background-repeat: no-repeat;
	visibility: visible;
    display: block;
    overflow: hidden;
    border: 0;
	height: 22px;
	width: 10px;
    height: 0px !important;
    padding-top: 22px;
	}
#navi {
	position: relative;
	float: left;
	left: 30px;
	top: 110px;
	margin: 0px 5px 0px 0px;
	padding: 0;
	width: 230px;
	height: 250px;
	font-family: Calibri, Tahoma, Arial, sans-serif;
	text-decoration: none;
	font-size: small;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	z-index: 110;
    }
#menu {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 120;
    width: 225px;
    height: 235px;
	}
    #menu ul {
	margin: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
	padding: 0;
    }   
    #menu ul li {
	color: #ffffff;
  	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	text-indent: 45px;
	cursor: pointer;
	width: 225px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
    }
    #menu ul li a {
    color: #bbbbbb;
    font-size: 13px;
	text-decoration: none;
    }
    #menu ul li a, #menu ul li a:hover {
    display: block;
    padding: 0;
    line-height: 27px;
    }
    #menu ul li a:hover {
    color: #ffffff;
	text-decoration: none;
	margin: 0 0 0 0;
    } 
    #koho {
	position: absolute;
	z-index: 110;
	top: 0px;
	left: 0px;
	float: left;
	}
	#koho img#tarina_f {
	position: absolute;
	top: -10px;
	}
	#koho img#traileri_f {
	position: absolute;
	top: 13px;
	}
	#koho img#tyoryhma_f {
	position: absolute;
	top: 40px;
	}
	#koho img#elokuvasta_f {
	position: absolute;
	top: 72px;
	}
	#koho img#kuvia_f {
	position: absolute;
	top: 92px;
	}
	#koho img#yhteistyo_f {
	position: absolute;
	top: 121px;
	}
	#koho img#lehdisto_f {
	position: absolute;
	top: 153px;
	}
	#koho img#yhteys_f {
	position: absolute;
	top: 178px;
	}
#sisalto {
	position: relative;
	float: left;
	left: 58px;
	top: 45px;
	width: 600px;
	height: auto;
	min-height: 300px;
	padding: 25px 5px 25px 5px;
	margin: 0px 5px 0px 0px;
	text-align: left;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	z-index: 90;
    }
    #sisalto .otsikko2 {
	font-size: 14px;
	font-weight: bold;
	}
	#sisalto table {
	position: relative;
	top: 8px;
	padding-left: 3px;
	}
	#sisalto table.makingof {
	position: relative;
	top: -1em;
	width: 500px;
	padding-top: 0;
	/*margin-left: -15px;*/
	}
	#sisalto table.yhteistyo {
    top: -25px;
    left: 25px;
    width: 490px;
    margin-bottom: -20px;
	}
	#sisalto td.imgcol {
	width: auto;
	vertical-align: top;
	}
	#sisalto td.txtcol {
	width: 200px;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	}
	#sisalto tr td.imgrow {
	height: 100%;
	padding-top: 5px;
	text-align: center;
	vertical-align: bottom;
	}
	#sisalto tr td.txtrow {
	height: 20px;
	text-align: center;
	vertical-align: top;
    padding-left: 5px;
	}
	#sisalto tr td.txtrow a {
	color: #bbbbbb;
	text-decoration: none;
	}
	#sisalto tr td.txtrow a:hover {
	color: #ffffff;
	text-decoration: underline;
  	}
    #sisalto tr td.imgrow2 {
	height: 100%;
	padding-top: 5px;
	text-align: center;
	vertical-align: bottom;
	}
	#sisalto a {
	color: #66ccff;
	}
	#sisalto h2 a {
	color: #bbbbbb;
	text-decoration: none;
  	}
 	#sisalto h2 a:hover {
    color: #ffffff;
	text-decoration: underline;
  	}
    #sisalto h2#trailer_l {
    position: relative;
    left: 160px;
    text-align: center;
    vertical-align: middle;
    width: 210px;
    font-size: 20px;
    font-weight: bolder;
    }
    #sisalto h2#trailer_l a {
    color: #bbbbbb;
    text-decoration: none;
    background: transparent url(images/trailer_l.png);
	background-repeat: no-repeat;
    display: block;
	height: 29px;
    height: 0px !important;
    padding-top: 29px;
    overflow: hidden;
    }
    #sisalto h2#trailer_l a:hover {
    color: #ffffff;
    background: transparent url(images/trailer_l_f.png);
    background-repeat: no-repeat;
    }
    #sisalto h2#trailer_m {
    position: relative;
    left: 160px;
    text-align: center;
    vertical-align: middle;
    width: 210px;
    font-size: 20px;
    font-weight: bolder;
    }
    #sisalto h2#trailer_m a {
    color: #bbbbbb;
    text-decoration: none;
    background: transparent url(images/trailer_m.png);
	background-repeat: no-repeat;
    display: block;
	height: 29px;
    height: 0px !important;
    padding-top: 29px;
    overflow: hidden;
    }
    #sisalto h2#trailer_m a:hover {
    color: #ffffff;
    background: transparent url(images/trailer_m_f.png);
    background-repeat: no-repeat;
    }
    #sisalto h2#trailer_s {
    position: relative;
    left: 160px;
    text-align: center;
    vertical-align: middle;
    width: 210px;
    font-size: 20px;
    font-weight: bolder;
    }
    #sisalto h2#trailer_s a {
    color: #bbbbbb;
    text-decoration: none;
    background: transparent url(images/trailer_s.png);
	background-repeat: no-repeat;
    display: block;
	height: 29px;
    height: 0px !important;
    padding-top: 29px;
    overflow: hidden;
    }
    #sisalto h2#trailer_s a:hover {
    color: #ffffff;
    background: transparent url(images/trailer_s_f.png);
    background-repeat: no-repeat;
    }
	    #sisalto h2#trailer_v {
    position: relative;
    left: 160px;
    text-align: center;
    vertical-align: middle;
    width: 210px;
    font-size: 20px;
    font-weight: bolder;
    }
	    #sisalto h2#trailer_v a {
    color: #bbbbbb;
    text-decoration: none;
	background: transparent url(images/trailer_v.png);
	background-repeat: no-repeat;
    display: block;
	height: 29px;
    height: 0px !important;
    padding-top: 29px;
    overflow: hidden;
    }
    #sisalto h2#trailer_v a:hover {
    color: #ffffff;
	background: transparent url(images/trailer_v_f.png);
    background-repeat: no-repeat;
    }
		#scenes {
		position: relative;
		float: left;
		text-align: right;
		width: 470px;
		top: -1em;
		padding-top: 7px;
		}
#isokuva {
	position: absolute;
	text-align: center;
	vertical-align: middle;
	background: transparent url(images/transbkg.png);
	background-repeat: repeat;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	visibility: hidden;
	z-index: 200;
	}
#isokuva2 {
	position: absolute;
	text-align: center;
	vertical-align: middle;
	background: transparent url(images/transbkg.png);
	background-repeat: repeat;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	visibility: visible;
	z-index: 200;
	}
	#isokuva img.main {
	position: relative;
	top: 190px;
	border: solid 2px #333333 /*groove 3px #bbbbbb*/;
	}
	#isokuva img.sulje {
	position: absolute;
	top: 150px;
	right: 97px;
	}
	#isokuva img.sulje2 {
	position: absolute;
	top: 150px;
	right: 322px;
	}
    #isokuva2 img.sulje_hq {
	position: absolute;
	top: 150px;
	right: 20px;
	}
	#isokuva2 img.sulje_mq {
	position: absolute;
	top: 150px;
	right: 140px;
	}
	#isokuva2 img.sulje_lq {
	position: absolute;
	top: 150px;
	right: 318px;
	}
	#isokuva2 img.sulje4 {
	position: absolute;
	top: 140px;
	right: 197px;
	}
    #player {
    width: auto;
    height: auto;
    position: relative;
	top: 190px;
	margin: 0 auto 0 auto;
	/*border: solid 2px #333333 groove 3px #bbbbbb*/;
    z-index: 210
    }
	#player2 {
    width: 750px;
    height: 100%;
    position: relative;
	top: 165px;
	margin: 0 auto 0 auto;
	text-align: center;
	padding-top: 1em;
    z-index: 220;
    }
	#player2 a {
	color: #bbbbbb;
	text-decoration: none;
  	}
 	#player2 a:hover {
    color: #ffffff;
	text-decoration: underline;
  	}
	#player2 .passive {
	padding: 0 1em 0 1em;
	}
	#player2 table.makingof {
	position: relative;
	margin: 0 auto 0 auto;
	text-align: center;
	width: 600px;
	}
	#player2 tr td.imgrow {
	height: 100%;
	padding-top: 5px;
	text-align: center;
	vertical-align: bottom;
	}
	#player2 tr td.txtrow {
	height: 1em;
	width: 80px;
	text-align: center;
	vertical-align: top;
    padding-left: 5px;
	}
	#player2 tr td.txtrow a {
	color: #bbbbbb;
	text-decoration: none;
	}
	#player2 tr td.txtrow a:hover {
	color: #ffffff;
	text-decoration: underline;
  	}
	#player3 {
    width: 600px;
    height: 50%;
    position: relative;
	top: 180px;
	border: solid 2px #333333 /*groove 3px #bbbbbb*/;
    z-index: 220	
    }
	#flashcontent {
	height: 100%;
	}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#footer {
	position: relative;
	top: 0;
	width: auto;
	margin: 15px auto 0 auto;
	padding: 10px 5px 5px 5px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: x-small;
	color: #ffffff;
	z-index: 100;
}
  #footer a {
    color: #cccccc;
	text-decoration: none;
  }
  #footer a:hover {
    color: #cccccc;
	text-decoration: underline;
  }