/*********************************************************************/

/* RAD css - last edited 2.2.2007 (by KP Mikkola/MediaSPREA) */

/*********************************************************************/





body {

	margin: 0;

	padding: 0;

	font-family: arial, verdana, sans-serif;

	background: #fff url(images/bg_gradient.jpg) repeat-x;

	font-size: 100%;

}



#image_preload {

	display: block;

	visibility: hidden;

	border: 0;

}



/**********************/

/* Layout begins here */

/**********************/







#container {

	position: relative;

	margin: 20px auto 0 auto;

	padding: 0;

	width: 824px;

	height: 602px;

	background: transparent url(images/bg_content.jpg) no-repeat center 18px;

}



#container img {

	border: 0;

}



#language {

	clear: both;

	text-align: left;

	vertical-align: top;

	padding: 3px 0 0 0;

	margin: 0;

	width: 822px;

	font-family: arial;

	font-size: 12px;

	font-weight: normal;	

	color: #5A5A5A;

	text-decoration: none;

}



#language a, #language a:link, #language a:visited, #language a:active {

	font-family: arial;

	font-size: 12px;

	font-weight: normal;	

	color: #000077; /* was #004790 */

	text-decoration: none;

	margin: 0;

	padding: 0 4px 0 4px;

}



#language a:hover {

	color:  blue; /*other posibility #5A5A5A */

	text-decoration: none;

}



#masthead {

	background: #fff url(images/masthead.jpg) no-repeat;

	width: 760px;

	margin: 37px 32px 0 32px;

	padding: 0;

	float: left;

	display: inline;

	text-align: left;

	vertical-align: middle;

}



.logo { 

	float: left;

	display inline;

 	margin: 0;

	padding: 0;

	border: 0;

}



.slogan {

	float: right;

	display inline;

 	margin: 0;

	padding: 0;

	border: 0;

}



#navigation {

	float: left;

	display: inline;

	width: 700px;	

	height: 30px;

	margin: 18px 32px 0 32px;

	padding: 0;

}



#navigation a {

	float: left;

	display: inline;

	padding: 0 10px 0 0;

	margin: 0;

	height: 30px;

	text-decoration: none;

}



#navigation ul {

	margin: 0;

	padding: 0;

}



#navigation ul li {

	padding: 0;

	margin: 0 0 0 0;

	list-style: none;

	

}



#navigation em {

	visibility: hidden;

}



a:link.etusivu, a:visited.etusivu, a:active.etusivu {

	width: 120px;

	height: 30px;

	background: #fff url('images/bt_index.gif') no-repeat;



}



/* Suomeksi. #active1-8 numbering for ie6 */

a:hover.etusivu, #active1 {

	width: 120px;

	height: 30px;

	background: #fff url('images/bt_index_hover.gif') no-repeat;



}







a:link.palvelut, a:visited.palvelut, a:active.palvelut {

	width: 120px;

	height: 30px;

	background: #fff url('images/bt_palvelut.gif') no-repeat;



}



a:hover.palvelut, #active2 {

	width: 120px;

	height: 30px;

	background: #fff url('images/bt_palvelut_hover.gif') no-repeat;



}







a:link.asiakkaat, a:visited.asiakkaat, a:active.asiakkaat {

	width: 120px;

	height: 30px;

	background: #fff url('images/bt_asiakkaat.gif') no-repeat;



}



a:hover.asiakkaat, #active3 {

	width: 120px;

	height: 30px;

	background: #fff url('images/bt_asiakkaat_hover.gif') no-repeat;



}



a:link.yhteystiedot, a:visited.yhteystiedot, a:active.yhteystiedot {

	width: 120px;

	height: 30px;

	background: #fff url('images/bt_yhteystiedot.gif') no-repeat;



}



a:hover.yhteystiedot, #active4 {

	width: 120px;

	height: 30px;

	background: #fff url('images/bt_yhteystiedot_hover.gif') no-repeat;



}







/* In English */

a:link.index_en, a:visited.index_en, a:active.index_en {

	width: 120px;

	height: 30px;

	background: #fff url('images/bt_about.gif') no-repeat;



}



a:hover.index_en, #active5 {

	width: 120px;

	height: 30px;

	background: #fff url('images/bt_about_hover.gif') no-repeat;



}



a:link.services, a:visited.services, a:active.services {

	width: 120px;

	height: 30px;

	background: #fff url('images/bt_services.gif') no-repeat;



}



a:hover.services, #active6 {

	width: 120px;

	height: 30px;

	background: #fff url('images/bt_services_hover.gif') no-repeat;

}



a:link.clients, a:visited.clients, a:active.clients {

	width: 120px;

	height: 30px;

	background: #fff url('images/bt_clients.gif') no-repeat;



}



a:hover.clients, #active7 {

	width: 120px;

	height: 30px;

	background: #fff url('images/bt_clients_hover.gif') no-repeat;



}



