@charset "UTF-8";
/* CSS Document */
/* COLORS 
lighter grey: #464A48
dark grey: #2C3131
green: #60CB68
turqoise: #0092AF
dark blue: #30374B
purple: #5B53AB
background white: #F0F0F0
*/
y, div, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, img, form, fieldset, blockquote {  
    margin:0px; padding:0px; border:0px;   
}

html, body {
	font-family:Calibri;
	margin: 0px;
	padding: 0px;
	font-size:16px;
}
#TopLine {
	width:100%;
	height:10px;
	background-color:#555a5e;
	/*background-image:url(../images/topstripe_bg.jpg);*/
	margin:0;
	}
.GreenStripe {
	width:100%;
	height:15px;
	background-color:#1e5c74;
	background-image:url(../images/stripe_bg.jpg);
	margin-bottom:10px;
	}
#HeaderBG {width:100%;
	/*background-color:#e7e3e8;*/
	/*background-color:#e7e7eb;*/
	/*background-image:url(../images/header_bg.jpg);*/
	background-color:#caddf2;
	margin-bottom:30px;
	overflow:hidden;
	border-bottom:#ece9eb 1px solid;
		}
#WrapHeader {
	clear:both;
	margin:0 auto 10px auto;
	width:960px;
	height:;
	overflow: hidden;
	text-align:center;
			
	}
#Logo {
	width:200px;
	margin:20px auto 20px auto;
	}
#Logo img {
	width:200px;
}
#TopNavigation {
	width:100%;
	text-align:center;
	}
#TopNavigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
#TopNavigation ul li {
	display:inline;
	margin:0px 10px 0px 10px;
	}
.Wrap {
		margin:0 auto;
		width:960px;
	}
#TopNavigation a {
	font-family: 'Roboto Slab', serif;
	color:#423f4c;
	font-size:100%;
	text-decoration:none;
}
#TopNavigation a:now {
	text-decoration:underline;
	color:#423f4c;
}
#TopNavigation a:hover {
	text-decoration:underline;
	color:#423f4c;
}
#TopNavigation a:active {
	text-decoration:underline;
	color:#423f4c;
}
.Now {
	text-decoration:underline;
	}
#Clear {
	clear:both;
	}
#WrapContent {
	width:960px;
	margin:auto;
	overflow:hidden;
	
	}
#EtusivunKuvat {
	width:940px;
	padding:0px 10px 20px 10px;
	overflow:hidden;
	margin-bottom:40px;
	border-bottom:#ece9eb 1px solid;
	}
	.KuvaIso img {
		width:640px;
		margin-right:20px;
		float:left;
		overflow:hidden;
		}
	.KuvaPieniYla img {
		width:280px;
		float:right;
		overflow:hidden;
		margin-bottom:20px;
		}
	.KuvaPieniAla img {
		width:280px;
		float:right;
		overflow:hidden;
		}
#EtusivunTekstiAlueet, #EtusivunAlaOsa {
	width:940px;
	padding:0px 10px 80px 10px;
	overflow:hidden;
	clear:both;
	border-bottom:#ece9eb 1px solid;
	margin-bottom:20px;
	}
#EtusivunTekstiAlueet2{
	width:940px;
	padding:0px 10px 40px 10px;
	overflow:hidden;
	clear:both;
	border-bottom:#ece9eb 1px solid;
	margin-bottom:20px;
	}
#EtusivunAlaOsa img {
	width:220px;
	height:inherit;
	margin-bottom:20px;
	}
.MarginBottom {
	margin-bottom:60px;
	}
#LeftSide {
	width:220px;
	float:left;
	margin-right:20px;
	overflow:hidden;
	}
	#LeftSide img {
	width:140px;
	height:inherit;
	overflow:hidden;
	display:block;
	float:left;
	margin:0px 0px 30px 0px;
	}
#LeftSide h1 {
	font-size:115%;
	margin-bottom:0px;
	clear:both;
		}
#LeftSideImage {
	width:250px;
	float:left;
	margin-right:20px;
	overflow:hidden;
	}
#LeftSideImage img {
	width:250px;
	height:inherit;
	overflow:hidden;
	display:block;
	float:left;
	margin:0px 0px 30px 0px;
	}
#LeftSideImage50 {
	width:450px;
	float:left;
	margin-right:20px;
	overflow:hidden;
	}
#LeftSideImage50 img {
	width:450px;
	height:inherit;
	overflow:hidden;
	display:block;
	float:left;
	margin:0px 0px 30px 0px;
	}
