/* 
    Document   : style
    Created on : 29.08.2011, 12:25:31
    Author     : emma
    Description: Layout GU2011-Fanage
*/
html, body {
 overflow:hidden;
} 

body{
  width: 100%;
  display: table;
  height: 100%;
  margin-bottom:1px;
  font-size: 62.5%;
  line-height: 1.2;
  font-family: 'Lucida Grande','Verdana', sans-serif;
  text-align: left;
  color: #fff;
}
/* Headings etc. */
h1,h2,h3 {
  font-weight: bold;
}
h1 {
  font-size:29px;
  line-height:34.8px;
  letter-spacing:-0.31px;

}
h1 .kerning{
  word-spacing:-0.27px;
}
h2 {
  font-size:18px;
  line-height:34.8px;
  letter-spacing:-0.05px;
}
h2 .kerning{
  word-spacing:-0.44px;
}
h3 {
  font-size: 11px;
  line-height:34.8px;
  text-transform:uppercase;
  letter-spacing:0.1px;
}
p {
  font-size: 11px;
  line-height: 13.2px;
  letter-spacing:0.1px;
  margin-bottom:13.2px;
}
h3 .kerning, p .kerning{
  word-spacing:-0.72px;
}
strong, .strong {
  text-transform: uppercase;
  font-weight:normal;
}

/* @layout */
#page {
  min-height: 800px;
  text-align: left;
  position: relative;
  background-color:#000;
  background-position: 0 0;
  background-repeat:no-repeat
}
#pageTwo #page {
  width: 500px;
  background-image: url('img/bg-pageTwo.jpg');
}
#pageThree #page,
#pageFour #page {
  width: 490px;
  background-image: url('img/bg-pageThree.jpg');
  margin-left:10px;
}
#pageThreeEn #page,
#pageFourEn #page {
  width: 490px;
  background-image: url('img/bg-pageThreeEn.jpg');
  margin-left:10px;
}
#lang {
  width:57px;
  height:54px;
  position: absolute;
  right:30px;
  top:0px;
}
#vote-btn{
  width:276px;
  height:36px;
  position: absolute;
  left:52px;
  top:420px;
}
#content {
  padding-bottom:53px;
  margin:0 40px;
}
#pageTwo #content {
  padding-top:500px;
}
#pageThree #content,
#pageFour #content,
#pageThreeEn #content,
#pageFourEn #content {
  padding-top:621px;
}
#pageThree #content .prize,
#pageFour #content .film,
#pageThreeEn #content .prize,
#pageFourEn #content .film {
position:relative;
margin-left:10px;
margin-bottom:13.2px;
}
#pageFour #content .film,
#pageFourEn #content .film{
margin-left:0;
}
#pageFour #content .film.last,
#pageFourEn #content .film.last{
margin-bottom:39.6px;
}
.number {
width:53px;
height:65px;
position: absolute;
left:-60px;
top:0;
}
#pageFour h3,
#pageFourEn h3 {
line-height:21.4px;
}
#pageFour .video-wrapper,
#pageFourEn .video-wrapper{
	width: 400px;
	max-width: 100%;
    margin-top:6.6px;
}
#pageFour .video-container,
#pageFourEn .video-container{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 39.6px;
	height: 0;
	overflow: hidden;
}
* html .videoWrapper {
  margin-bottom: 30px;
  margin-bot\tom: 0;
}
#pageFour .video-container object,
#pageFour .video-container embed,
#pageFourEn .video-container object,
#pageFourEn .video-container embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*
#pageFour h1,
#pageFour h2,
#pageFour h3 {
color:#ff6600;
}*/
#content .button.small {
width:195px;
height:31px;
margin-top:13.2px;
margin-bottom:26.4px;
margin-left:0;
}
#pageFour #acc,
#pageFourEn #acc{
  margin-left:10px;
}
#acc #iframe {
  display:none;
  margin-bottom:13.2px;
}

/* @button */
#content .button {
width:400px;
height:31px;
margin-left:10px;
margin-bottom:39.6px;
}
#content .button.last {
margin-top:13.2px;
}
#content .button.small {
width:195px;
height:31px;
margin-top:13.2px;
margin-bottom:26.4px;
margin-left:0;
}
#pageThree h1,
#pageThree h2,
#pageThree h3,
#pageThreeEn h1,
#pageThreeEn h2,
#pageThreeEn h3{
color:#ff6600;
}
#pageThree h3,
#pageThreeEn h3{
line-height:21.4px;
}