@font-face {
font-family:Oceania;
src:url(oceania-regular-webfont.ttf)
}

body {
text-align:center;
color:#fff;
font-family:"Oceania","Trebuchet MS","Arial";
padding:0;
margin:0;
background:#1a1a1a;
text-shadow:#14192e 0 -1px 0;
overflow-y:scroll
}

* {
border:0;
outline:0;
text-decoration:none
}

.asas {
height:378px;
width:100%
}

#komsuing {
display:none;
color:#6c6c6c;
margin:0 15px 0;
padding-top:5px;
text-shadow:#fff 0 1px 0;
font-size:12px
}


#sis {
display:none;
padding:50px 0 0;
width:984px;
text-align:left;
margin:0 auto 0
}

#joujou {
width:100%;
height:100%;
margin:5px 0 0
}

#ylin {
display:table;
background:url(vi.png) 22px bottom repeat-x;
width:974px;
margin:0 auto 0;
height:26px
}

#logo {
background:url(l.png) no-repeat right bottom;
width:41px;
height:16px;
float:left;
z-index:1;
cursor:pointer
}

#about {
background:url(am.png) no-repeat;
width:187px;
height:82px;
position:absolute;
margin:-31px 0 0 40px;
z-index:-3;
opacity:0
}

#hiuu {
background:url(hiuu.png) no-repeat right bottom;
width:121px;
height:17px;
float:left;
opacity:0
}

#gsp {
float:right
}

#g {
background:url(g.png) no-repeat right top;
width:18px;
height:17px;
cursor:pointer;
float:left
}

#taus {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
right:0;
z-index:-1;
display: table-cell;
vertical-align:middle;
opacity:.55
}

.veny {
min-width:100%;
min-height:100%;
opacity:1
}

#peukalokuvat{
width:984px;
height:100%
}

.veny2 {
max-width:100%;
max-height:100%;
margin-top:-50%;
opacity:0
}

#s {
background:url(h2.png) 4px;
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
right:0;
z-index:-1;
opacity:.045
}

#p {
background:url(b2.png);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
right:0;
z-index:-1;
opacity:0
}

#noisu {
background:url(n.png);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
right:0;
z-index:-1;
opacity:.03
}

#diu {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
right:0;
z-index:-1;
opacity:1
}

.veny2 {
width:100%
}

#sypa {
margin:0 0 0 5px;
float:right
}

#sy {
background:url(s.png) no-repeat right top;
width:18px;
height:17px;
cursor:pointer;
float:left
}

#pa {
background:url(p.png) no-repeat right top;
width:14px;
height:17px;
cursor:pointer;
float:right;
opacity:0;
margin:0 0 0 -14px
}

.sivu span {
padding:0 5px 0 5px;
cursor:pointer
}

#keski {
margin:0 auto 0;
width:300px
}

#gb {
width:497px;
position:absolute;
margin:-57px 0 0 442px;
z-index:7
}

#vyla {
background:url(gbyla.png) no-repeat;
width:497px;
height:59px;
margin:0 auto 0
}

#vala {
background:url(gbala.png) no-repeat;
width:497px;
height:14px;
margin:0 8px 0 0
}

#viekku {
width:489px;
background:url(gbta.png) repeat-y;
margin:0 8px 0 0;
color:#fff;
text-shadow:#000 0 -1px 0
}

.uu {
color:#6c6c6c;
text-shadow:#dadada 0 1px 0;
width:46px;
height:20px;
padding:8px 0 0 7px;
vertical-align:middle;
float:left;
margin:0 0 0 10px;
cursor:pointer;
font-size:12px;
opacity:.5;
text-transform:uppercase
}

.va {
color:#6c6c6c;
text-shadow:#dadada 0 1px 0;
width:46px;
height:20px;
padding:8px 0 0 7px;
vertical-align:middle;
float:right;
margin:0 10px 0 0;
cursor:pointer;
font-size:12px;
opacity:.5;
text-transform:uppercase
}

.sivu {
text-align:center;
color:#6c6c6c;
text-shadow:#f2f2f2 0 1px 0;
font-size:14px;
padding:4px 0 0;
margin:0 auto 0
}

.k {
color:#6c6c6c;
text-shadow:#f2f2f2 0 1px 0;
font-size:13px;
text-align:left;
overflow:hidden;
width:441px;
padding:0 14px
}

.p {
color:#6c6c6c;
text-shadow:#f2f2f2 0 1px 0;
float:right;
overflow:hidden
}

.n {
color:#6c6c6c;
text-shadow:#f2f2f2 0 1px 0;
overflow:hidden;
float:left;
width:300px;
padding:0 1px 0 0
}

h5 {
width:459px;
border-bottom:1px dotted #6c6c6c;
overflow:hidden;
margin:0 0 -5px 14px
}

#lah {
padding:33px 0 0
}

#ni {
color:#e0e0e0;
text-shadow:#494949 0 -1px 0;
width:76px;
height:25px;
background:url(nic.png);
padding:0 0 0 6px;
vertical-align:middle;
margin:0 0 0 14px;
font-size:10px
}

#ko {
color:#e0e0e0;
text-shadow:#494949 0 -1px 0;
width:330px;
height:25px;
background:url(mes.png);
padding:0 0 0 6px;
vertical-align:middle;
font-size:10px
}

.sub {
color:#e0e0e0;
text-shadow:#494949 0 -1px 0;
width:43px;
height:25px;
background:url(sub.png);
vertical-align:middle;
cursor:pointer;
font-size:10px
}

.kuva {
opacity:0;
width:236px;
float:left;
display:none;
margin:5px
}

.gal {
display:block;
}

.galdes {
z-index:4;
width:236px;
height:30px;
position:absolute;
float:right;
text-align:left;
display:block;
font-size:18px;
letter-spacing:2px;
text-transform:uppercase;
background:url(la.png) no-repeat;
margin:-70px 0 0;
padding:42px 0 0 9px;
opacity:0
}

a {
color:#fff;
text-shadow:#000 0 0 2px
}

.jee a {
color:#fff
}

.copy {
width:100%;
height:40px;
background:url(c4.png) center no-repeat;
float:left
}

#load {
display:none;
margin:50px 0 0 15px;
background:url(roo.png) center no-repeat;
width:984px;
height:60px
}

#alin {
position:fixed;
left:0px;
bottom:0px;
margin:0 0 0;
width:100%;
height:52px;
padding:14px 0 0;
background:url(f.png);
opacity:.8;
z-index:10
}

.ban{
color:#970E10;
margin:0 14px 0;
text-shadow:#fff 0 1px 0;
font-size:30px
}