#RightSideImage {
	width:250px;
	float:right;
	margin-right:20px;
	overflow:hidden;
	}
#RightSideImage img {
	width:250px;
	height:inherit;
	overflow:hidden;
	display:block;
	float:right;
	margin:0px 0px 30px 0px;
	}
#RightSide {
	width:580px;
	float:right;
	overflow:hidden;
	}
#RightSide img {
	width:350px;
	height:inherit;
	margin-bottom:30px;
	}
#RightSide50 {
	width:450px;
	float:right;
	overflow:hidden;
	}
.Kartta {
	width:580px;
	margin-bottom:30px;
	overflow:hidden;
	}
.Kartta img {
	width:350px;
	margin-right:20px;
	float:left;
	}
.KarttaGooglella {
	width:350px;
	float:left;
}
.Clear {
	clear:both;
	}
#RightSideGalleria {
	width:680px;
	float:right;
	overflow:hidden;
	}
.Container {
	width:195px;
	height:150px;
	overflow:hidden;
	border-radius:3px;
	margin-bottom:30px;
	float:left;
	margin-right:30px;
	}
.Container img {
	width:100%;
	
	}
.Left {
	width:300px;
	float:left;
	overflow:hidden;
	}
.Right {
	width:300px;
	float:right;
	overflow:hidden;
	}
#LeftSideText {
	width:580px;
	float:left;
	overflow:hidden;
	}
#LeftSideText img {
	width:620px;
	height:inherit;
	margin-bottom:30px;
}
#RightSideOtherPages {
	width:620px;
	float:right;
	overflow:hidden;
	min-height:350px;
	padding-bottom:80px;
	}
#RightSideOtherPages img {
	width:620px;
	height:inherit;
	margin-bottom:30px;
	}
#Esimerkki {
	width:250px;
	float:right;
	margin-left:20px;
	}
#Esimerkki img {
	width:250px;
	height:inherit;
	}
#Referenssit {
	width:620px;
	}
#Referenssit img {
	width:300px;
	height:inherit;
	float:left;
	margin-right:10px;
	}
.Referenssi {
	clear:both;
	margin:10px 0px 10px 0px;
	}
#Kartta {
	width:300px;
	float:right;
	}
#ContactText {
	width:300px;
	float:left;
	}
.AlaosaCol {
	width:220px;
	float:left;
	margin-right:20px;
	}
.AlaosaColRight {
	width:220px;
	float:right;
	}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	/*color:#463f4a;*/
	color:#555a5e;
	
}

blockquote {
	font-size:95%;
	font-family: 'Roboto Slab', serif;
	color:#555a5e;
	line-height:130%;
	margin-bottom:20px;
	font-weight:400;
	}
h1 {
	font-size:170%;
	margin-bottom:20px;	
		}
h2 {
	font-size:140%;
	margin-bottom:10px;

	}
h3 {
	font-size:110%;
	margin-bottom:10px;
	

	}
h4 {
	font-size:100%;
	margin-bottom:5px;
	

	}
p {
	font-size:90%;
	margin-bottom:20px;
	color:#555a5e;
	line-height:1.4em;
	}
li {
	font-size:90%;
	color:#555a5e;
	margin-bottom:3px;
	}
ul {
	margin-left:50px;
	margin-bottom:20px;
	}
a { 
	color:#7daadb;
	
	}

.unify {}
.unifyRepeat {}
.unifyRepeatArea {}
#Footer {
		width:100%;
		clear:both;
		background:#adbed1;
		text-align:left;
		padding:20px 0px 40px 0px;
		overflow:hidden;
	}
	#FooterWrap {
		width:940px;
		margin:auto;
		overflow:hidden;
		padding:0px 10px 0px 10px;
		}
	#Footer a {
		color:#fff;
	}
	#Footer p {
		color:#fff;
		font-size:70%;
	

	}
	#Footer h1, #Footer h2, #Footer h3, #Footer h4 {
		color:#fff;}
	#Footer img {
		width:150px;
		margin-bottom:15px;

	}
	
	#FooterLeft {
		width: 400px;
		float:left;
		text-align:left;
		}
	#FooterRight {
		width: 250px;
		float:right;
		text-align:right;
		}
	#FooterRight p {
		clear:both;
		}
	#FooterRight img {
		width: 60px;
		float:right;
		text-align:right;
		margin-bottom:0px;
		vertical-align:middle;
		
		
		}
	#FooterRight ul li {
		list-style:none;
		display:inline;
		color:#FFF;
		font-family: 'Montserrat', serif;
		text-transform:uppercase;
		font-size:80%;
		margin-left: 20px;
	
	
	}
 #FooterRight ul li a {
		
		color:#FFF;
		font-family: 'Montserrat', serif;
		text-transform:uppercase;
		text-decoration:underline;
		font-size:90%;
	
	
	}