a:link.contact, a:visited.contact, a:active.contact {

	width: 120px;

	height: 30px;

	background: #fff url('images/bt_contact.gif') no-repeat;



}



a:hover.contact, #active8 {

	width: 120px;

	height: 30px;

	background: #fff url('images/bt_contact_hover.gif') no-repeat;



}





#img_etusivu {

	background:  url('images/img_etusivu.jpg') no-repeat 32px top;

	width: 824px;

	height: 160px;

	margin: 10px 0 0 0;

	padding: 0;

	float: left;

	display: inline;

}





#img_palvelut {

	background:  url('images/img_palvelut.jpg') no-repeat 32px top;

	width: 824px;

	height: 160px;

	margin: 10px 0 0 0;

	padding: 0;

	float: left;

	display: inline;

}



#img_asiakkaat {

	background:  url('images/img_asiakkaat.jpg') no-repeat 32px top;

	width: 824px;

	height: 160px;

	margin: 10px 0 0 0;

	padding: 0;

	float: left;

	display: inline;

}





#content {

	clear: both;

	background: transparent;

	float: left;

	display: inline;

	margin: 20px 0 0 0;

	padding: 0;

	text-aling: left;

	vertical-align: top;

	width: 824px;

	height: 215px; 

}	



#content_long {

	clear: both;

	background: transparent;

	float: left;

	display: inline;

	margin: 20px 0 0 0;

	padding: 0;

	text-aling: left;

	vertical-align: top;

	width: 824px;

	height: 385px;  

}	



#divider {

	background: transparent url('images/vertical_divider.gif') repeat-y 411px top;

	float: left;

	display: inline;

	margin: 0;

	padding: 0;



}



.header {

	border: 0;

	display: block;

	margin: 0 0 10px 32px;

	padding: 0;

}





.header_yhteystiedot {

	border: 0;

	display: block;

	margin: 10px 0 10px 32px;

	padding: 0;

}





.column {

	float: left;

	display: inline;

	margin: 0 15px 0 32px;

	padding: 0;

	width: 356px;

	height: 161px; /*org 161*/

}

.column_long {

	float: left;

	display: inline;

	margin: 0 15px 0 32px;

	padding: 0;

	width: 356px;

	height: 332px; /*org 332*/

}



.konebuilding {

	float: right;

	display: inline;

	padding: 0;

	margin: 0 0 0 40px;

	border: 0;

}





h2 { 	

	margin: 0;

	padding: 0 0 0 0;

	font-family: arial;

	font-size: 13px;

	font-weight: bolder;	

	color: black;

	text-align: left;

	text-decoration: none;

}





p {	

	margin: 0;

	padding: 0 0 0.7em 0;

	font-family: arial;

	font-size: 12px;

	font-weight: normal;	

	color: black;

	text-align: justify;

	text-decoration: none;

}

.right { 	

	font-family: arial;

	font-size: 12px;

	font-weight: normal;	

	color: black;

	text-decoration: none;

	float: right;

	padding: 0;

	margin: 0;

}



.required { 	

	float: right;

	padding: 0;

	margin: 3px 15px 0 0;

	font-size: 12px;

	font-weight: normal;	

	color: #404040;



}



#content a:link, #content_long a:link, #content a:visited, #content_long a:visited, #content a:active, #content_long a:active, #content a:hover, #content_long a:hover{

	text-decoration: none;

	color: #005CBB;

}



/* Unordered list li styling */

#content ul, .content ol {

	margin: 0;

	padding: 0 0 0.4em 25px;

}





#content ul li {

	margin: 0;

	padding: 0 0 0 2px;

	font-weight: normal; 

	font-family: arial; 

	font-size: 0.8em; 

	line-height: 1.3em;

	list-style: disc; 

}



#content ol li {

	margin: 0;

	padding: 0 0 0 2px;

	font-weight: normal; 

	font-family: arial; 

	font-size: 0.8em; 

	line-height: 1.3em;

} 



form {

	margin: 0.7em 0 0 0;

	padding: 0;



}



textarea, input {

	font-family: arial;

	font-weight: normal;

	color: #404040;

	font-size: 12px;
	
	vertical-align: middle;

}

textarea {

	width: 350px;
	
	}
	
#footer {

	clear: both;
	
	display: block;
	
	text-align: center;

	margin: 0;

	padding: 22px 0 0 0;

	width: 824px;

	font-family: arial;

	font-size: 0.6em;

	font-weight: normal;	

	color: #6A6A6A;

	text-decoration: none;

}



#footer a, #footer a:link, #footer a:visited, #footer a:active {

	font-family: arial;

	font-size: 10px;

	font-weight: normal;	

	color: #6A6A6A;

	text-decoration: none;

	margin: 0;

	padding: 0;

}



#footer a:hover {

	color: #004790;

	text-decoration: none;

}