@charset "UTF-8";
/* CSS Document */



/* LAYOUT*/
body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #808080;
	background-color:#FFF;
	margin:0px;
	padding:0px;
}

#container {
	position:relative;
	width: 100%;
	height:453px;
	margin: 0 auto;
	text-align: left;
	background-color:#E6E6E6;
	background-image:url(../images/kuru_gray_pattern.jpg);
	background-repeat:repeat;
	
	}

#subcontainer {
	position:relative;
	width: 100%;
	height:483px;
	*height:483px;
	margin: 0 auto;
	text-align: left;
	background-color:#E6E6E6;
	background-image:url(../images/kuru_gray_pattern.jpg);
	background-repeat:repeat;

	
	}


#header {
	position:relative;
	margin:0px;
	padding:0px;
	text-align:left;
	width:100%;
	height:100px;
	top:-10px;
	background-color:#FFF;
	z-index:-2;
}

#english {
	position:relative;
	margin:0px;
	padding:0px;
	top:-30px;
	text-align:left;
	float:right;
}

#english2 {
	position:relative;
	margin:0px;
	padding:0px;
	top:-60px;
	text-align:left;
	float:right;
}

#content {
	margin: 0 auto;
	position:relative;
	text-align:left;
	top:-82px;
	width:860px;
	height:465px;
}

#maincontent {
	position:relative;
	text-align:left;
	top:80px;
	width:860px;
	height:430px;
	background-color:#FFF;
}

#maincontent2 {
	position:relative;
	text-align:left;
	top:50px;
	width:860px;
	height:430px;
	background-color:#FFF;
}


#frontpagecontent {
	position:relative;
	text-align:left;
	top:50px;
	width:860px;
	height:430px;
	background-color:#FFF;
	background-image:url(../images/tampereen_kovakivi.jpg)
}


#headline {
	position:relative;
	text-align:left;
	width:805px;
	top:30px;
	border-bottom: 1px solid #558EBF;
	margin:0 0 0 25px;
}

#ingressheadline {
	position:relative;
	text-align:left;
	width:365px;
	margin:0 0 10px 0;
	border-bottom: 1px solid #FFF;
}

#ingress {
	position:relative;
	text-align:left;
	top:70px;
	left:25px;
	width:365px;
	height:240px;
	padding: 20px 10px 10px 10px;
}

#column1 {
	position:relative;
	text-align:left;
	top:40px;
	width:285px;
	height:250px;
	padding: 20px 0 0 25px;
}

#column1_tarjous {
	position:relative;
	text-align:left;
	top:40px;
	width:420px;
	height:250px;
	padding: 20px 0 0 25px;
}

#column2 {
	position:absolute;
	top:65px;/* all browsers including Mac IE */
	*top:85px; /* IE 7 and below */
	left: 345px;
	text-align:left;
	width:485px;
	height:250px;

}

#column2_tarjous {
	position:absolute;
	top:75px;/* all browsers including Mac IE */
	*top:95px; /* IE 7 and below */
	left: 530px;
	text-align:left;
	width:250px;
	height:350px;

}

#column2_5 {
	position:absolute;
	top:85px;
	left: 355px;
	text-align:left;
	width:245px;
	height:250px;

}

#column3 {
	position:absolute;
	top:0px;
	left: 290px;
	text-align:left;
	width:240px;
	height:250px;

}

#column_form {
	position:relative;
	text-align:left;
	top:30px;
	width:300px;
	height:240px;
	padding: 20px 0 0 25px;
}

#navigation {
	position:absolute;
	top:57px;
	left:25px;
	text-align:left;
	height:29px;
	

}

#subnavigation {
	position:relative;
	margin: 0 auto;
	width:810px;
	top:-455px;
	_top:-503px;
	left:0px;
	padding:0 25px 0 25px;
	text-align:left;
	height:20px;
	z-index:100;
	background-color:#FFF;
	

}

#navigation_background {
	position:absolute;
	top:-29px;
	left:0px;
	text-align:left;
	width:50%;
	height:29px;
	background-color:#558EBF;
	z-index:-1;
}

#footer {
	position:relative;
	width:860px;
	height:20px;
	top:100px;
	*top:90px;
	*background:#FFFFFF;
	*padding:10px 0 0 0;

}

#indexfooter {
	position:relative;
	width:860px;
	height:20px;
	top:70px;
	*top:60px;
	*background:#FFFFFF;
	*padding:10px 0 0 0;


}




/* TYOGRAPHY*/

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

		}

#ingress p 		{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-align: left;
		font-size: 12px;
		font-style:italic;
		line-height: 16px;
		padding: 0 0 7px 0;
		color:#FFF;

		}
		

		
				
h1		{
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-align: left;
				font-size: 24px;
				line-height: 20px;
				letter-spacing: 0px;
				padding:0 0 5px 0;
				font-style:italic;
				font-weight:600 !important;
				color:#558EBF;
				}
h2		{
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-align: left;
				font-size: 14px;
				line-height: 16px;
				letter-spacing: 0px;
				font-weight:600 !important;
				color:#558EBF;
				}

.light		{
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-align: left;
				font-size: 24px;
				line-height: 20px;
				letter-spacing: 0px;
				padding:0 0 5px 0;
				font-style:italic;
				font-weight:100 !important;
				color:#558EBF;
				}

