@charset "UTF-8";


body, html {
	padding: 0;
	margin: 0;
	background: #000;
	width: 100%;
	text-align: center;
}

body {
	background: #000 url(../gfx/bg1.jpg) center top no-repeat;
}


a:link,
a:visited,
a:hover,
a:active {
	color: #CC6600;
	text-decoration: none;
}

.mikael {
	display: block;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 140px;
	float: right;
}

#Page {
	margin: 0 auto;
	padding: 0;
	width: 990px;
	min-height: 1069px;
	text-align: left;
}


#Contents {
	padding: 140px 45px 20px 45px;
}

#introTXT {
	display: block;
	float: left;
	width: 500px;
	height: 140px;
	border-right: 1px solid #929292;
}

#body_fi #introTXT {
	background: url(../gfx/introtxt_fi.gif) left center no-repeat;
}
#body_en #introTXT {
	background: url(../gfx/introtxt_en.gif) left center no-repeat;
}

#navi {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	height: 120px;
	width: 160px;
	border-right: 1px solid #929292;
	padding: 20px 0 0 40px;
}
	#navi li {
		display: block;
		margin: 0 0 10px 0;
	}
	#navi li a {
		height: 17px;
		display: block;
		background-repeat: no-repeat;
	}
	#body_en #navi li a {
		background-image: url(../gfx/navi_en.gif);
		width: 85px;
	}
	#body_fi #navi li a {
		background-image: url(../gfx/navi_fi.gif);
		width: 88px;
	}
	#navi li a.portfolio { 		background-position: left -87px; }
	#navi li a.portfolio:hover{ background-position: right -87px; }
	
	#navi li a.contact { 		background-position: left 0; }
	#navi li a.contact:hover { 	background-position: right 0; }
	
	#navi li a.cv { 			background-position: left -29px; }
	#navi li a.cv:hover { 		background-position: right -29px; }
	
	#navi li a.blog { 			background-position: left -58px; }
	#navi li a.blog:hover { 	background-position: right -58px; }
	
	#navi li a span {
		display: none;
	}

.language:link,
.language:visited,
.language:hover,
.language:active {
	float: right;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	line-height: 21px;
	font-weight: bold;
	text-align: center;
	width: 66px;
	margin: 0 14px 0 0;
}
	
.case {
	border: 3px solid #fff;
	padding: 0 0 5px 5px;
	width: 890px;
	background-repeat: no-repeat;
	clear: both;
}

.case a {
	background: url(../gfx/plus.gif) left bottom no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	padding: 0;
	margin: 0;
} /*
.case a:hover {
	background: url(../gfx/plus_hover.gif) left bottom no-repeat;
}*/

.meta {
	float: right;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	text-align: right;
	width: 50%;
	display: block;
	padding: 17px 0 0 0;
}

.title {
	font-weight: normal;
	font-size: 24px;
	line-height: 32px;
	float: left;
	width: 50%;
	display: block;
}

.smallMeta {
	font-size: 11px;
	padding: 4px 0 0 0;
	display: block;
}
	.smallMeta a:hover, 
	.smallMeta a:active, 
	.smallMeta a:visited, 
	.smallMeta a:link {
		color: #fff;
	}
	.smallMeta a:hover, 
	.smallMeta a:active {
		text-decoration: underline;
	}

hr {
	background: transparent url(../gfx/hr.gif) center center no-repeat;
	height: 9px;
	min-width: 219px;
	margin: 15px 0;
	padding: 0;
	border: 0;
}
	

em.start {
    font-size: 15px;
    line-height: 21px;
    font-family:Georgia, 'Times New Roman', Times, serif;
}

.grey {
    color: #ccc;
}

h3 {
    font-size: 21px;
    line-height: 23px;
    
}

.WhitePaper {
	padding: 50px 40px;
	background: #fff url(../gfx/whitepaper.gif) no-repeat;
	color: #000;
}
.WhitePaper_bottom {
	background: #fff url(../gfx/whitepaper2.gif) no-repeat;
	height: 51px;
}

.rightBox {
    float: right;
	width: 250px;
    margin: 0 0 30px 30px;
/*    background: #F1F1F1;*/
border: 1px solid #DCDCDC;
    padding: 20px;
}

	
	
body, textarea, input {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
}
body {
	color: #fff;
}


	
.Hidden {
	display: none;
}

.Clear {
	clear: both;
}

a img {
	border: 0;
}



/* Password box start */
#password_box {
	width: 380px;
	margin: 0 auto;
	padding: 20px;
	text-align: left;
}
#password_box input.text {
	border: 1px solid #ddd;
	padding: 2px 4px;
	font-size: 20px;
	line-height: 20px;
	color: #000;
	width: 100px;
}
#password_box label {
	font-weight: bold;
}

a.password:link,
a.password:visited,
a.password:hover,
a.password:active {
	display: block;
	text-align: center;
	font-size: 10px;
	color: #fff;
	margin: 5px auto 40px auto;
}
a.password:hover,
a.password:active {
	text-decoration: underline;
}
/* Password box end */