/* Fincoat */

body {
	background-image: url(gfx/bg.jpg);
	background-repeat: repeat-x; 
	background-color: #ffffff;
	margin: 0;
	font-family: Helvetica, "Trebuchet MS";
	font-size: 12px;
	line-height: 16px;
}

/*  NAVIGATION */

#navi {	width: 248px; min-height: 500px; float: left; }
#navicontainer { width: 248px; min-height: 200px; }
#navicontainer b {display:none; }

	#n01 A 			{ width: 248px; height: 33px; display: block; background-image: url(gfx/n01.jpg);}
	#n01 A:hover 	{ width: 248px; height: 33px; display: block; background-image: url(gfx/n01_hover.jpg);}
	#n01_active 	{ width: 248px; height: 33px; display: block; background-image: url(gfx/n01_active.jpg);}
	
	#n02 A 			{ width: 248px; height: 33px; display: block; background-image: url(gfx/n02.jpg);}
	#n02 A:hover 	{ width: 248px; height: 33px; display: block; background-image: url(gfx/n02_hover.jpg);}
	#n02_active 	{ width: 248px; height: 33px; display: block; background-image: url(gfx/n02_active.jpg);}
	
	#n03 A 			{ width: 248px; height: 33px; display: block; background-image: url(gfx/n03.jpg);}
	#n03 A:hover 	{ width: 248px; height: 33px; display: block; background-image: url(gfx/n03_hover.jpg);}
	#n03_active A	{ width: 248px; height: 33px; display: block; background-image: url(gfx/n03_active.jpg);}
	
	#n04 A 			{ width: 248px; height: 33px; display: block; background-image: url(gfx/n04.jpg);}
	#n04 A:hover 	{ width: 248px; height: 33px; display: block; background-image: url(gfx/n04_hover.jpg);}
	#n04_active 	{ width: 248px; height: 33px; display: block; background-image: url(gfx/n04_active.jpg);}
	
	#n05 A 			{ width: 248px; height: 33px; display: block; background-image: url(gfx/n05.jpg);}
	#n05 A:hover 	{ width: 248px; height: 33px; display: block; background-image: url(gfx/n05_hover.jpg);}
	#n05_active 	{ width: 248px; height: 33px; display: block; background-image: url(gfx/n05_active.jpg);}
	
	#n06 A 			{ width: 248px; height: 33px; display: block; background-image: url(gfx/n06.jpg);}
	#n06 A:hover 	{ width: 248px; height: 33px; display: block; background-image: url(gfx/n06_hover.jpg);}
	#n06_active 	{ width: 248px; height: 33px; display: block; background-image: url(gfx/n06_active.jpg);}
	
	#nbottom		{ width: 248px; height: 75px; background-image: url(gfx/nbottom.jpg); } 


#hs_navi { width: 548px; height: 33px; float: left; background-image: url(gfx/hs_bg.jpg); margin-bottom: 10px;  }
#hs_navi b {display:none; }

	#hsn01 A 		{ width: 109px; height: 33px; float: left; display: block; background-image: url(gfx/hsn01.gif);}
	#hsn01 A:hover 	{ width: 109px; height: 33px; float: left; display: block; background-image: url(gfx/hsn01_hover.gif);}
	#hsn01_active 	{ width: 109px; height: 33px; float: left; display: block; background-image: url(gfx/hsn01_hover.gif);}
	
	#hsn02 A 		{ width: 109px; height: 33px; float: left; display: block; background-image: url(gfx/hsn02.gif);}
	#hsn02 A:hover 	{ width: 109px; height: 33px; float: left; display: block; background-image: url(gfx/hsn02_hover.gif);}
	#hsn02_active 	{ width: 109px; height: 33px; float: left; display: block; background-image: url(gfx/hsn02_hover.gif);}
	

#container {
	width: 796px;
	min-height: 500px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
	
	#content {
		width: 548px;
		min-height: 600px;
		float: left;
		background-color: #ece9fc;
		background-image: url(gfx/content_bg.jpg);
		background-position: left bottom;
		background-repeat: repeat-x;
	}
	
	#content H1 { color: #445dc1; font-size: 20px; font-weight: normal; margin-left: 25px; margin-top: 5px; }
	#content P { margin-left: 25px; margin-right: 80px; }
	
/* FRONT NAVIGATION */

#front_navicontainer { float: left; width: 548px; height: 66px; }
#front_navicontainer b { display:none; }

	#front_n01 A			{ float: left; width: 178px; height: 66px; display:block; background-image: url(gfx/hyodyt.jpg); }
	#front_n01 A:hover		{ float: left; width: 178px; height: 66px; display:block; background-image: url(gfx/hyodyt_hover.jpg); }
	#front_n01_active		{ float: left; width: 178px; height: 66px; display:block; background-image: url(gfx/hyodyt_active.jpg); }
	
	#front_n02 A			{ float: left; width: 189px; height: 66px; display:block; background-image: url(gfx/teknologia.jpg); }
	#front_n02 A:hover		{ float: left; width: 189px; height: 66px; display:block; background-image: url(gfx/teknologia_hover.jpg); }
	#front_n02_active		{ float: left; width: 189px; height: 66px; display:block; background-image: url(gfx/teknologia_active.jpg); }
	
	#front_n03 A			{ float: left; width: 181px; height: 66px; display:block; background-image: url(gfx/sovellukset.jpg); }
	#front_n03 A:hover		{ float: left; width: 181px; height: 66px; display:block; background-image: url(gfx/sovellukset_hover.jpg); }
	#front_n03_active		{ float: left; width: 181px; height: 66px; display:block; background-image: url(gfx/sovellukset_active.jpg); }

#front_content { 
	width: 548px; 
	min-height: 300px; 
	float: left; 
	background-image: url(gfx/front_bg.jpg); 
	background-repeat: repeat-x;
}
#front_content H1 { color: #445dc1; font-size: 16px; font-weight: bold; margin-left: 25px; margin-top: 20px; }
		
	
#footer {
	width: 796px;
	height: 83px;
	float: left;
	background-image: url(gfx/footer.jpg);
}

.bold {font-weight: bold;}
.blue {color:#445dc1;}