* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Times New Roman, Verdana, sans-serif;
    font-size: small;
    text-align: center;
	background: #3c2206 url('images/tausta.jpg') no-repeat top left;
	background-attachment: fixed;
	background-position: 50% 70%; 
	color: #fff;
}

img {
	border: 0;
}

div#page {
    width: 966px;
    margin: 80px auto 0px auto;
}

div#middle {
	float: left;
	width: 900px;
	height: 488px;
}


div#left_shadow {
	float: left;
	width: 14px;
	height: 488px;
	background: url('images/vas_varjo.png') no-repeat;	
}

div#right_shadow {
	float: left;
	width: 14px;
	height: 488px;
	background: url('images/oik_varjo.png') no-repeat;	
}

div#top_shadow {
	width: 900px;
	height: 14px;
	background: url('images/yla_varjo.png') no-repeat;	
}

div#bottom_shadow {
	width: 900px;
	height: 14px;
	background: url('images/ala_varjo.png') no-repeat;
}

div#video_box {
	width: 900px;
	height: 350px;
	background: #fff url('images/video_box_07.jpg') no-repeat;
}

div#bottom_boxes {
	width: 900px;
	height: 110px;
}

div#box1, div#box3 {
	float: left;
	width: 304px;
	height: 110px;
}

div#box2 {
	float: left;
	width: 292px;
	height: 110px;
}

a div#box1 {
	background: url('images/vas_box_r1.jpg') no-repeat; 
}

a div#box2 {
	background: url('images/keski_box_r1.jpg') no-repeat; 
}

a div#box3 {
	background: url('images/oik_box_r1.jpg') no-repeat; 
}

a div#box1:hover {
	background: url('images/vas_box_r2.jpg') no-repeat; 
}

a div#box2:hover {
	background: url('images/keski_box_r2.jpg') no-repeat; 
}

a div#box3:hover {
	background: url('images/oik_box_r2.jpg') no-repeat; 
}

div#footer {
	font-size: 70%;
	margin-top: 10px;
	padding-left: 20px;
	text-align: left;
	float: left;
	width: 908px;
	height: 14px;
}

div#a1media {
	margin-top: 370px;
	float: left;
	height: 103px;
	width: 38px;
}

a div#a1media {
	background: url('images/a1media_logo_r1.png') no-repeat; 
}

a div#a1media:hover {
	background: url('images/a1media_logo_r2.png') no-repeat; 
}

div#preload {
	display: none;
}