body {
	margin: 0 auto;
	padding: 0;
	background-image:url(images/pixel.png);
	background-repeat: repeat-both;
	}

div.container  {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	text-align: left;
	background-image:url(images/background.png);
	background-repeat: repeat-x;
}	

div.logo{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 196px;
	height: 187px;
	background: transparent;
}

/* banneri */

#banner {
	position: absolute;
	left: 0px;
	top: 187px;
	width: 196px;
	height: 199px;
	background: transparent;
}

#banner ul {
position: relative;
margin: 0;
padding: 0;
list-style: none;
left: 0px;
font-family: Georgia, Times;
}

#banner li {
float: left;
height: 199px;
margin: 0px;
padding: 0px 0px 0px 0px;
white-space: nowrap;
display: inline;
overflow: hidden;
outline:0;
}

#banner li a {
float: left;
display: block;
height: 199px;
width: 100%;
overflow: hidden;
outline:0;
text-indent: -9999px;
text-decoration: none;
}

#b1, #b1 a { background:transparent url("images/banneri.png") 0 0 no-repeat; width:196px; background-position: 0 0;}


#b1 a:hover {background-position: 0 -199px;}

/* Yhteystiedot */

div.yhteystiedot{
	position: absolute;
	left: 0px;
	top: 386px;
	width: 196px;
	height: auto;
	background: transparent;
	margin: 0 auto;
	padding-left: 35px;
}


/* Valikko */

#menu {
	position: absolute;
	left: 196px;
	top: 0px;
	width: 707px;
	height: 50px;
	background: transparent;
	margin: 0 auto;

}

#menu ul {
position: relative;
margin: 0;
padding: 0;
list-style: none;
left: 0px;
font-family: Georgia, Times;
}

#menu li {
float: left;
height: 50px;
margin: 0px;
padding: 0px 0px 0px 0px;
white-space: nowrap;
display: inline;
overflow: hidden;
outline:0;
}

#menu li a {
float: left;
display: block;
height: 50px;
width: 100%;
overflow: hidden;
outline:0;
text-indent: -9999px;
text-decoration: none;
}

#n1_lock, #n1_lock a { background:transparent url("images/linkit1.png") 0 0 no-repeat; width:160px; background-position: 0 -50px; }
#n2_lock, #n2_lock a { background:transparent url("images/linkit2.png") 0 0 no-repeat; width:260px; background-position: 0 -100px; }
#n3_lock, #n3_lock a { background:transparent url("images/linkit3.png") 0 0 no-repeat; width:287px; background-position: 0 -150px; }

#n1, #n1 a { background:transparent url("images/linkit1.png") 0 0 no-repeat; width:160px; background-position: 0 0;}
#n2, #n2 a { background:transparent url("images/linkit2.png") 0 0 no-repeat; width:260px; background-position: 0 0;}
#n3, #n3 a { background:transparent url("images/linkit3.png") 0 0 no-repeat; width:287px; background-position: 0 0;}

#n1 a:hover {background-position: 0 -50px;}
#n2 a:hover {background-position: 0 -100px;}
#n3 a:hover {background-position: 0 -150px;}


/*Sisällön div */

div.content {
	position: absolute;
	left: 196px;
	top: 50px;
	width: 707px;
	height: auto;
	background-color: transparent;
	margin: 0 auto;
}

div.content_header1 {
	display: inline;	
	float: left;
	width: 707px;
	height: 137px;
	background-image:url(images/header.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 auto;
}

div.content_header2 {
	display: inline;	
	float: left;
	width: 707px;
	height: 137px;
	background-image:url(images/header.png);
	background-repeat: no-repeat;
	background-position: 0 -137px;
	margin: 0 auto;
}

div.content_header3 {
	display: inline;	
	float: left;
	width: 707px;
	height: 137px;
	background-image:url(images/header.png);
	background-repeat: no-repeat;
	background-position: 0 -274px;
	margin: 0 auto;
}

div.content_header4 {
	display: inline;	
	float: left;
	width: 707px;
	height: 137px;
	background-image:url(images/header.png);
	background-repeat: no-repeat;
	background-position: 0 -411px;
	margin: 0 auto;
}

div.content_text {
	display: inline;	
	float: left;
	width: 707px;
	height: auto;
	background-image:url(images/content.png);
	background-repeat: repeat-y;
	margin: 0 auto;
	padding-left: 75px;
}

div.kuva1 {

	position: absolute;
	top: 130px;
	left: 635px;
	width: 200px;
	height: auto;
}

div.kuva2 {

	position: absolute;
	top: 550px;
	left: 635px;
	width: 200px;
	height: auto;
}

div.kuva3{

	position: absolute;
	top: 260px;
	left: 605px;
	width: 250px;
	height: auto;
}

div.content_footer{
	display: inline;	
	float: left;
	width: 707px;
	height: 166px;
	background-image:url(images/footer.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}




li {
	text-align: left;
	font-family: Tahoma, Arial, Helvetica;
	font-size:12px;
	color:#5a5a5a;
	line-height:14px;
	list-style-type: none;
	margin-left: 15px;
	list-style-image: url(images/link_bullet.png);

}
	
p {
	width: 350px;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica;
	font-size:11px;
	color:#000;
	line-height:14px;
		


}

.yhteystiedot p {
	width: 140px;
	font-family: Georgia;
	font-size:14px;
	color:#fff;
	line-height:17px;
	text-align: center;


}


h1 {
	width: 350px;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica;
	font-size:16px;
	color:#B71234;
	line-height:16px;
	padding-top: 15px;

}

h2{
	width: 350px;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica;
	font-size:12px;
	color:#B71234;
	line-height:14px;
	padding-top: 15px;
	letter-spacing: 2px;

}
	
td,input,textarea,select {
	font-family:Tahoma, Arial, Helvetica;
	font-size:12px;
	color:#545454;
	line-height:18px;
	
	}

a {
	text-decoration: none;
	color:#3d9ec2;

	}

a:hover {
	text-decoration:underline;
	color:#7b9817;
	}
	
	

hr {
	border: 0;
	width: 260px;
	color: #989898;
	background-color: #989898;
	height: 1px;
}

img {border-style: none;}