/* Resetit (Eric Meyer -tyyliin) */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1.5;}
/* typografia */
body{font-size:90%;color:#222;background:#fff;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:bold;color:#111;}
h1{font-size:3em;line-height:1;margin-bottom:0.5em;}
h2{font-size:1em;margin-bottom:0;line-height:inherit}
h3{font-size:1.5em;line-height:1;margin-bottom:1em;}
h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5{font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6{font-size:1em;font-weight:bold;}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0;}
p{margin:0 0 1.5em 0;}
p img{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right{float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus,a:hover{color:#ee1c25;}
a{color:#000;text-decoration:none;}
strong{font-weight:bold;}
li ul,li ol{margin:0 1.5em;}
li{list-style:none}
ul,ol{margin:0 1.5em 1.5em 0;}
ul{list-style-type:disc;}
/* Layout */
h1,#logo{text-indent:-9999px;height:0;display:none;}
html>body h1,html>body #logo{display:block;}
body{text-align:center;}
html>body{text-align:left;}
#wrapper{display:inline block;margin:20px auto;width:950px;background:white url(tausta.png) no-repeat;height:575px;text-align:left;position: relative;}
#content{float:right;text-align:left;width:550px;margin:0 180px 0 0;}
/*#content,#navi{font-style:italic}*/
#navi{float:left;margin-left:20px;text-transform:uppercase}
#content,#navi{padding-top:220px}
#navi li{padding:5px;}
#navi span{font-weight:bold;}
p#footer{padding:17px;margin:0;position: absolute;bottom: 0; right: 0; font-size: 10px; color: #686868}