body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:white;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	background-image:url(gfx/frametausta.jpg);
	background-repeat:repeat-y;
}
.top1{
	position:absolute;
	top:0px;
	left:153px;
	width:100%;
	margin:0px;
	height:211px;
	background-image:url(gfx/toptausta.jpg);
	background-repeat:repeat-x;
	float:left;
}	
.top2{
	position:absolute;
	left:417px;
	width:387px;
	margin:0px;
	top:0px;
	height:211px;
	background-image:url(gfx/top2.jpg);
	background-repeat:repeat-x;
	color:#0084cb;
	font-size:16px;
	}	
.top2 a:link{color:#0084cb; text-decoration:none:}
.top2 a:visited{color:#0084cc; text-decoration:none;}
.top2 a:hover{color:#FFFFFF; }


	
.frame{
	
	width:149px;
	color:#60605c;
	text-align:center;
	height:100%;
	position:absolute;
	left:0px;
	bottom:0px;
	float:left;
	background-image:url(gfx/frametausta.jpg);
	background-repeat:repeat-y;
}


.teksti{
	
	position:relative;
	top:250px;
	left:160px;
	width:70%;
	font-size:12px;
	padding-left:20px;
	
	
}
h1{
	
	font-size:16px;
	color:#77bde3;
	padding-left:40px;
	padding-left:200px;
} 

h2{
	height:30px;
	font-size:14px;
	color:#77bde3;
	background-image:url(gfx/otsikkotausta.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-left:40px;
}