body {
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	background-color:#a7bbae;
}
.holder{
	width:887px;
	height:auto;
	margin:auto;
}
.top {
	width:885px;
	height:171px;
	padding:0px;
	margin:0px;
	background-color:#a7bbae;
	background-image:url(gfx/top.jpg);
	background-repeat:no-repeat;
}
.textandframe{
	width:885px;
	height:auto;
	background-image:url(gfx/tausta.jpg);
	background-repeat:repeat-y;
	
	
}
.text{
	width:690px;
	height:auto;
	float:right;
	
}
.text p{
		color:#536161;
		font-size:17px;
		font-family:Geneva, Arial, Helvetica, sans-serif;}
		
.text h1{
		width:230px;
		height:30px;
		color:#536161;
		font-size:18px;
		font-family:Arial, Helvetica, sans-serif;
		background-image:url(gfx/otsikkotausta.jpg);
		background-position:bottom left;
		margin-top:15px;
		background-repeat:no-repeat;}
.frame{
	width:185px;
	height:220px;
	float:left;
	background-image:url(gfx/frame2.jpg);
	background-repeat:no-repeat;
	
	
}
.frame p{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-left:57px;
}
a visited{color:#30db48;}
a active{color:#30db48;}
a{color:#4dc269;}
.frame a{
color:#FFFFFF;
text-decoration:none;}

.frame a:hover{
text-decoration:underline;
}

.bottom{
	width:885px;
	height:16px;
	background-image:url(gfx/pohja.jpg);
	background-repeat:no-repeat;}