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

html {
	width: 100%;
	height: 100%;
	}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	background: #2f2f2f url('../images/bg_body.jpg') repeat-x left top;
	}
	
#container {
	display: table;
	vertical-align: top; /* Prevent vertical floating in Mozilla */
	width: 980px;
	min-height; 91%; 
	margin: 0 auto;
	padding: 0;
	background: url('../images/bg_container.jpg') no-repeat 0px 235px;
	}

	#masthead {
		width: 980px;
		height: 235px;
		background: url('../images/bg_masthead.jpg') no-repeat;
		}
	
	#masthead_en {
		width: 980px;
		height: 235px;
		background: url('../images/bg_masthead_en.jpg') no-repeat;
		}
			
		#language {
			width: 950px;
			height: 19px;
			margin: 0 15px 0 15px;
			padding: 6px 0 0 0;
			text-align: right;
			}
			
			#language ul {
				margin: 0;
				padding: 0;
				list-style: none;
				}
				
				#language ul li {
					display: inline;
					margin: 0 5px 0 5px;
					padding: 0;
					color: #fff;					
					font-size: 0.8em;
					}
					
				#language ul li	a:link, #language ul li	a:active, #language ul li a:visited {
					color: #bbb;
					text-decoration: none;
					}
					
				#language ul li	a:hover, #language ul li a.active {
					color: #fff;
					text-decoration: none;
					}	

#masthead_animation {
	height: 175px;
	width: 950px;
	margin: 0 15px 0 15px 0;
	}
		
		#navigation {
			width: 942px;
			height: 15px;
			margin: 8px 15px 0 15px;
			padding: 0 4px 0 4px;
			text-align: center;
			}
			
			#navigation ul {
				margin: 0;
				padding: 0;
				list-style: none;
				color: #6ba6cb;
				}
				
				#navigation ul li {
					display: inline;
					margin: 0;
					padding: 0;
					font-size: 0.95em;
					font-weight: normal;
					font-family: tahoma, verdana, serif;
					}
					
				#navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited {
					color: #fff;
					text-decoration: none;
					padding: 0 5px 0 5px;
					}
					
				#navigation ul li a:hover  {
					color: #fff;
					text-decoration: underline;
					}		
			
				#navigation ul li a.active {
					color: #fff;
					font-weight: bold;
					text-decoration: none;
					padding: 0 3px 0 3px;
				}
	#content {
		float: left;
		display: inline;
		height: auto;
		width: 950px;
		margin: 0 15px 0 15px;
		padding: 30px 0 0 0;
		}
		
		#left-column {
			float: left;
			display: inline;
			width: 550px;
			min-height: 200px;
			margin: -0.5em 25px 0 50px;
			padding: 0;
			}
		
		#right-column {
			float: left;
			display: inline;
			width: 250px;
			margin: 0 50px 0 25px;
			padding: 0;
			}
	
		#footer {
			clear: both;
			display: block;
			width: 950px;
			height: 50px;
			margin: 15px auto 0 auto;
			padding: 5px 0 0 0;
			background: url('../images/bg_footer.jpg') no-repeat center top;
			text-align: center;
			color: #4D6370;
			font-family: arial, sans-serif;
			font-size: 10px;
			}

			#footer a:link, #footer a:visited, #footer a:active {
				color: #4D6370;
				text-decoration: none;
			}
			
			#footer a:hover {
				color: #6C899B;
				text-decoration: underline;
			}

/* Content Styling */

#left-column h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	color: #00aa00;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0.5em 0 0.3em 0;
	}

#left-column h2, #left-column h3 {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 1.05em;
	color: #00aa00;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0 0 0.1em 0;
	}
	
	#left-column h2 .date {
		font-size: 0.8em;
		padding: 0 0 0 4px;
		color: #bbb;	
		} 

#left-column h4 {
	font-family: "gill sans", "gill sans mt", arial, helvetica, san-serif;
	font-size: 1.05em;
	font-weight: normal;
	font-style: italic;
	color: #eee;
	margin: 0;
	padding: 0.7em 0 0.3em 0;
	}	

#left-column p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #fff;
	line-height: 1.3em;
	margin: 0 0 0 0;
	padding: 0 0 1em 0;
	}



	#left-column p em {
		color: #bbb;
		font-size: 0.8em;
		font-style: italic;
		line-height: 1.2em;
		padding: 16px 0 10px 0;
	}

#left-column ul {
	margin: 0 0 0 5px;
	padding: 0 0 1em 20px;
	list-style: disc;
	line-height: 1.3em;
	}
	
#left-column ul li {
	padding: 0 0 0 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #fff;
}

#left-column a:link, #left-column a:visited, #left-column a:visited {
	color: #5AACDD;
	text-decoration: none;
}

#left-column a:hover {
	color: #84d1ff;
	text-decoration: underline;
}

