body {
    font-family:Arial, Helvetica, sans-serif;
	background: url(../images/bg.jpg);
    background:#transparent;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#content {
	width: 900px;
	height: 100%;
	position: absolute;
	margin: 0 0 0 0;
    padding: 0px 0px 0px 0px;
}

#container {
	width: 762px;
	height: 456px;
	margin: 0 0 0 0;
	position: relative;
	background: url(../images/up.png);
    padding: 0px 0px 0px 0px;
}

#main	{
	width: 537px;
	margin-left: 114px;
	background: url(../images/main.png) repeat-y;
	position: relative;
    padding: 0px 0px 0px 0px;
    }
    
#mainos	{
	width: 140px;
	margin-left: 385px;
	background: #transparent;
	position: absolute;
    }

    
#lauteilla	{
	width: 249px;
	height: 349px;
	margin-left: 550px;
	background: url(../images/lauteilla.png);
	position: absolute;

    }


#footer	{
	width: 537px;
	height: 228px;
	margin-left: 114px;
	background: url(../images/footer.png);
	position: relative;
	padding: 0px 0px 0px 0px;
	}


p.var {
	margin: 0px 0px 0px 0px;
	padding: 10px 160px 10px 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #291e09;
	text-align: left;
	line-height: 15px;
}

p.var a {
	color: #ca1111;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 0px #86000b dotted;
}

p.var a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 0px #000 dotted;
}

strong {
	font-weight: bolder;
	color: #3b1c0b;
}



h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 40px;
	font-family: times;
	font-size: 15px;
	color: #86000b;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 1.6px;
}

h4 a {
	color: #ca1111;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 0px #86000b dotted;
}

h4 a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 0px #000 dotted;
}

h5 {
	margin: 0px 0px 0px 0px;
	padding: 105px 50px 50px 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #291e09;
	font-weight: normal;
	line-height: 11px;
}

h5 a {
	color: #ca1111;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px #86000b dotted;
}

h5 a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 1px #000 dotted;
}


/* VALIKKO */


#nav {
	position: absolute;
	top: 389px;
	list-style: none;
	margin-left: 142px;
	padding: 0 0 0 0;
	width: 500px;
	height: 25px;
	float: left;
    }

#nav li {
    list-style-type: none;
    float: left;
    }

#etusivu a {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	width: 67px;
	background: transparent url(../images/nav1.png) top left no-repeat;

    float: left;
	overflow: hidden;
	height: 0px !important;
	height /**/:60px; /* for IE5/Win only */
    }

#etusivu a:hover{
	background: transparent url(../images/nav1_b.png) top left no-repeat;
}

#etusivu a:active{
	background: transparent url(../images/nav1_b.png) top left no-repeat;
}


#jyvat a {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	width: 54px;
	background: transparent url(../images/nav2.png) top left no-repeat;

	float: left;
	overflow: hidden;
	height: 0px !important;
	height /**/:60px; /* for IE5/Win only */
}

#jyvat a:hover{
	background: transparent url(../images/nav2_b.png) top left no-repeat;
   }

#jyvat a:active{
	background: transparent url(../images/nav2_b.png) top left no-repeat;
   }


#media a {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	width: 55px;
	background: transparent url(../images/nav3.png) top left no-repeat;

	float: left;
	overflow: hidden;
	height: 0px !important;
	height /**/:76px; /* for IE5/Win only */
}

#media a:hover{
  	background: transparent url(../images/nav3_b.png) top left no-repeat;
}

#media a:active{
  	background: transparent url(../images/nav3_b.png) top left no-repeat;
}



#keikat a {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	width: 63px;
	background: transparent url(../images/nav4.png) top left no-repeat;

	float: left;
	overflow: hidden;
	height: 0px !important;
	height /**/:82px; /* for IE5/Win only */
}

#keikat a:hover{
	background: transparent url(../images/nav4_b.png) top left no-repeat;
}

#keikat a:active{
	background: transparent url(../images/nav4_b.png) top left no-repeat;
}




#tarinat a {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	width: 70px;
	background: transparent url(../images/nav5.png) top left no-repeat;

	float: left;
	overflow: hidden;
	height: 0px !important;
	height /**/:80px; /* for IE5/Win only */
}

#tarinat a:hover{
	background: transparent url(../images/nav5_b.png) top left no-repeat;
}

#tarinat a:active{
	background: transparent url(../images/nav5_b.png) top left no-repeat;
}


#vieraskirja a {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	width: 103px;
	background: transparent url(../images/nav6.png) top left no-repeat;

	float: left;
	overflow: hidden;
	height: 0px !important;
	height /**/:80px; /* for IE5/Win only */
}

#vieraskirja a:hover{
	background: transparent url(../images/nav6_b.png) top left no-repeat;
}

#vieraskirja a:active{
	background: transparent url(../images/nav6_b.png) top left no-repeat;
}

#yhteys a {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	width: 63px;
	background: transparent url(../images/nav7.png) top left no-repeat;

	float: left;
	overflow: hidden;
	height: 0px !important;
	height /**/:80px; /* for IE5/Win only */
}

#yhteys a:hover{
	background: transparent url(../images/nav7_b.png) top left no-repeat;
}

#yhteys a:active{
	background: transparent url(../images/nav7_b.png) top left no-repeat;
}