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}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*Reset loppu*/
a{outline:none}
body{font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;background:url(../img/body_bg.gif) repeat-x 24px 0px;}
body#sis{background:url(../img/sis_body_bg.png) repeat-x;}
body#sis .header{width:940px;background:url(../img/sis_head_bg.png) repeat-x;height:105px;margin:0px 0 0}
body#sis div.logo{height:107px;background:url(../img/sis_head_v.png) no-repeat top left; border:none;}
body#sis div.logo div{height:107px;background:url(../img/sis_head_o.png) no-repeat top right}
body#sis div.logo img {margin:25px auto 0 30px;}
div.wrap{width:990px; margin:0 auto;padding:0;}
div.logo{height:109px;border-top:solid 6px #45504a;background:url(../img/kuvat_y.jpg) no-repeat 804px 100% }
div.logo img {margin:18px auto 0 10px;width:272px;}
div.logo img#tienaa,body#sis div.logo img#tienaa  {margin:18px auto 0 230px;width:350px;}
div.mainos{height:208px;}
div.mainos div{margin:0 auto;}
div.mainos h2{text-indent:-9999px;background:url(../img/hae.png) no-repeat 10px 50px;height:80px;width:345px;padding:50px 0 0 90px;float:left;}
div.mainos img.tayta{float:left;clear:left;padding:20px 0 0 10px}
div.mainos img.tyoyhteiso{position:relative;margin:0 0 46px 0}
div.navi{height:50px;}
div.navi li a{color:#fff; text-decoration:none; display:block; margin:7px 5px 0 0;height:37px; text-indent:-9999px; background-image:url(../img/navi.png);}
div.navi img{padding:0 201px 0 0;float:right;}
div.navi a:hover{text-decoration:underline;}
.navi ul{margin:0;}
.navi li{float:left;}
.navi li#etusivu a{width:98px; background-position:left bottom;}
.navi li#etusivu a:hover, .navi li#etusivu a.current{background-position:left top;}
.navi li#myynti a{width:138px; background-position:363px bottom;}
.navi li#myynti a:hover, .navi li#myynti a.current{background-position:363px top;}
.navi li#rekry a{width:113px; background-position:225px bottom;}
.navi li#rekry a:hover, .navi li#rekry a.current{background-position:225px top;}
.navi li#toimipaikat a{width:113px; background-position:right bottom;}
.navi li#toimipaikat a:hover, .navi li#toimipaikat a.current{background-position:right top;}
div.sisalto{padding:40px 0 10px;color:#42423d;line-height:1.5em;width:940px;}
div.sisalto p{padding:0 0 12px 0;}
div.sisalto .vasen img{float:left;margin:0 20px 20px 0;border:solid 1px #c3c0b8;}
div.sisalto h2{background:url(../img/h_bg.gif) no-repeat 100% 100%;font-size:24px;padding:0 0 10px;margin:0 0 21px;width:100%;float:right;color:#435866;font-weight:lighter;}
body#sis div.sisalto h2{float:left;margin:0 0 21px 10px;}
p.osoite{font-size:14px;}
h4{font-size:24px;margin:0 0 21px;color:#435866;font-weight:lighter;}
div.sisalto .vasen{width:600px;float:left;background:url(../img/viiva.png) no-repeat 10px 100%;padding:10px 0 20px 10px;margin:0 0 50px 0;}
body#sis div.sisalto .vasen{background:none; padding:0 0 20px 10px;}
div.oikea{float:right;width:262px;padding:0 0 0 40px}
div.oikea.yht{float:left;width:288px}
div.oikea img{margin:0 0 0 30px}
div.oikea img.lomake{margin:0 0 21px 18px}
div.oikea .boksi{width:261px;margin:0;padding:0;}
div.oikea .boksi #gallery{background:url(../img/tuotteet_boksi_bg.png) repeat-y;padding:0px 0px 0px 11px;width:261px;height:218px;margin:0;text-align:center;}
#image {position:relative;}
#image img {position:absolute;left:0;margin:0;}
div.boksi h3{text-indent:-9999px;background:url(../img/kumppanit.png) no-repeat;height:41px;margin:0 0 0 15px;}
div.oikea .boksi .ala {margin:0;padding:0}
div.oikea .boksi .yla {margin:0;}
div.arvot{background:url(../img/ala_boksi_bg.png) repeat-x;height:107px;clear:both;width:940px;margin:0 0 40px;}
.arvotimg{margin:0 0 0 10px;}
div.arvot div{background:url(../img/ala_boksi_v.png) no-repeat;height:107px;}
div.arvot div div{background:url(../img/ala_boksi_o.png) no-repeat right;height:107px;}
div.arvot ul{}
div.arvot li{float:left;width:276px;height:76px;margin:15px 6px 0 23px;border: solid 1px #dadada;}
div.arvot li a{width:width:276px;height:76px;display:block;}
div.arvot li.hyvinvointi a{background:url(../img/iloisuus2.jpg) no-repeat bottom;}
div.arvot li.hyvinvointi a:hover{background:url(../img/iloisuus2.jpg) no-repeat top;}
div.arvot li.ammattitaito a{background:url(../img/ammattitaito2.jpg) no-repeat bottom;}
div.arvot li.ammattitaito a:hover{background:url(../img/ammattitaito2.jpg) no-repeat top;}
div.arvot li.kehitys a{background:url(../img/kehitys2.jpg) no-repeat bottom;}
div.arvot li.kehitys a:hover{background:url(../img/kehitys2.jpg) no-repeat top;}
div.arvot li.avoimuus a{background:url(../img/avoimuus2.jpg) no-repeat bottom;}
div.arvot li.avoimuus a:hover{background:url(../img/avoimuus2.jpg) no-repeat top;}
div.arvot li.last{margin:15px 0 0 22px}
ul.arvopop{list-style-image:url(../img/bullet.png);margin:10px 0 0 20px}
ul.arvopop li{margin:0 0 10px;padding:0 0 4px 0;}
div.footers{clear:both;height:70px;background:#e9e7e0;border-top:solid 1px #cbcdca;color:#4a4a4a;font-size:11px;padding:10px 0 0 0;margin:20px 0 0 0;}
div.footers p{width:980px;margin: 0 auto;padding: 0 0 0 10px}
div.footers p a{color:#183762;font-weight:800; text-decoration:none;}
div.footers p.footlogo img{float:right;margin:-34px 60px 0 0}
div.footers.tuotefoot{margin:40px 0 0}
div#map{width:588px; height:340px;border:solid 5px #dfddd5;margin:0 0 50px 0;float:left;}
div#helsinki, div#salo{width:588px;height:340px;position:relative;}
#tabs ul{display:block;padding:0;}
#tabs li{float:left;padding:0;}
#tabs li a{display:block;height:36px;width:107px;text-indent:-999px;margin:0 2px 0 0;}
.helsinki a{background: url(../img/helsinki.png) no-repeat top left;}
.helsinki a.active, .helsinki a:hover{background: url(../img/helsinki.png) no-repeat bottom left;}
.salo a{background: url(../img/salo.png) no-repeat top left;}
.salo a.active, .salo a:hover{background: url(../img/salo.png) no-repeat bottom left;}
div.sisalto .yhteyst{clear:left;border-top:solid 5px #dfddd5;width:100%}
div.tuoteimg{padding:10px 5px 5px;margin:10px 20px;background:#e9e7e0 url(../facebox/loading.gif) no-repeat 50% 40%;border:solid 1px #dadada;width:176px;float:left;height:250px;text-align:center;}
div.tuoteimg img{border:solid 5px #fff;height:194px;}
div.tuoteimg p{width:170px;padding:10px 0 0;height:20px;font-weight:bold;vertical-align:middle;}
h3{background:transparent url(../img/h_bg.gif) no-repeat 100% 100%;padding:0 0 10px;margin:0 0 21px;color:#435866;font-size:18px;font-weight:lighter;}
div.oikea.yht h3{margin:0 0 10px;}
h3.yhth3{margin:0 0 16px;}
td{padding:20px 40px 0 0;}
hr {background:#e9e7e0;color:#e9e7e0;clear:both;float:none;width:100%;height:3px;margin:0 0 40px;border:none;}
hr.space {background:#fff;color:#fff;margin:0 0 1.45em;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
div.sisalto .vasen .lomakeimg{margin:5px 0 0 10px;border:none;float:none;}
#tooltip{position:absolute;	border:1px solid #ddd;background:#fff;padding:2px 5px;color:#333;display:none;}	
div.sisalto p.rekry{margin:20px 0}
div.sisalto.rekryt ul{list-style-image:url(../img/bullet.png);margin:10px 0 0 20px;}
div.sisalto.rekryt p{padding:10px 0 0 0;}
div.sisalto.rekryt, div.sisalto.tuotteet{padding:40px 0 0 10px}
ul.lists li{padding:0 0 4px 0;height:20px;}
div.kiitos{padding:20px;background:#ebedff;border:solid 2px #425764;margin:0 0 30px 0}
div#esim{float:right; width:460px;}
/*lomake*/
.labels{background:#DFDDD5;border:solid 1px #dadada;padding:5px}
.labels .yc{background:#fff;padding:10px 0 20px 10px;height:100%;}
.labels .yr{background:#fff;padding:30px;height:100%;width:868px;}
.labels p strong{padding:0 0 4px 0;display:block}
.col{float:left;width:270px;margin:0 10px 10px 0;}
input, textarea, select {background:#FFFFFF none repeat scroll 0 0;border:2px solid #DFDDD5;font-size:14px;width:260px;padding:3px;}
textarea{width:534px;}
.tarea{clear:both;margin:5px 0 10px 0;}
label{display:block;float:none;line-height:100%;margin:0.5em 0;padding:0;width:auto;font-size:12px;font-weight:bold;padding-bottom:3px;}
 .focused input,  .focused textarea, .focused select {
border:2px solid #666666;}
.left{clear:left;}
.labels h3{width:600px;}
.labels h3.left{margin:20px 0;}
.lomake img{margin:0 0 0 10px}
input#vakio, input#osa, input#paivalla, input#illalla,input#helsinki, input#salo{width:20px;border:none;}
label.checks{display:inline;}
.buttonHolder{margin:20px 0 0}
.labels hr{margin:10px 0}
.invalidInput{border:1px dotted #F00;background-color: #FFECE6;}
.validInput{border: 1px dotted #FF0000;}
div.buttonHolder input{width:97px; height:28px;background:url(../img/button2.png) no-repeat; border:none; color:#fff; cursor:pointer;}
div.buttonHolder input{width:97px; height:28px;background:url(../img/button2.png) no-repeat; border:none; color:#fff; cursor:pointer;}
a#toita img{border:none;}