* {
margin:0;
padding:0;
outline:0;
}
html, body {
height:100%;
overflow:hidden;
}
body {
background-color:#000;
color:#e6e4d5;
font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
font-size:12px;
margin:0;
padding:0;
}

h1 {
	font-weight: bold;
	font-size: 42px;
	letter-spacing:-1px;
	line-height: 1.1em;
	color:#fff;
/*	background:url(../images/varjo.png) repeat;*/
	padding:8px 25px;
}
h2{
	font-weight: bold;
	font-size: 38px;
	line-height: 1.1em;
	color:#fff;
	padding-bottom: 7px;
}

h3 {
	font-weight: bold;
	font-size: 30px;
	line-height: 1.1em;
	color:#fff;
	padding-bottom: 7px;
}

a {
color: #e18746;
}

/* taustakuvan venytys ilman flashia */
#bg,#bg table,#bg td{width:100%;height:100%;overflow:hidden}
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}

#flashContent {
position:absolute;
height: 100%;
overflow: visible;
width: 100%;
z-index:1;
}

#content {position: absolute; width:100%; height:100%; bottom: 43px;overflow: auto; z-index:2;}
#content table {width:100%;height:100%;}
#content td {vertical-align:bottom; padding:43px 15px 30px 0;}
#content td.logo_td{padding-bottom:0; vertical-align:top; width:50px;}

#logo {
float:right;
width:50px;
height:200px;
right:8px;
top:43px;
margin-right:-2px;
z-index:3;
}

#otsikko {
position:absolute;
/*width:750px;*/
height:150px;
bottom:120px;
left:3%;
z-index:3;
}

#raketti{
position: absolute;
right:0;
width:400px;
height:1500px;
bottom:0px;
margin-bottom:0px;
padding:0;
z-index:50;
}

#sisalto{
font-size:13px;
line-height: 17px;
color:#e6e4d5;
width:520px;
/*margin:0 0 0 150px;*/
left:50%;
position:relative;
margin-left:-260px;
padding: 20px 50px 40px 50px;
background: url(../images/laatikko.png) repeat;

}

#sisalto span{
color:#e18746;
}

#sulje{
height:20px;
width:20px;
position:relative;
float:right;
display:block;
cursor: pointer;
background:url(../images/x.gif) no-repeat;
padding:0px;
margin:-8px -20px 0 0;

}

#referenssit{
font-size:12px;
line-height: 17px;
color:#e9e9e9;
width:600px;
margin:0 0 0 50px;
padding: 20px 31px 31px 31px;
background: url(../images/laatikko.png) repeat;
}
#yhteys {
float:left;
width:138px;
height:330px;
display:block;
background: url(../images/sivupalkki.png) repeat-y right top;
text-align:left;

}

#yhteys2 {
float:right;
display:block;
width:138px;
height:330px;
background: url(../images/sivupalkki2.png) repeat-y;
text-align:right;
}

#yhteysboksi{
width:208px;
height:330px;
display:block;
position:absolute;
left:50%;
bottom:30px;
margin-left:-508px;
}
.mobile{
position:relative !important;
left:0 !important;
bottom:0 !important;
margin:0 auto !important;
width:auto !important;
height:auto !important;
background: #413a2f;
float:left;
}
.mobile #yhteys{
width:300px;
background: #413a2f;
float:none !important;
height:auto !important;
overflow:visible;
}

.mobile #yhteys span{
width:280px;
}
.mobile2{
position:relative;
float:left;
padding:10px;
font-size:10px;
}
#kuvat {
display:block;
float:left;
width:70px;
height:318px;
background: url(../images/sivupalkki.png) repeat-y;
text-align:left;
padding-top:12px;
}
#naamat{
padding-top:40px;
}
#kuvat img{
padding:0px 0 10px 10px;
}

#yhteys p, #yhteys2 p{
padding:11px;
font-size:12px;
line-height: 14px;
color:#b78940;
}

#yhteys a, #yhteys2 a {
color:#b78940;
text-decoration:none;
}

#yhteys a:hover, #yhteys2 a:hover {
color:#d06f1a;
text-decoration:underline;
}

#yhteys span, #yhteys2 span{
height:14px;
width: 115px;
display:block;
float:right;
border-bottom: 1px solid #836c31;
padding:0px;
margin:0;
}

/* navigaatiopalkki  alkaa*/

