@charset "utf-8";
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}







html {background: #405f70;}
body {margin: 0; padding: 0; background: #405f70; height: auto;}

#header {width: 100%; height: 183px; z-index: 60; position: absolute;}
#logo {display: block; height: 183px; width: 250px; background: url(images/man_that_pic_is_huge.png) no-repeat 0 0; float: left; position: fixed;}
ul#mainmenu {margin: 0; padding: 0; display: block; float: right; position: fixed; margin-left: 610px; margin-top: 25px;}
ul#mainmenu li{float: left; list-style: none; height: 49px; padding-left: 10px;}
ul#mainmenu li a{text-decoration: none; color: #fff; padding-left: 10px; font-size: 12px; font-family: arial; float: left; font-weight: bold; line-height: 49px;}
ul#mainmenu li span{display: block;width: 10px; height: 49px; float: right; text-indent: -5000em;}
ul#mainmenu li.mossy span,ul#mainmenu li.selected span{display: block; background: url(images/bg_navi.png) no-repeat right top; width: 10px; height: 49px; float: right; text-indent: -5000em;}
ul#mainmenu li.mossy a{color: #73a15c;  background: url(images/bg_navi.png) no-repeat left top;}
ul#mainmenu li.selected a{color: #73a15c; background: url(images/bg_navi.png) no-repeat left top;}

.menulisa {height: 120px; width: 860px; display: block; clear:both;}

#realslide {
overflow:hidden;
width:100%; 
padding-top: 130px;
}

#giantman { background: url(images/bg_balls2.jpg) fixed; padding-bottom: 30px;}


.large {}

.kappale {position: relative; width: 100%; margin-bottom: 500px; padding-top: 20px;}

.conwrap {width: 860px; margin: 0 auto;}


.nav {width: 50px; position: absolute; top: 0; z-index: 500;}

.nav.vasen {background: url(images/bg_fade_left.png) repeat-y; left: 0;}
.nav.oikea {background: url(images/bg_fade_right.png) repeat-y; right: 0;}
.nav.vasen a.nappi {background: url(images/man_that_pic_is_huge.png) no-repeat -346px -334px; width: 34px; height: 36px; cursor: pointer; margin-left: 16px; display: block; text-indent: -5000em;}
.nav.oikea a.nappi {background: url(images/man_that_pic_is_huge.png) no-repeat -416px -334px; width: 34px; height: 36px; cursor: pointer; display: block; text-indent: -5000em;}


#footer {width: 100%; min-height: 191px; background: url(images/footer-bg.png) repeat-x; float: left;}

.moonteppo {width: 346px; height: 274px; background: url(images/man_that_pic_is_huge.png) no-repeat -0px -183px; float: left; margin-top: 30px; margin-right: 50px;}
.mascot {width: 157px; height: 333px; background: url(images/man_that_pic_is_huge.png) no-repeat -346px -0px; float: left;}

.clearfix{width: 100%; clear: both;}

#portfolio .title { width: 115px; height: 26px; background: url(images/man_that_pic_is_huge.png) no-repeat -550px -0px; margin-bottom: 20px;} 
#blogi .title { width: 115px; height: 26px; background: url(images/man_that_pic_is_huge.png) no-repeat -550px -60px; margin-bottom: 20px;} 
#yhteys .title { width: 115px; height: 26px; background: url(images/man_that_pic_is_huge.png) no-repeat -550px -30px; margin-bottom: 20px;} 

.tyoni a {display: block; width: 860px; height: 111px;}
.tyoni a.hidden {display: none;}
.tyoni.nastanuoret a {background: url(images/man_that_pic_is_huge.png) no-repeat right -0px;}
.tyoni.ikkunakeskus a {background: url(images/man_that_pic_is_huge.png) no-repeat right -115px;}
.tyoni.riskienhallinta a {background: url(images/man_that_pic_is_huge.png) no-repeat right -230px;}
.tyoni.henkkoht a {background: url(images/man_that_pic_is_huge.png) no-repeat right -346px;}

.lomake {padding: 0; margin: 0 0 0 0; width: 860px;}
.lomake p.pikkuteksti{padding: 0px 0; margin: 0; width: 300px; float: left;}
.lomake p.pikkuteksti.eka, .lomake p.pikkuteksti.toka, .lomake p.pikkuteksti.kolmas{margin: 10px 0 0 0;}
.lomake p.isoteksti{width: 550px; float: right;}
.lomake input {background: url(images/man_that_pic_is_huge.png) no-repeat left -464px; border: 0; padding: 12px; width: 276px; height: 16px; font-size: 10pt; color: #999;}
.lomake textarea {background: url(images/man_that_pic_is_huge.png) no-repeat left -504px; border: 0; padding: 12px; width: 526px; height: 166px; font-size: 10pt; color: #999; font-family: arial;}
#yhteysnappi {float: right; margin: 10px 0 0 0; cursor: pointer;}
#yhteysnappi span{color: #73a15c;  background: url(images/bg_navi.png) no-repeat left top; display: block; float: left; padding-left: 10px; line-height: 49px; font-family: arial; font-weight: bold; font-size: 10px;}
#yhteysnappi i{display: block; background: url(images/bg_navi.png) no-repeat right top; width: 10px; height: 49px; float: right; text-indent: -5000em;}
.viesti {font-size: 10pt; float: left; margin: 25px 0 0 310px; color: #fff; font-family: arial; font-size: 12px; font-weight: bold;}


.moimoonintis { padding: 10px; width: 230px; height: 236px; background: url(images/bg_box.png) no-repeat; float: right; margin-top: 40px;}
.moimoonintis h2 {font-family: arial; font-size: 12px; color: #999; font-weight: normal; line-height: 140%;}


.yhteydet {color: #fff; font-family: arial; font-size: 10px; text-align: right; padding-top: 50px; line-height: 200%;}

.ilmoitus {padding: 0 50px; line-height: 100px; font-family: arial; color: #fff; background: #000; position: fixed; left: 10px; top: 10px;}