body {
height:100%;
width:100%;
margin:0;
padding:0;
}
#wrapper {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
bottom:0;
overflow:hidden;
}
#navi {
margin-right:auto;
margin-left:auto;
top: 0px;
width: 970px;
height: 58px;
position:relative;
z-index:2;
}
#whitebg {
position:absolute;
background-image:url(images/whitebg2.png);
background-position:top;
background-repeat:no-repeat;
height: 750px; 
width: 100%;
top: 60px;
z-index:2;
}
#bg {
/* width: 4084px; */
/* height: 314px; */
position:relative;
background-image:url(images/satumetsa2.gif);
background-position:bottom;
background-repeat:no-repeat;
width:8000; 
height:100%; 
z-index:0;
margin-bottom: 0px;
} 
#picture {
margin-right:auto;
margin-left:auto;
margin-top: 10px;
display:block;
float:left;
width: 600px;
height: 480px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 20px;
z-index:6;
}
#frontpage {
margin-right:auto;
margin-left: 30px;
margin-top: 10px;
display:block;
float:left;
width: 340px;
height: 480px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
z-index:7;
}
#getCase {
margin-right:auto;
margin-top: 10px;
display:block;
float:left;
width: 340px;
height: 480px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
z-index:6;
}
#getCaseTxt {
position:absolute;
display:block;
left:630px;
top:40px;
float:right;
width: 340px;
height: 480px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
z-index:6;
}
.pikkunavi {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
z-index:6;
}

#tweet {
width: 303px;
height: 129px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
margin-left: 0px;
margin-right: 0px;


}

ul {
list-style-type:none;
margin-left:-25px;
margin-right:20px;

}

A {
font-family: Arial, Helvetica, sans-serif;
color: #c02235;
text-decoration: none;
outline:none;
}

A.linkki {
font-family: Arial, Helvetica, sans-serif;
color: #c02235;
text-decoration: none;
outline:none;
}

A.linkki:hover {
font-family: Arial, Helvetica, sans-serif;
color: #c02235;
text-decoration: none;
outline:none;
border-bottom:1px dotted #c02235;
}
A:hover {
font-family: Arial, Helvetica, sans-serif;
color: #c02235;
text-decoration: underline;
outline:none;
}
A:focus {
font-family: Arial, Helvetica, sans-serif;
color: #c02235;
text-decoration: underline;
outline:none;
}
A:active {
font-family: Arial, Helvetica, sans-serif;
color: #c02235;
text-decoration: underline;
outline:none;
}
.hops {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #8a8a8a;
line-height: 16px;
background-color: #FFFFFF;
padding: 2px;
}
.hops2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
background-color: #FFFFFF;
padding: 2px;
}
.hopsan {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
background-color: #FFFFFF;
padding: 2px;
}
.gray {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
color: #b0b0b0;
}
#mask {
width:500%;
height:100%;
background-image:url(images/satumetsa2.gif);
background-position:bottom;
background-repeat:repeat-x;
z-index:-1;
bottom:0;
}
.item {
width:20%;
height:100%;
float:left;
}
.content {
width:970px;
height:100%;
top:100px;
margin:0 auto;
/*background-color:#FFF;*/
position:relative;
z-index:5;
}

.selected {
/*background-image:url(images/etusivu_onmouse_04.gif);
background-position:bottom
Filter: Xray;*/

}
 
.clear {
clear:both;
}