/* CSS Document */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: url('img/body_bgr.gif') repeat-x #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #545454;
	font-size: 0.7em;
}
body a {
	text-decoration: none;
	color: #8b8a8a;
}
body a:hover {
	text-decoration: none;
	color: #363636;
}

body h1 {
	margin: 0px 0px 0px 0px;
	pading: 0px 0px 0px 0px;
	font-size: 110%;
	font-style: italic;
	color: #666666;
}
body h3 {
	margin: 7px 0px 0px 0px;
	pading: 0px 0px 0px 0px;
	font-size: 100%;
	font-style: italic;
	color: #545454;
}
body p {
	margin: 0px 0px 10px 0px;
	pading: 0px 0px 0px 0px;
	font-size: 100%;
	line-height: 1.2em;
}
div#wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 852px;
	min-height: 600px;
	
}

/*CONTENT STYLES*/

div#left_wrapper {
	float: left;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	width: 530px;
	min-height: 50px;
	background: url('img/left_h.gif') no-repeat 0px 2px;
}
div#left_wrapper img{
	margin: 0px 0px 12px 0px;
}
div#right_wrapper {
	float:right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	width: 300px;
	min-height: 50px;
	color: #ff9347;
	background: url('img/right_h.gif') no-repeat 0px 2px;
}
div#right_wrapper ul {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}
div#right_wrapper li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#right_wrapper li a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #ff9347;
}
div#right_wrapper li a:hover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #c67d49;
}


div#right_wrapper img{
	margin: 0px 0px 12px 0px;
}
/*FOOTERT STYLES*/

div#footer {
	clear: both;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	width: 100%;
	height: 50px; 
	background: url('img/footer.gif') repeat-x top;
	font-size: 90%;
	
}
div#footer a {
	color: #3d3d3d;
	padding: 0px 0px 0px 35px;
	font-weight: bold;
} 
div#footer a:hover {
	color: #999999;
}

/*HEADER STYLES*/

div#header {
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 100%;
	background: url('img/top_tunnus.gif') no-repeat 0px 0px;
}
div#header_image {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 139px;
	background: url('img/header.jpg') no-repeat 0px 0px;
	
}
div#navi {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url('img/navi_bgr.gif') repeat-x;
	width: 100%;
	height: 47px;
	clear: both;
}
div#tunnus {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 47px;
	width: 163px;
	background: url('img/metalli.gif') no-repeat;
	
}
div#linkit {
	
	width: 600;
	margin: 0px;
	padding: 0px;
	background: url('img/navi_right.gif') no-repeat top right;
	float:	right;
}
#nav {

		list-style: none;

		

		margin: 0px;

		padding: 0px 0px 0px 0px; 

}




#nav li{

	height: 47px;

	display: inline;

	margin: 0px 0px 0px 0px;

	}

	





#nav li a{

		display: block;

		float: left;

		text-decoration: none;

		text-indent: -99999px; /* -900em*/ /* piilottaa tekstin */

		margin: 0px 0px 0px 0px;

}

	

	/* linkkikuvat ja hover */

	

	

#nav #navi_10 a{

		width: 107px;

		height: 47px;

		background: url('img/y_esitt.gif') no-repeat left top;

		margin: 0px;

		margin: 0px 0px 0px 15px;

	}

#nav #navi_10 a:hover{

		background: url('img/y_esitt_o.gif') no-repeat left bottom;

		margin: 0px;

		margin: 0px 0px 0px 15px;

	}

body#sivu_10 #navi_10 a{

		background: url('img/y_esitt_o.gif') no-repeat left bottom;

		margin: 0px;

		margin: 0px 0px 0px 15px;

	}


#nav #navi_20 a{

		width: 121px;

		height: 47px;

		background: url('img/p_pros.gif') no-repeat left top;

		margin: 0px;

		margin-left: 15px;

	}

#nav #navi_20 a:hover{

		background: url('img/p_pros_o.gif') no-repeat left bottom;

		margin: 0px;

		margin-left: 15px;

	}

body#sivu_20 #navi_20 a{

		background: url('img/p_pros_o.gif') no-repeat left bottom;

		margin: 0px;

		margin-left: 15px;

	}


#nav #navi_30 a{

		width: 132px;

		height: 47px;

		background: url('img/ref.gif') no-repeat left top;

		margin: 0px;

		margin-left: 15px;

	}

#nav #navi_30 a:hover{

		background: url('img/ref_o.gif') no-repeat left bottom;

		margin: 0px;

		margin-left: 15px;

	}

body#sivu_30 #navi_30 a{

		width: 132px;

		height: 47px;

		background: url('img/ref_o.gif') no-repeat left top;

		margin: 0px;

		margin-left: 15px;

	}


#nav #navi_40 a{

		width: 100px;

		height: 47px;

		background: url('img/yht.gif') no-repeat left top;

		margin: 0px;

		margin-left: 15px;
		padding-right: 25px;

	}

#nav #navi_40 a:hover{

		background: url('img/yht_o.gif') no-repeat left bottom;

		margin: 0px;

		margin-left: 15px;
		padding-right: 25px;

	}

body#sivu_40 #navi_40 a{

		background: url('img/yht_o.gif') no-repeat left bottom;

		margin: 0px;

		margin-left: 15px;
		padding-right: 25px;

	}