body{
			width: 100%;
			height: 100%;
			/*<p> fontti, väri ja koko*/
			color: #818B85;
			font-size: 14px;
			line-height: 18px;
			font-family: 'helvetica', sans-serif;
			/*punainen taustaväri #990033 ja taustan vaaleat pallot background.png -kuva*/
			background: #990033 url('img/background.png') no-repeat -4% -4%;
}		  
h1{
			/*otsikko*/
			line-height:36px;
			font-size: 36px;
			font-family: 'Muli', sans-serif;
			color: #fff;
			margin-bottom:-10px;
}		  
h2{
			/*otsikon alla oleva teksti sekä footer yhteystiedot*/
			font-size: 18px;
			color: #F2F2F2;
			padding-bottom: 30px;
}
h3{
			/*sisältötekstien otsikot*/
			color: #818B85;
			font-size: 20px;
			text-align: center;		
			padding: 10px 0;
}	
.header{
			padding-left: 50px;
			padding-bottom: 10px;
}   
.menucircle1{
/*ylempi pallukka*/
			width: 200px;
			height: 200px;
            margin-left: 200px;
			margin-bottom: -160px;
			background: #003399;
			border-radius: 100px;
			-webkit-border-radius: 100px;
			-moz-border-radius: 100px;
			behavior: url(pie/PIE.htc);
}	
.menucircle2{
/*alempi isompi pallukka*/
			width: 300px;
			height: 300px;
            margin-left: 90px;
			margin-bottom: -600px;
			background: #025E73;
			margin-top: 250px;
			border-radius: 150px;
			-webkit-border-radius: 150px;
			-moz-border-radius: 150px;
			behavior: url(pie/PIE.htc);
}
/*sisältö*/   
.circle{
			padding:20px;
			margin-left:360px;
			width: 600px;
			height: 600px;
			/*valkea pallo*/
			background:#F2F2F2;
			border-radius: 320px;
			-webkit-border-radius: 320px;
			-moz-border-radius: 320px;
			behavior: url(pie/PIE.htc);
}  
/*menu*/ 
ul{			padding:0 0 20px 30px;
			list-style-type:none;
			display:block;
			width:100px;		
			list-style-type:none;	
			float:left;				
}
li {
			list-style-type:none;	
			width:150px;
			float:left;	
}
a:link {
			float:left;	
			font-size:32px;
			line-height:40px;
			padding-left:20px;
			font-weight:bolder;
			text-decoration:none;
			font-weight:bolder;
			color:#F2F2F2;		
}
a:visited {
			font-weight:bolder;
			color:#F2F2F2;		
}
a:hover {
			font-weight:bolder;
			color:#000066;		
}
a:active {
			font-weight:bolder;
			color:#000066;		
}  
.osaan{
			padding:60px 0 0 165px;
			padding-bottom:30px;
}
.ote{
			padding:150px 0 0 70px;
}

.content{
/*sisältö teksti*/
			margin-left:80px;
			width:450px;
}
.kuva{	
/*Katin omakuva*/
			margin-left:220px;
			margin-top:-90px;
}
.nuoli{
/*osaaminen-listojen nuoli*/
			padding:40px 0px 0 90px;
			font-size:40px;
			float:left;	
			width:70px;	
			height:200px;
}
.footer{
/*yhteystiedot*/
			margin:20px 0 0px -10px;
			padding-left:400px;
			height:50px;
			width:100%;
			border-top: dotted 2px #F2F2F2;
}