.pluginSkinLight {
	padding:0px;
	}
.fb-like-box {
	margin-bottom:40px;
	}
#smaller_img img {
	width:100px;
	padding-left:25px;
	}
	
	/* MOBILE */
	
 @media all and (max-device-width: 760px) {
html, body {
	font-family:Verdana, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size:32px;
}
 #WrapHeader {
	clear:both;
	margin:0px auto 0px auto;
	width:100%;
	height:;
	overflow: hidden;
	text-align:center;
			
	}
#Logo {
	width:80%;
	margin:90px auto 120px auto;
	}
#Logo img {
	width:100%;
}
#TopNavigation {
	width:100%;
	text-align:center;
	background-color:#525252;
	}
#TopNavigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
#TopNavigation ul li {
	display:block;
	margin:0px auto 0px auto;
	border-bottom:#FFF 1px solid;
	padding:20px 0px 20px 0px;
	}
.Wrap {
		margin:0 auto;
		width:100%;
	}
#TopNavigation a {
	font-family: 'Roboto Slab', serif;
	color:#FFF;
	font-size:150%;
	text-decoration:none;
	
}
#TopNavigation a:now {
	text-decoration:underline;
	color:#FFF;
}
#TopNavigation a:hover {
	text-decoration:underline;
	color:#FFF;
}
#TopNavigation a:active {
	text-decoration:underline;
	color:#FFF;
}
.Now {
	text-decoration:underline;
	}
#WrapContent {
	width:100%;
	margin:auto;
	overflow:hidden;
	padding:0px;
	
	}
#EtusivunKuvat {
	width:100%;
	padding:0px;
	overflow:hidden;
	margin-bottom:60px;
	border-bottom:#ece9eb 1px solid;
	}
	.KuvaIso img {
		width:100%;
		margin-bottom:20px;
		float:left;
		overflow:hidden;
		clear:both;
		}
	.KuvaPieniYla img {
		width:49%;
		float:left;
		overflow:hidden;

		}
	.KuvaPieniAla img {
		width:49%;
		float:right;
		overflow:hidden;
		}
#EtusivunTekstiAlueet, #EtusivunAlaOsa {
	width:100%;
	overflow:hidden;
	clear:both;
	border-bottom:#ece9eb 1px solid;
	margin-bottom:20px;
	}
#EtusivunTekstiAlueet2{
	width:100%;
	overflow:hidden;
	clear:both;
	border-bottom:#ece9eb 1px solid;
	margin-bottom:20px;
	}
#EtusivunAlaOsa img {
	width:98%;
	height:inherit;
	margin-bottom:40px;
	padding:0px;
	}
.MarginBottom {
	margin-bottom:60px;
	}
#LeftSide {
	width:220px;
	float:left;
	margin-right:20px;
	overflow:hidden;
	display:none;
	}
	#LeftSide img {
	width:140px;
	height:inherit;
	overflow:hidden;
	display:block;
	float:left;
	margin:0px 0px 30px 0px;
	display:none;
	}
#LeftSide h1 {
	font-size:115%;
	margin-bottom:0px;
	clear:both;
		}
#LeftSideImage {
	width:250px;
	float:left;
	margin-right:20px;
	overflow:hidden;
	display:none;
	}
#LeftSideImage img {
	width:250px;
	height:inherit;
	overflow:hidden;
	display:block;
	float:left;
	margin:0px 0px 30px 0px;
	display:none;
	}
#LeftSideImage50 {
	width:450px;
	float:left;
	margin-right:20px;
	overflow:hidden;
	display:none;
	}
#LeftSideImage50 img {
	width:450px;
	height:inherit;
	overflow:hidden;
	display:block;
	float:left;
	margin:0px 0px 30px 0px;
	display:none;
	}
#RightSideImage {
	width:100%;
	overflow:hidden;
	}
#RightSideImage img {
	width:100%;
	height:inherit;
	overflow:hidden;
	display:block;
	}
#RightSide {
	width:90%;
	overflow:hidden;
	float:left;

	}