#navi {
position:absolute;
bottom:0px;
width:100%;
height:46px;
background: url(../images/alapalkki.png) repeat-x;
overflow:auto;
z-index:5;
}

.menu{
width:1020px;
display:block;
}

.info{
float:left;
display:inline;
width:20px;
height:36px;
margin:5px 0 0 20px;
background: url(../images/info.png) no-repeat;
}

.left-menu{
float:left;
margin: 14px 0 0 0px;
}

.left-menu li{
display: inline;
margin-left:20px;
font-size: 15px;
/*color:#9c968e;*/
color:#e18746;
}
.left-menu li span{
color:#9c968e;
}

.left-menu li a{
color:#e6e4d5;
text-decoration:none;
}

.left-menu li a:hover{
color:#fff;
text-decoration:underline;
}

.right-menu{
float:right;
display: inline;
margin: 10px 20px 0 0px;
padding-left:10px;
background: url(../images/viiva.png) no-repeat;
text-align:right;
}


.right-menu li{
font-size: 17px;
display: inline;
margin-left:10px;
font-weight:bold;
color:#8c867d;
padding-left:5px;
line-height:22px;
}


.right-menu li a{
text-decoration:none;
color:#d06f1a;
}

.right-menu li a:hover{
color:#fff;
}

/* navigaatiopalkki  loppuu*/


#copyright{
position:absolute;
width:100%;
height:20px;
font-size: 10px;
letter-spacing:1px;
text-align:center;
color:#c5c5c5;
z-index:2;
padding-top:2px;
}

/* referenssihaitari alkaa */

.menu_list { }

.menu_head {
 clear:both;
 padding: 3px 19px;
 cursor: pointer;
 position: relative;
 margin:1px 0 0px 0;
 font-weight:normal;
 color:#d0d0d0;
 background: #464037 url(../images/nuoli.gif) no-repeat;
 font-size:12px;
}

.menu_head span{
 padding-left:2px;
 font-size:11px;
 font-weight:bold;
}

.menu_body img{
 margin: 0;
 padding: 10px 0 5px 0;
}
.menu_body {
 clear:both;
 display:none;
 padding:10px;
 background-color: #FFF;
 color: #333;
 margin: 0px;
}
.menu_body a {
 position: relative;
}
.menu_body a:hover {
 color: #F60;
 text-decoration:underline;
}
/* referenssihaitari loppuu */

#formi{
margin-bottom:-20px;
}
#formi td{
padding:5px;
margin:5px;
vertical-align:top;
}

.check{vertical-align:middle;}

#sisalto em{
 font-weight:bold;
 color:#e18746;
 font-style:normal;
 font-size:18px;
 margin:20px 5px 120px 0;
 display:block;
}

#sisalto strong{
 font-weight:bold;
 /*color:#d06f1a;*/
 letter-spacing:1px;
 font-style:normal;
 font-size:14px;
}

#sisalto div{
 margin-top:4px;
}

#pikkuteksti{
 padding-top:6px;
 font-size:11px;
}

#kuvaus{
position:absolute;
z-index:1;
color:#000;
}

#mainosboxit{
position:absolute;
top:50%;
left:60%;
z-index:3;
width:400px;
height:500px;
margin-top:-250px;
}

.boxi{
width:300px;
height:200px;
background: #d2894a url(../images/mainosboxi.png) no-repeat;
border: solid 6px #dae8db;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
text-align:center;
margin:15px 25px;
}
.boxi p {
font-size:17px;
font-weight:bold;
color:#FFF;
margin:15px;

}
.boxi a {
font-size:36px;
line-height:36px;
font-weight:bold;
text-decoration:none;
color:#505050;

}
.boxi a:hover {
text-decoration:underline;

}

.boxi strong {
display:block;
text-transform: uppercase; 
}
.aloita{
width:100%;
height:60px;
margin-bottom:-20px;
}
a.aloita-nappi{
width:180px;
height:60px;
display:block;
margin-top:5px;
float:right;
text-indent:-9999px;
background: url(../images/aloita_nappi_2.png) no-repeat top;
}

a.aloita-nappi:hover{
background: url(../images/aloita_nappi_2.png) no-repeat bottom;
}

.button{
    border: none;
    background: url(../images/laheta_nappi.png) no-repeat top;
    width:180px;
    height:60px;
    display:block;
    text-indent:-9999px;
    cursor:pointer;
}

.button:hover{
    background: url(../images/laheta_nappi.png) no-repeat bottom;
}