.ingresslight		{
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-align: left;
				font-size: 24px;
				line-height: 24px;
				letter-spacing: 0px;
				padding:0 0 5px 0;
				font-style:italic;
				font-weight:100 !important;
				color:#FFF;
				}
				
#ingress h1		{
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-align: left;
				font-size: 24px;
				line-height: 24px;
				letter-spacing: 1px;
				padding:0 0 5px 0;
				font-style:italic;
				font-weight:600 !important;
				color:#FFF;
				}
				
span			{		
				
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				font-size: 15px;
				line-height: 20px;
				letter-spacing: 1px;
				font-weight:300;
				font-style:italic;
				text-transform:none;
				}
h3 		{
		margin: 0 0 0 0;
		padding: 5px 0 0 0;
		text-align: left;
		font-size: 12px;
		line-height: 15px;
		font-weight:100;

		}				


h4		{
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-align: center;
				font-size: 11px;
				line-height: 10px;
				letter-spacing: 0px;
				padding:0 0 5px 0;
				color:#808080 !important;
				font-weight:100;
				}
				
h5		{
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-align: center;
				font-size: 10px;
				line-height: 9px;
				letter-spacing: 0px;
				padding:0 0 5px 0;
				color:#CCC !important;
				font-weight:100;
				}



li			{		
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				list-style:none;
				font-size: 11px;
				line-height: 12px;
				list-style: inside;


				}
ul		{		
				padding: 0 0 0 0;
				

				}
				
				

				
/* Images */

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

				}
				
.imglink		{
				margin: -20px 0 0 0;
				float:left;		
				padding: 0 50px 40px 0 !important;
				border:none;

				}
				
.imglink2		{
				margin: -20px 0 0 0;
				float:left;		
				padding: 11px 50px 40px 0 !important;
				border:none;

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

				}
				
.left			{		
				margin: 0 10px 0 -45px;
				*margin: 10 10px 0 -45px;
				padding: 0 0 0 0;
				border:none;
				float:left;

				}
				
.padding		{		
				margin: 0 0 0 0;
				padding: 0 0 0 6px;
				border:none;

				}


.margin			{		
				margin: 0 0 0 20px;
				padding: 0 0 0 0;
				border:none;

				}
				
.margin_tarjous			{
				float: right;		
				margin: 320px 0 0 50px;
				padding: 0 0 0 0;
				border:none;

				}				

/* Navigation */
#navigation ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
	}

	
#navigation li:hover {
	display:inline;
	text-align:center;
	font-size: 12px !important;
	line-height: 15px;
	margin:0 0 0 0;
	padding:8px 0px 7px 0px;
	background-color:#FFF;
	z-index:1
	}

#current {
	background-color:#FFF !important;
	}


#navigation li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	line-height: 15px;
	display:inline;
	text-align:center;
	margin:0 0 0 0;
	padding:8px 0px 6px 0px;
	background-color:#558EBF;

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

	

#current_sub {
	background-color:#FFF !important;
	}


#subnavigation li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	line-height: 15px;
	display:inline;
	text-align:center;

	}



#navigation a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	line-height: 15px;
	padding: 5px 10px 5px 5px;
	text-decoration:none;
	color:#FFF;
	}
	
#navigation a:active {
	color: #6699CC;
	}

#navigation a:visited {
	font-size: 12px !important;;
	line-height: 15px;
	padding: 5px 10px 5px 5px;
	text-decoration:none;
	color:#FFF;

	}
	
#navigation a:hover {
	color: #558EBF;
	}

.current_link { 
	color: #558EBF !important;

	}

#subnavigation a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	line-height: 15px;
	padding: 5px 10px 5px 5px;
	text-decoration:none;
	color:#999;
	}
	
#subnavigation a:active {
	color: #558EBF;
	}

#subnavigation a:visited {
	font-size: 11px !important;;
	line-height: 15px;
	padding: 5px 10px 5px 5px;
	text-decoration:none;
	color:#999;

	}
	
#subnavigation a:hover {
	color: #558EBF;
	}


.current_sub_link { 
	color: #558EBF !important;
	}






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

a:visited {
	font-size: 11px;
	line-height: 15px;
	color: #558EBF;
	text-decoration:none;
	}
	
a:hover {
	color: #558EBF;
	text-decoration: underline;
	}
	
	
	
/* Footer Links */

#footer a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 9px;
	color: #CCC;
	text-decoration: underline;
	}
	
#footer a:active {
	color: #CCC;
	text-decoration:none;
	}

#footer a:visited {
	font-size: 10px;
	line-height: 9px;
	color: #CCC;
	text-decoration:underline;
	}
	
#footer a:hover {
	color: #CCC;
	text-decoration:none;
	}

#indexfooter a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 9px;
	color: #CCC;
	text-decoration: underline;
	}
	
#indexfooter a:active {
	color: #CCC;
	text-decoration:none;
	}

#indexfooter a:visited {
	font-size: 10px;
	line-height: 9px;
	color: #CCC;
	text-decoration:underline;
	}
	
#indexfooter a:hover {
	color: #CCC;
	text-decoration:none;
	}
	


/* From */				
select {
margin: 0 0 5px 0;	}

textarea {
margin: 0 0 10px 0;	}