/* Reset */
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;
  font-weight: normal;
  outline-style: none;
}

body{
    background: url(/images/bg_new.jpg) #f6f6f6 no-repeat;
    background-position: 50% 0;
}
html{
    /*background: url(/images/html-bg.png) repeat-y;*/
}
.container{
    margin: 0 auto;
    width: 980px;
}
#header{
    height: 369px;
    position:relative;
}
a{
    color:#000000;
    text-decoration:none;

}
.nav{
    float: right;
    height: 20px;
    padding: 20px 5px;
    margin: 20px 20px 0 0;
    position: absolute;
    top: 0px;
    right: 0px;
}
#logo{
    text-indent: -9999px;
    background: url(/images/logo_new.png);
    width: 201px;
    height: 59px;
    float: left;
    position:absolute;
    top: 20px;
    left: 20px;
}
#content{
    background: #ffffff;
    overflow: hidden;
    padding: 25px 20px 0 20px;
}
#footer{
    background: #ffffff;
    padding: 15px 20px 10px 20px;
}
.logo-row li{
    display: inline;
    margin: 0 8px 0 0;
}
.ilmoitimme{
margin: 0 0 0 18px;
float: left;
}
.logo-row{

    margin: 0 0 5px 0;
}
.main{
 width: 680px;
 float: left;
}
#facebook{
margin: 0 0 0 2px;
  width: 301px;
  height: 57px;
background: url('/images/facebook.png') no-repeat;
 float: left;
 padding: 87px 0 0 13px;
}

#facebook .fb-link{
    display: block;
    height: 55px;
    margin: -55px 0 0 65px;
    text-indent: -9999px;
    width: 230px;
}
.sidebar{
 width: 260px;
 float: right;
}
#kuvastot{
    background: #ededed;
    padding: 25px 0 5px 20px;
}
ul{
    list-style-type: none;
}
.buttons li{
    display:inline;
    margin: 0 5px 0 0;
    font-size: 11px;
}
#menu li{
    display: inline;
    margin: 0 5px;
    text-transform: uppercase;
    font-size: 12px;
}
#menu li a:hover{
	color:#666666;
}
#menu li a{
	color:#005C89;
}
.slogan_kuvasto{
float:left;
width:160px;
}
h2{
    font-size: 28px;
    color: #005c89;
}
h3{
    font-size: 18px;
    color: #005c89;
margin-bottom:18px;
}
h4{
    font-size: 18px;
    color: #000000;
    margin-bottom:18px;
}
.tooltip{
    position:absolute;
    z-index:3;
    background: url(/images/tooltip.png) no-repeat;
    width:309px;
    height:71px;
    text-align:center;
}
.tooltip img{
    margin: 10px 0 0 0;

}
.category{
    float:left;
    margin:5px 15px 5px 0;
}
.kuvasto{
    margin: 10px 0 10px 0;
}
.slogan{
    margin: 5px 0 5px 2px;
    font-size: 19px;
    color: #005c89;
}
#second-row li{
    margin: 0 4px 0 0;
}
.qslider-container{
    height:369px;
    width: 980px;
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
}
.pientavara{
   width: 120px;
   float: right;
   font-size: 12px;
   font-family: arial;
   line-height: 20px;
   color: #005C89;
   padding: 10px 0 0 0;
}
.qslider-navi-prev{
   background: url(/images/left.png) no-repeat;
   position: absolute;
   display:block;
   top: 190px;
   height: 64px;
   width: 53px;
   text-indent: -9999px;

}
.qslider-navi-next {
    background: url("/images/right.png") no-repeat scroll 0 0 transparent;
    height: 64px;
    display:block;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 190px;
    width: 53px;
    z-index: 1000;
}
.qslider-navi-next:hover{
   background: url("/images/right_over.png") no-repeat;
}
.qslider-navi-prev:hover{
   background: url("images/left_over.png") no-repeat;
}
.qslider-num-indicator{
   position:absolute;
   right: 0;
   bottom: 10px;
}
.qslider-num-indicator li{
   float: left;
   margin: 0 0 0 10px;
   color: #666;
   background: #cecece;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   width: 23px;
   padding: 5px 0 0 0;
   text-align: center;
}
.qslider-num-indicator li.selected{
   background: #666;
   color: #cecece;
}
.fancy-title{
   text-align: left;
}
.product{
   float: left;
   margin: 0 20px 0 0;
}
.product-group:after, .group-logo:after{
   content: ' ';
   display: block;
   clear:both;
}
.clearer{
   clear:both;
}
.kuvasto-kuva {
   float: right;
   margin: 0 10px 0 0;
}
.contact{
   text-align: center;
   border-top: 1px solid #DFDBDA;
   color: #cdcdcd;
   font-size: 12px;
   padding: 5px 0;
   font-family: Arial, sans-serif;
}