/* LAYOUT*/
body {
	background: #666666;
	background-image:url(../images/pattern.jpg);
	padding: 5px 0 0 0;
	margin:0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #444444;
}

	
#container {
	position:relative;
	width: 1004px;
	height:521px;
	margin: 0 auto;
	background-image:url(../images/background.png);
	text-align: left;
	}

#header {
	position:relative;
	margin: 0 auto;
	text-align:left;
	width:974px;
	padding:0 0 0 30px;
}

#language {
	position:absolute;
	top:48px;
	left: 815px;
	width:150px;
	margin: 0 100px 10px 0;
	padding:0 0 5px 0;
	
}


#roihu {
	position:absolute;
	z-index:50;
	top:22px;
	left:20px;
	width:324px;
	height:241px;
	padding: 0;

}

#roihu_teksti {
	position:absolute;
	z-index:1;
	top:25px;
	left:25px;
	width:235px;
	height:191px;
	padding:40px;

}

#yhteystiedot {
	position:absolute;
	z-index:50;
	top:21px;
	left:344px;
	width:215px;
	height:240px;
	padding: 0;

}


#yhteystiedot_teksti {
	position:absolute;
	z-index:1;
	top:21px;
	left:364px;
	width:145px;
	height:180px;
	padding: 30px;

}


#palvelut {
	position:absolute;
	z-index:50;
	top:23px;
	left:559px;
	width:312px;
	height:240px;
	padding: 0;

}

#palvelut_teksti {
	position:absolute;
	z-index:1;
	overflow:hidden;
	top:28px;
	left:564px;
	width:252px;
	height:155px;
	padding: 25px;

}

#palvelulista_teksti {
	position:absolute;
	overflow:auto;
	z-index:1;
	top:43px;
	left:564px;
	width:220px;
	height:150px;
	padding: 10px 20px 20px 30px;

}

#tekijat {
	position:absolute;
	z-index:50;
	top:261px;
	left:20px;
	width:433px;
	height:239px;
	padding: 0;

}

#tekijat_esittely {
	position:absolute;
	z-index:1;
	top:266px;
	left:25px;
	width:323px;
	height:104px;
	padding: 40px;
}

#tekijat_teksti {
	position:absolute;
	z-index:1;
	top:255px;
	left:25px;
	width:200px;
	height:104px;
	padding: 40px;
}

#tekijat_kuva {
	position:absolute;
	z-index:1;
	top:236px;
	left:235px;
	width:150px;
	height:185px;
	padding: 40px;
}

#henkilot {
	position:absolute;
	z-index:1;
	top:470px;
	left:65px;
	width:373px;
	height:25px;
	text-align:left;


}

#asiakkaat {
	position:absolute;
	z-index:50;
	top:262px;
	left:453px;
	width:418px;
	height:241px;
	padding: 0;
	text-align:center;


}

#asiakkaat_teksti {
	position:absolute;
	z-index:1;
	top:282px;
	left:478px;
	width:308px;
	height:160px;
	overflow:auto;
	padding: 15px 20px 20px 25px;

}

#asiakassivut {
	position:absolute;
	z-index:1;
	top:470px;
	left:495px;
	width:383px;
	height:25px;
	text-align:left;
	

}

#ajankohtaista {
	position:absolute;
	top:20px;
	left:861px;
	width:110px;
	height:466px;
	padding: 5px 0px 5px 12px;


}

#flash {
	position:absolute;
	top:20px;
	left:861px;
	width:108px;
	height:238px;
	padding: 5px 0px 5px 12px;


}

#keys_box {
	position:absolute;
	top:278px;
	left:861px;
	width:102px;
	height:220px;
	padding: 5px 5px 5px 12px;
	z-index:100;


}


#footer {
	position:relative;
	width:974px;
	margin: 0 auto;
	padding:0 0 0 30px;

}




/* TYOGRAPHY*/

p 		{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-align: left;
		font-size: 11px;
		line-height: 15px;
		padding: 0 0 7px 0;

		}
				
h1		{
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-align: left;
				font-size: 14px;
				line-height: 18px;
				letter-spacing: 0px;
				font-weight: 100;
				padding:0 0 5px 0;
				text-transform:uppercase;	
				}
				

h2			{		
				
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				font-size: 12px;
				line-height: 40px;
				letter-spacing: 1px;
				font-weight:900;
				text-transform:uppercase;

				}
				
h3			{		
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				font-size: 11px;
				line-height: 20px;
				letter-spacing: 0px;
				font-weight:900;
				text-transform:uppercase;

				}
h5			{		
				margin: 0 10px 0 0;
				padding: 0 0 0 0;
				font-size: 9px;
				letter-spacing: 0px;
				font-weight:300;
				color:#555;

				}


.ingress 	{
				font-size: 12px;
				line-height: 16px;
				letter-spacing: -1px;
				font-style:italic;
				
			}	

				
.bold 		{ font-weight:bold;}


