@charset "iso-8859-1";
/* CSS Document */
html,body{
width:100%;
height:100%;
}
body{
text-align:left;
background-color:#656565;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Tahoma, Arial, Sans-Serif;
color:#fff;
}
html, body, p, h1, div, form, input, img, table, tr, td {
margin:0;
padding:0;
border:none;
}
ul {
list-style:none;
}
a { color:#ffffff; text-decoration:none; }

a:hover{ color:#ffe0a4; text-decoration:none; }
div#container{
width:780px;
margin:0 auto;
}

div#header{
background:url(images/header.jpg) top left no-repeat;
width:780px;
height:99px;
position:relative;
}
	/* one link marking correct coordinates */
	a#link1{
	text-decoration:none;
	display:block;
	position:absolute;
	width:149px;
	height:57px;
	top:21px;
	left:20px;
	}


#headerlink {
position:absolute;
top:18px;
left:18px;
width:160px;
height:71px;
}


/* Contains everything between header and footer */
div#middle{
position:relative;
}

/* the top block |background:url(images/top_block_bg.gif) no-repeat;|*/
.background_div{background:url(images/top_block_bg.gif) no-repeat;}
div#top_block{
background:#303f7a url(images/top_block_bg.gif) no-repeat;
width:772px;
height:470px;
margin-top:5px;
margin-bottom:5px;
position:relative;
border:4px solid #fff;
top:0px;
left:0px;
font-size:1em;
}
	#top_block_title {
	position:absolute;
	background:url(images/top_block_title.gif) top left no-repeat;
	width:370px;
	height:42px;
	top:23px;
	left:16px;
	}

	#block_click_here {
     color:#ff3300;
	 font-size: 10px;
	 font-weight: bold;


	position:relative;
	width:333px;
	top:77px;
	left:0px;
	}
	#block_click_here  p{ margin-left:4px; margin-right:20px;}
  .top_tekst{position:relative; width:332px; height:16px; background:url(images/top_bg1.gif) no-repeat;}
  .main_tekst{position:relative; width:333px;  background:url(images/main_bg1.gif) repeat-y;}
  .bottom_tekst{position:relative; width:329px; height:18px; background:url(images/bottom_bg1.gif) no-repeat;}

	#top_text_block {font-size:18px;
	font-weight:normal;
	height:91px;
	width:633px;
	position:relative;
	top:90px;
	left:16px;
	}
	#top_text_block span{
	color:#fff722;
	text-transform:uppercase;
	}

	#download_ico {
	position:absolute;
	height: 30px;
	width: 30px;
	top:236px;
	left: 15px;
	}

	#download_text {
	font-size: 11px;
	font-weight: bold;
	position:absolute;
	top:199px;
	right:32px;
	}

	#download_text span{
	color:#fff722;
	}

	#top_navi{
	position:absolute;
	top:430px;
		}

	.download_text2 {
 	background:#303f7a url(images/ico_l.gif) 13px; 10px; background-repeat:no-repeat;
	line-height: 40px;
	font-size: 11px;
	font-weight: bold;
	top:430px;
	left:38px;
	float:left;
	padding-left:43px;
	padding-right:28px;
		}


	.download_text2 span{
	color:#fff722;
	}

/* The centr block */
div#centr_block{
width:772px;
height:109px;
margin-bottom:5px;
position:relative;
border:4px solid #fff;
top:0px;
left:0px;
font-size:1em;
background:url(images/text.gif) no-repeat;
}
div#centr_block img{
}
div#centr_block a{
display:block;
margin-top:20px;
margin-left:130px;
width:516px;
height:73px;
}
#text{
}

/* The bottom block */
div#bottom_block{
background:#303f7a url(images/bottom_block_bg.gif);
width:772px;
height:462px;
margin-bottom:5px;
position:relative;
border:4px solid #fff;
top:0px;
left:0px;
font-size:1em;
}


	#bottom_block_title {
	position:absolute;
	background:url(images/bottom_block_title.gif) top left no-repeat;
	width:726px;
	height:33px;
	top:20px;
	left:19px;
	cursor:pointer;
	display:block;
	}

img.photos{
border:2px solid #fff;
}


#pics1{
position:absolute;
top:71px;
left:13px;
}

#pics1 span{
	color:#ffe0a4;
	font-size:12px;
	font-weight: bold;
            position:relative;
            margin-left:28px;

	}


#pics2{
position:absolute;
top:71px;
left:142px;
}

#pics2 span{
	color:#ffe0a4;
	font-size:12px;
	font-weight: bold;
            position:relative;
            margin-left:16px;

	}

#pics3{
position:absolute;
top:71px;
left:269px;
}

#pics3 span{
	color:#ffe0a4;
	font-size:12px;
	font-weight: bold;
            position:relative;
            margin-left:20px;

	}

