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

/* Päärakenne */

body{
	margin: 0px;
	background: #fff;
	background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;

}

/* Rakenteen wrappaus*/

#mainWrapper {

	margin:auto;
	text-align:left;
	width: 100%;
	height: 100%;
	margin-top: 0px;

}


/* Sisällön wrappaus*/

#contentWrapper{
	position:absolute;
	top: 0;
	left: 50%;
	width:100%;
	height:50%;
	margin-top: 0px; /*set to a negative number 1/2 of your height*/
	margin-left: -50%; /*set to a negative number 1/2 of your width*/
background: #005f7b;

}





#colLeft{
	position:absolute;
	top: 55%;
	left: 50%;
	width:86%;
	height:60%;
	margin-top: -10%; /*set to a negative number 1/2 of your height*/
	margin-left: -40%; /*set to a negative number 1/2 of your width*/



}

#colRight{
	position:absolute;
	top: 107%;
	left: 50%;
	width:86%;
	height:50px;
	margin-top: -25px; /*set to a negative number 1/2 of your height*/
	margin-left: -40%; /*set to a negative number 1/2 of your width*/
	z-index: 100;


}

#topLogo{
	width: 260px;
	float: right;
	margin-top:18px;

}


.textArea{
	margin-left: 222px;

}

p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #fff;
	line-height: 1.5em;
	letter-spacing: -0.01em;

}

#colLeft h2{
	margin-top:2em;
	color: #000;
	font-size: 15px;
	letter-spacing:0.01em;
	color: #fff;
	font-weight:100;
}


#colRight h2{
	margin-top:-3px;
	color: #000;
	font-size: 14px;
	float:left;
	letter-spacing:-0.01em;
	color: #005f7b;
	font-weight:300;
	line-height: 1.85em;
	text-align:right;
}

#topLogo p{
font-size: 9px;
color: #005f7b;
margin-left:1px;
}
#topLogo h2{
font-size: 15px;
color: #005f7b;
margin-left:1px;
width: 240px;
line-height: 1.5em;
letter-spacing:0.029em;
width: 260px;

}

a, a:visited{
	color: #00c5ff;

	

}

a:hover{

	text-decoration:underline;

	

}

hr {
	border: 0;
	width: 90%;
	color: #dfdfdf;
	background-color: #dfdfdf;
	height: 1px;
}


td{	
vertical-align: top;

}

/* Sekundaarinen navi - ylännavi*/
a img{border: 0;}

#footer{
position:absolute;
bottom: 0;
right: 0;
padding: 0.5em;
}

#footer img{
filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;

}

#rollover01 a{

	display: block; 
	height: 58px; 
	width: 68px; 
 	background:  url(../images/btn_blog.jpg) 0 0 no-repeat;
	margin-top: 9px;
	margin-left: 0px;
	border: 0;
	float:left;



}



#rollover01 a:hover {background-position: 0 -58px;
background-color:#edae28;

}

#rollover02 a{

	display: block; 
	height: 58px; 
	width: 68px; 
 	background:  url(../images/btn_rekry.jpg) 0 0 no-repeat;
	margin-top: 9px;
	margin-left: 0px;
	border: 0;
	float:left;



}



#rollover02 a:hover {background-position: 0 -58px;
background-color:#edae28;

}


#rollover03 a{

	display: block; 
	height: 58px; 
	width: 68px; 
 	background:  url(../images/btn_showreel.jpg) 0 0 no-repeat;
	margin-top: 9px;
	margin-left: 0px;
	border: 0;
	float:left;



}



#rollover03 a:hover {background-position: 0 -58px;
background-color:#edae28;

}

#lineArea{
width: 240px; float: right; height: 75px; margin-right: 20px; margin-top: 18px; border-right: 2px solid #005f7b; text-align:right;
}

#extraNavi{
	float: right; 
	width: 68px; 
	margin-top: -18px; 
	margin-right: 0px;
	margin-top /*\**/: -30px\9  /* IE 8*/
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#colLeft {margin-top: -90px;}}
}