#{
	margin:0;
	padding:0;
	}
body{
	background-color:#008eb7;
	margin:0;}
#rakenne{
	background-color:#FFF;
	width:100%;
	}
#header{
	height:50px;
	width:auto;
	margin:0 auto;
	background-image:url(images/figuregroup_head.jpg);
	}	
#yla{
	background-color:#00a1cf;
	background-image:url(images/figuregroup_bg1.jpg);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center center;
	}
#prefig{
	max-width:1000px;
	margin:0 auto;
	background-color:#FFFFFF;
	}
.content-left{
	float:left;
	width:45%;
	color:#000000;
	margin-left:10px;
	padding-top:6%;
	}	
.content-left img{
	margin-bottom:15px;
	}	
.content-right{
	float:right;
	width:45%;
	color:#000000;
	margin-right:10px;
	}		
#ala{
	background-color:#fff;
	text-align:center;
	color:#000;
	height:250px;
	}
.textbox{
	width:25%;
	margin-left:55%;
	padding:2.5% 0;
	text-align:center;
	}	
p{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 1.1em;
	margin-top:10px;
	}
	
#ala p{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 1.3em;
	margin:0;
	
	}
#yla p{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 1.1em;
	margin-top:10px;
	color:#fff;}		
	
h1{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size:2.4em;
	color:#00a1cf;
	text-transform: uppercase;
	margin-top:5%;
	}
	
h2{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size:2.0em;
	text-transform: uppercase;
	line-height: 1.1em;
	color:#fff;
		}
	
h3{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size:2em;
	padding-top:6%;
	color:#00a1cf;
	text-transform: uppercase;
	line-height: 1.1em;
	}
li{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 1.1em;
	}		
#footer{
	text-align:center;
	background-color:#008eb7;
	padding-top:2%
	}
#footer p{
	font-weight: 700;
	font-size:0.9em;
	padding-top:10px;
	padding-bottom:10px;
	color:#fff;
	}	
.clear{
	clear:both;
	}	
.nosto{
	background-image:url(images/figuregroup_bg2.jpg);
	text-align:center;
	padding: 100px 0;
	background-position: center center;
	background-size: auto 100%;
	}
	
@media screen and (max-width: 1680px) {
	#yla {background-size:auto 100%;}
	}	
@media screen and (max-width: 1280px) {
	.textbox{width:40%;}
	}	
@media screen and (max-width: 1024px) {
	.textbox{width:70%; margin:0 auto;}
	#yla {
		background-position:right center;
		background-size:210% auto;
		}
	}		
@media screen and (max-width: 780px) {
	#header {
		background-position: center center;
		max-width: 100%;
		background-size: auto 50%;
		background-repeat: no-repeat;
	}
	.textbox{
		width:90%; margin:0 auto;
		}
	#yla {
		background-position:right center;
		background-size:auto 100%;
		}
	.content-left, .content-right {
		width:90%;
		margin:0 auto;
		float:none;
		text-align:center;
		}	
	ul {
		list-style:none;
		}	
	li {font-style:italic;}	
	img {max-width:100%;}	
	.nosto h2{
		max-width:90%;
		margin:0 auto;
		font-size:1.6em;
		padding:0;
		}
	.nosto {
		height:auto;
		padding:50px 0;
		}	
	}	
@media screen and (max-width: 480px) { 
#header {
	background-size: auto 30%;
	}
}