#pics4{
position:absolute;
top:71px;
left:397px;
}

#pics4 span{
	color:#ffe0a4;
	font-size:12px;
	font-weight: bold;
            position:relative;
            margin-left:28px;

	}

#pics5{
position:absolute;
top:71px;
left:525px;
}

#pics5 span{
	color:#ffe0a4;
	font-size:12px;
	font-weight: bold;
            position:relative;
            margin-left:31px;

	}

#pics6{
position:absolute;
top:71px;
left:652px;
}

#pics6 span{
	color:#ffe0a4;
	font-size:12px;
	font-weight: bold;
            position:relative;
            margin-left:32px;

	}

#pics7{
position:absolute;
top:266px;
left:13px;
}

#pics7 span{
	color:#ffe0a4;
	font-size:12px;
	font-weight: bold;
            position:relative;
            margin-left:31px;

	}

#pics8{
position:absolute;
top:266px;
left:142px;
}

#pics8 span{
	color:#ffe0a4;
	font-size:12px;
	font-weight: bold;
            position:relative;
            margin-left:31px;

	}

#pics9{
position:absolute;
top:266px;
left:269px;
}

#pics9 span{
	color:#ffe0a4;
	font-size:12px;
	font-weight: bold;
            position:relative;
            margin-left:32px;

	}

#pics9{
position:absolute;
top:266px;
left:269px;
}

#pics9 span{
	color:#ffe0a4;
	font-size:12px;
	font-weight: bold;
            position:relative;
            margin-left:32px;

	}


#pics10{
position:absolute;
top:266px;
left:397px;
}

#pics10 span{
	color:#ffe0a4;
	font-size:12px;
	font-weight: bold;
            position:relative;
            margin-left:31px;

	}

#pics11{
position:absolute;
top:266px;
left:525px;
}

#pics11 span{
	color:#ffe0a4;
	font-size:12px;
	font-weight: bold;
            position:relative;
            margin-left:37px;

	}

#pics12{
position:absolute;
top:266px;
left:652px;
}

#pics12 span{
	color:#ffe0a4;
	font-size:12px;
	font-weight: bold;
            position:relative;
            margin-left:31px;

	}







	#footerlink {
position:absolute;
top:18px;
left:18px;
width:160px;
height:71px;
margin:0 auto;
}



/* Picture cells */
#pics ul{
margin:0px 14px 0px 0px;
padding:0px;
}
#pics li{
display:inline;
margin: 10px 16px 20px 10px;
}
#pics a{
}
#pics img{
width:100px;
height:160px;
margin:0px 0px 30px 0px ;
background-position:0px 0px;
background-repeat:no-repeat;
}

/* Video layer is absolutely positioned and pics ULs free up space for it in the middle */
#video{
position:absolute;
top:0px;
right:0px;
z-index:2;
}
	#video img{
	width:254px;
	height:183px;
	background-position:3px 3px;
	background-repeat:no-repeat;
	}
	#video ul{
	position:absolute;
	right:0px;
	list-style-type:none;
	}
/*  Now moving pics down -
	to free up space for video div     */
#pics ul.row_1{
z-index:1;
position:absolute;
top:0px;
left:9px;
width:771px;
}
#pics ul.row_2{
z-index:1;
position:absolute;
top:195px;
left:9px;
width:771px;
}

#video ul.row_5 {
position:relative;
width:100px;
height:160px;
top:130px;
right:243px;
}
/* Footer */
#footer{
background:url(images/footer.jpg) top left no-repeat;
width:765px;
height:57px;
position:relative;
font-family:verdana;
font-size:9px;
color:#fff;
padding-right:15px;
padding-top:40px;
text-align:right;
margin:0 auto;
}
#footer a#link2{
	text-decoration:none;
	display:block;
	position:absolute;
	width:146px;
	height:36px;
	top:30px;
	left:16px;
}
 #movie1 {
 position:absolute;
 top:10px;
 right:15px;
 z-index:2;*top:20px; _top:10px;
 }
 #movie1 img{background-position:5px 5px;}
 #movie2 {
 position:absolute;
 top:255px; *top:265px; _top:255px;
 right:528px;
 z-index:2;
 }
#movie3 {
 position:absolute;
 top:255px;*top:265px; _top:255px;
 right:16px;
 z-index:2;
 }
 #movie4 {
 position:absolute;
 top:255px;*top:265px; _top:255px;
 right:272px;
 z-index:2;
 }
#movie2 img, #movie3 img, #movie4 img{
background-position: 2px 2px;
}

	/*Opera Hack*/
@media all and (min-width: 0px) {
#video ul.row_5 {
top:0px;
margin-top:-10px;
}