#RightSide img {
	width:100%;
	height:inherit;
	margin-bottom:30px;
	}
#RightSide50 {
	width:100%;
	overflow:hidden;
	}
.Kartta {
	width:580px;
	margin-bottom:30px;
	overflow:hidden;
	}
.Kartta img {
	width:350px;
	margin-right:20px;
	float:left;
	}
.KarttaGooglella {
	width:580px;
	float:left;
}
#RightSideGalleria {
	width:100%;
	float:right;
	overflow:hidden;
	}
.Container {
	width:30%;
	height:250px;
	overflow:hidden;
	border-radius:3px;
	margin-bottom:30px;
	float:left;
	margin-right:30px;
	}
.Container img {
	width:100%;
	
	}
.Left {
	width:300px;
	float:none;
	overflow:hidden;
	}
.Right {
	float:none;
	overflow:hidden;
	}
#LeftSideText {
	width:90%;
	overflow:hidden;
	}
#LeftSideText img {
	width:100%;
	height:inherit;
	margin-bottom:30px;
}
#RightSideOtherPages {
	width:100%;
	float:right;
	overflow:hidden;
	min-height:350px;
	padding-bottom:80px;
	}
#RightSideOtherPages img {
	width:100%;
	height:inherit;
	margin-bottom:30px;
	}
#Esimerkki {
	width:250px;
	float:right;
	margin-left:20px;
	}
#Esimerkki img {
	width:250px;
	height:inherit;
	}
#Referenssit {
	width:620px;
	}
#Referenssit img {
	width:300px;
	height:inherit;
	float:left;
	margin-right:10px;
	}
.Referenssi {
	clear:both;
	margin:10px 0px 10px 0px;
	}
#Kartta {
	width:300px;
	float:right;
	}
#ContactText {
	width:300px;
	float:left;
	}
.AlaosaCol {
	width:100%;
	}
.AlaosaColRight {
	width:100%;
	}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	/*color:#463f4a;*/
	color:#555a5e;
	
}
.AlaosaCol h2, .AlaosaColRight h2 {
	font-size:220%;
	margin:30px 0px 40px 0px;
}

blockquote {
	font-size:110%;
	font-family: 'Roboto Slab', serif;
	color:#555a5e;
	line-height:130%;
	margin:20px 30px 40px 40px;
	font-weight:400;
	}
h1 {
	font-size:190%;
	margin:10px 20px 40px 30px;
		}
h2 {
	font-size:160%;
	margin:10px 20px 30px 30px;

	}
h3 {
	font-size:150%;
	margin:10px 20px 30px 30px;
	

	}
h4 {
	font-size:120%;
	margin:10px 20px 30px 30px;
	

	}
p {
	font-size:130%;
	margin:10px 10px 40px 30px;
	color:#555a5e;
	line-height:1.4em;
	}
li {
	font-size:130%;
	color:#555a5e;
	margin-bottom:20px;
	}
ul {
	margin-left:50px;
	margin-bottom:40px;
	}
a { 
	color:#7daadb;
	
	} 
#Footer {
		width:100%;
		clear:both;
		background:#adbed1;
		text-align:center;
		padding:20px 0px 40px 0px;
		overflow:hidden;
	}
	#FooterWrap {
		width:100%;
		margin:auto;
		text-align:center;
	
		}
	#Footer a {
		color:#fff;
	}
	#Footer p {
		color:#fff;
		font-size:140%;
	

	}
	#Footer h1, #Footer h2, #Footer h3, #Footer h4 {
		color:#fff;}
	#Footer img {
		width:50%;
		margin-bottom:60px;
		margin-top:30px;

	}
	
	#FooterLeft {
		width:100%;
		margin: 40px auto 40px auto;
		text-align:center;
	
		}
	#FooterRight {
		width: 100%;
		margin:60px auto 60px auto;
		text-align:center;
		}
	#FooterRight p {
		}
	#FooterRight img {
		width: 30%;
		margin-bottom:0px;
		margin-top:40px;
		margin-right:20px;
		}
	#FooterRight ul li {
		list-style:none;
		display:inline;
		color:#FFF;
		font-family: 'Montserrat', serif;
		text-transform:uppercase;
		font-size:100%;
		margin-left: 20px;
	
	
	}
 #FooterRight ul li a {
		
		color:#FFF;
		font-family: 'Montserrat', serif;
		text-transform:uppercase;
		text-decoration:underline;
		font-size:90%;
	
	
	}	 
 }