body {
  background:#292929 url("../leaves2.png") repeat center top;
  margin:0px;
  padding:0;
  font-size:12px;
  color:#444;
  text-align:center;
}
	 
.body2 {
  width:100%;
  height:350px;
  top:0;
  left:0;
  margin:0;
  padding:0;
  background:url("../leaves2_up.png") repeat center top;
  position:absolute;
}


p {
  width:350px;
  color:#888;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-align:left;
}

.text p {
  position:absolute;
  top:55px;
  left:30px;
  z-index:-1;  
  width:750px;
  height:150px;
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  color:#292929;
  font-size:9px; 
}

img {
  border:none;
  margin:0;
  padding:0;
}

a:link  	{color: #aaa; text-decoration: none}
a:visited 	{color: #aaa; text-decoration: none}
a:active 	{color: #aaa; text-decoration: none}
a:hover 	{color: #777; text-decoration: underline}

#frame {
  margin:0 auto;
  padding:0;
  width:787px;
  height:480px;
  text-align:left;
  position:relative;
}
	
#main {
  width:787px;
  padding:0;
  margin:90px 0 0 0;
  text-align:left;
  position:relative;
}

#main img.main {
  margin:50px 0 0 0;
  padding:0;
  left:0;
}

#main img.slide2 {
  margin:0;
  padding:0;
  left:0;
  top:328px;
  position:absolute;
}

#main img.slide3 {
  margin:0;
  padding:0;
  left:442px;
  top:328px;
  position:absolute;
}

#main img.slide4 {
  margin:0;
  padding:0;
  left:0;
  top:391px;
  position:absolute;
}

#main img.bottom_img {
  margin:0;
  padding:0;
  left:0;
  top:428px;
  position:absolute;
}

#iframe {
  margin:0;
  padding:0;
  overflow:auto;
  width:787px;
  height:478px;
}

.imgs {
  height:390px;
  margin:48px 0 0 0;
  padding:0;
  text-align:left;
  top:0;
  left:0;
}

.imgs img {
  top:0;
  left:0;
}

.link_11 a, .link_12 a {
  position:absolute;
  left:446px;
  top:14px;
  display:block;
  margin:0;
  padding:0;
  width:116px;
  height:36px;
}
.link_11 a:hover {
  opacity: .0;
  filter: alpha(opacity=0);
}

.link_21 a, .link_22 a {
  position:absolute;
  left:562px;
  top:14px;
  display:block;
  margin:0;
  padding:0;
  width:92px;
  height:36px;
}
.link_21 a:hover {
  opacity: .0;
  filter: alpha(opacity=0);
}

.link_31 a, .link_32 a {
  position:absolute;
  left:654px;
  top:14px;
  display:block;
  margin:0;
  padding:0;
  width:101px;
  height:36px;
}
.link_31 a:hover {
  opacity: .0;
  filter: alpha(opacity=0);
}

.link_41 a, .link_42 a {
  position:absolute;
  top:0;
  left:24px;
  display:block;
  margin:0;
  padding:0;
  width:210px;
  height:49px;
}
.link_41 a:hover {
  opacity: .0;
  filter: alpha(opacity=0);
}

.link_5 a {
  position:absolute;
  left:26px;
  top:398px;
  z-index:1;
  display:block;
  margin:0;
  padding:0;
  width:234px;
  height:17px;
  background:url('../link_yhteistyossa.jpg');
  background-position:0 -17px;
}
.link_5 a:hover {
  background-position:0 0;
}

/** ------------------------ **/

.teaser_text {
	text-align:left;
	position:absolute;
	left:12px;
	top:300px;
}

.teaser_text p {
	width:320px;
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

lu {
	width:100px;
	margin:0;
	padding:0;
}

li {
	width:auto;
	color:#888;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0 0 0 13px;
	padding:0;
}

li a:link  		{color: #333; text-decoration: none}
li a:visited 	{color: #333; text-decoration: none}
li a:active 	{color: #333; text-decoration: none}
li a:hover 		{color: #999; text-decoration: underline}