.italic 		{ 
				font-size: 11px;
				line-height: 16px;
				letter-spacing: 1px;
				text-transform:lowercase;
				font-style:italic;}		


.capitals 			{
				font-size: 14px;
				line-height: 20px;
				text-transform: uppercase;
				float: left;
				}


.current 			{
	color: #d85220 !important;
	text-decoration:none !important;

}

.currentfooter 			{
	color: #bdecbd !important;
	text-decoration:none !important;
}

.small	{ 
				font-size: 8px;
				line-height:8px;
				}

.smalllink	{ 
		font-size: 11px !important;
				}
				
.copyright			{
				float:left;		
				margin: -15px 20px 0 0;
				border:none;

				}



li			{		
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				list-style:none;
				display:inline;
				font-size: 12px;
				line-height: 15px;
				padding: 0 7px 7px 0;


				}
ul		{		
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				

				}
				
#asiakkaat_teksti li			{		
				margin: 0 0 0 0 !important;
				padding: 0 0 0 0 !important;
				display:list-item !important;
				font-size: 11px !important;
				line-height: 13px !important;
				padding: 0 7px 7px 0 !important;


				}
#asiakkaat_teksti ul		{		
				margin: 5px 0 0 0;
				padding: 0 0 0 0;
				

				}
				
				
				
#footer li			{		
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				list-style:none;
				display:inline;
				font-size: 12px;
				line-height: 15px;
				padding: 0 7px 7px 0;


				}
#footer ul		{		
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-align:center;
				


				}

				
/* Images */

img { behavior: url(iepngfix.htc) } /* png fix */

img			{		
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				border:none;

				}
				
#tekijat_teksti img			{
				float:right;		
				padding: 0;
				border:none;

				}
.left			{
				float:left;		
				padding: 0;
				border:none;

				}
				
.right			{
				float:right;		
				padding: 0;
				margin:0;
				border:none;

				}
.share			{
				font-size: 11px !important;
				text-decoration:underline !important;
				float:right;		
				padding: 0 20px 0 0;
				margin:-15px 0 0 0;
				border:none;

				}
				
.share:hover			{
				font-size: 11px !important;
				text-decoration:none !important;
				float:right;		
				padding: 0 20px 0 0;
				margin:-15px 0 0 0;
				border:none;

				}

.keys 			{
				margin: -11px 0 0 0;		
				padding: 0;
				border:none;

				}

.padding 			{
		position:relative;
		top:0;
				margin:0 0 0 -1px;		
				padding:0 0 0 0;
				border:none;

				}

				
#ajankohtaista img			{		
				padding: 5px;
				border:none;

				}

#keys_box img:hover {position:relative;
				top:1px;
				left:1px;
				}
				
#roihu img:hover {position:relative;
				left:1px;
				}
#yhteystiedot img:hover {position:relative;
				top:1px;
				left:0px;
				}
				
#palvelut img:hover {position:relative;
				top:0px;
				left:-1px;
				}

#tekijat img:hover {position:relative;
				top:-1px;
				left:1px;
				}
#asiakkaat img:hover {position:relative;
				top:-1px;
				left:0px;
				}


				
#asiakkaat_teksti img {
	padding: 0 3px 0 0;

}


/* Navigation */

#footer a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	line-height: 15px;
	padding: 0 0 7px 0;
	color: #555;
	text-decoration: underline;
	}
	
#footer a:active {
	color: #bdecbd;
	text-decoration:none;
	}

#footer a:visited {
	font-size: 11px!important;
	line-height: 15px;
	padding: 0 0 7px 0;
	color: #555;
	}
	
#footer a:hover {
	color: #bdecbd;
	text-decoration:none;
	}
	
#footer a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	line-height: 15px;
	padding: 0 0 7px 0;
	color: #555;
	text-decoration: underline;
	}
	
#footer a:active {
	color: #bdecbd;
	text-decoration:none;
	}

#footer a:visited {
	font-size: 11px!important;
	line-height: 15px;
	padding: 0 0 7px 0;
	color: #555;
	}
	
#footer a:hover {
	color: #bdecbd;
	text-decoration:none;
	}

#language a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding: 0 0 7px 0;
	color: #444444;
	text-decoration: underline;
	}
	
#language a:active {
	color: #bdecbd;
	text-decoration:none;

	}

#language a:visited {
	font-size: 11px;
	line-height: 15px;
	padding: 0 0 7px 0;
	color: #444444;
	}
	
#language a:hover {
	color: #bdecbd;
	text-decoration:none;

	}


/* Links */				
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding: 0 0 7px 0;
	color: #444444;
	text-decoration: underline;
	}
	
a:active {
	color: #d85220;
	text-decoration:none;
	}

a:visited {
	font-size: 11px;
	line-height: 15px;
	padding: 0 0 7px 0;
	color: #444444;
	}
	
a:hover {
	color: #d85220;
	text-decoration:none;

	}