/* Lifecycle on frontpage */

a:link.elinkaari_01, a:visited.elinkaari_01, a:active.elinkaari_01 {
	float: left;
	display: inline;
	width: 184px;
	height: 165px;
	background: url('../images/elinkaari_01_normal.gif') no-repeat;
	}
	
a:hover.elinkaari_01 {
	background: url('../images/elinkaari_01_hover.gif') no-repeat;
	}

a:link.elinkaari_02, a:visited.elinkaari_02, a:active.elinkaari_02 {
	float: left;
	display: inline;
	width: 165px;
	height: 169px;
	background: url('../images/elinkaari_02_normal.gif') no-repeat;
	}
	
a:hover.elinkaari_02 {
	background: url('../images/elinkaari_02_hover.gif') no-repeat;
	}

a:link.elinkaari_03, a:visited.elinkaari_03, a:active.elinkaari_03 {
	float: left;
	display: inline;
	width: 199px;
	height: 165px;
	background: url('../images/elinkaari_03_normal.gif') no-repeat;
	}
	
a:hover.elinkaari_03 {
	background: url('../images/elinkaari_03_hover.gif') no-repeat;
	}

a:link.lifecycle_01, a:visited.lifecycle_01, a:active.lifecycle_01 {
	float: left;
	display: inline;
	width: 184px;
	height: 165px;
	background: url('../images/lifecycle_01_normal.gif') no-repeat;
	}
	
a:hover.lifecycle_01 {
	background: url('../images/lifecycle_01_hover.gif') no-repeat;
	}

a:link.lifecycle_02, a:visited.lifecycle_02, a:active.lifecycle_02 {
	float: left;
	display: inline;
	width: 165px;
	height: 169px;
	background: url('../images/lifecycle_02_normal.gif') no-repeat;
	}
	
a:hover.lifecycle_02 {
	background: url('../images/lifecycle_02_hover.gif') no-repeat;
	}

a:link.lifecycle_03, a:visited.lifecycle_03, a:active.lifecycle_03 {
	float: left;
	display: inline;
	width: 199px;
	height: 165px;
	background: url('../images/lifecycle_03_normal.gif') no-repeat;
	}
	
a:hover.lifecycle_03 {
	background: url('../images/lifecycle_03_hover.gif') no-repeat;
	}

/* Right column specialities */

#right-column h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.1em;
	color: #fff;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0.1em 0 0.5em 0;
	}

#right-column h2, #right-column h3 {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0 0 0.1em 0;
	}
	
	#right-column h2 .date {
		font-size: 0.7em;
	} 
	
	#right-column h3 {
		margin: -5px 0 0 0; 
		}

#right-column p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #bbb;
	line-height: 1.2em;
	margin: 0 0 0 0;
	padding: 0 0 2em 0;
	}
	
#right-column a:link, #right-column a:visited, #right-column a:visited {
	color: #488FB9;
	text-decoration: none;
}
/* For Guide too */
#right-column a:hover {
	color: #5AACDD;
	text-decoration: underline;
}

	#right-column  a.active {
		color: #5AACDD;
		text-decoration: none;
	}
	
#right-column ul {
	margin: 0 0 0 5px;
	padding: 0 0 0 20px;
	list-style: disc;
	line-height: 1.2em;
	}
	
#right-column ul li {
	padding: 0 0 0 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #bbb;
}	

#left-column a img, #right-column a img {
	border: 0;
	padding: 2px;
	margin: 0;
	}
	
#left-column a:hover img, #right-column a:hover img {
	border: 1px solid #4D6370;
	padding: 1px;
	margin: 0;
	}	
	
/* Right Column Form */

#right-column form {
	margin: 0;
	padding: 0;
	}
	
#right-column form p {
	padding: 0 0 0.7em 0;
}

#right-column form textarea {
	width: 250px;
	}
	
/* Special */
	
#right-column .flow {
	width: 250px;
	height: 300px;
	background: transparent url('../images/flow.gif') no-repeat 50% 7px;
	} 
	
	#right-column .flow p {
		height: 300px;
		text-align: center;
		color: #eee;
		font-size: 1.0em;
		font-weight: bold;
	} 

.clear {
	clear: both;
	}
	
.right {
	display: inline;
	float: right;
}	
	
.img_right {
	display: inline;
	float: right;
	margin: 0;
	padding: 5px 0 8px 15px;
	} 
	
.left {
	display: inline;
	float: left;
}	
		
		
.img_left {
	display: inline;
	float: left;
	margin: 0;
	padding: 5px 15px 8px 0;
	} 
	
.img_center, #right-column a img .img_center {
	margin: 5px 0 5px 0;;
	padding: 0;
	}
	
#image-preload {
	display: none;
	visibility: hidden;
	height: 0;
	}