/*  
 * Kisko Labs Oy css 
 * created: 17.7.09
 * by: Jan-Erik Lindholm
 */
 
 /* HTML elements */
 * { margin:0;padding:0; }
 body {
    font: 62.5%/1.5 "Trebuchet MS", Sans-serif;
    background: #5BAEC9;
    overflow: scroll;
 }
 fieldset { border: none; }
 ul { list-style: none inside; }
 p,li { font-size: 1.2em; }
 p { margin-bottom: 15px;}
 .top25 { margin-top: 25px;}
 .clear { overflow: hidden; }
 a img { border: none;}
 /* Layout */
 div#wrap {
    margin: 0 auto;
    width: 975px;
 }
 div#header {
    background: url(../images/header-bg.png) no-repeat;
    height: 135px;
   }
   div#header h1#logo {
      background: url(../images/kisko-logo-sin.png) no-repeat;
      height: 33px;
      width: 62px;
      text-indent: -9999px;
      position: relative;
      top: 40px;
      left: 41px;
   }
   div#header ul#nav {
      position: absolute;
      top: 64px;
      margin-left: 488px;
      overflow: hidden;
      width: 481px;
      }
      div#header ul#nav li {
         display: inline;
         }
         div#header ul#nav li a {
            display: block;
            float: left;
            height: 53px;
            text-indent: -9999px;
         }
         div#header ul#nav li.etusivu a {
            background: url(../images/nav-etusivu.png) bottom center no-repeat;
            width: 149px;
         }
         div#header ul#nav li.palvelut a {
            background: url(../images/nav-palvelut.png) bottom center no-repeat;
            width: 149px;
         }       
         div#header ul#nav li.referenssit a {
            background: url(../images/nav-referenssit.png) bottom center no-repeat;
            width: 149px;
         }       
         div#header ul#nav li.tiimi a {
            background: url(../images/nav-tiimi.png) bottom center no-repeat;
            width: 183px;
         }
         div#header ul#nav li.blog a {
            background: url(../images/nav-blog.png) top center no-repeat;
            width: 153px;
         }
         div#header ul#nav li.blog a:hover {
            background: url(../images/nav-blog.png) bottom center no-repeat;
         }
         div#header ul#nav li a:hover {
            background-position: center center;
         }
         #etusivu div#header ul#nav li.etusivu a {
            background: url(../images/nav-etusivu.png) top center;
         }
         #palvelut div#header ul#nav li.palvelut a {
            background: url(../images/nav-palvelut.png) top center;
         }
         #referenssit div#header ul#nav li.referenssit a {
            background: url(../images/nav-referenssit.png) top center;
         }         
         #tiimi div#header ul#nav li.tiimi a {
            background: url(../images/nav-tiimi.png) top center;
         }                                               
div#content {
   background: url(../images/content-bg.png) repeat-y -2px center;
   padding: 0 41px;
   }
   /* etusivu caset */
   div#content div#caset {
      position: relative;
      left: -41px;
      width: 975px;
      }
      div#content div#caset ul {
         overflow: hidden;
         margin-left: 3px;
         height: 34px;
      }
      div#content div#caset ul li {
         display: inline;
         }
         div#content div#caset ul li a {
            background: url(../images/case.png) no-repeat;
            color: #fff;
            display: block;
            float: left;
            width: 111px;
            padding-top: 10px;
            padding-bottom:10px;
            padding-left: 38px;
            text-decoration: none;
            text-transform: uppercase;
            }
            div#content div#caset ul li.nuoli a {
               height: 40px;
               width: 38px;
               text-indent: -9999px;
               text-decoration: none;
               padding: 0;
               }
               div#content div#caset ul li.nuoli.taakse a {
                  background: url(../images/nuoli-taakse.png) no-repeat;
               }    
               div#content div#caset ul li.nuoli.eteen a {
                  background: url(../images/nuoli-eteen.png) no-repeat;
               }
body#palvelut div#content {
   background: url(../images/content-bg-musta.png) repeat-y -2px center !important;
   padding: 0 42px 0;   
   }
body#palvelut div#content a {
   color: #fff;
   font-size: 1.2em;
}   
   body#palvelut div#content ul#subnav {
      background: url(../images/sub-nav.png) no-repeat;
      overflow: hidden;
      height: 30px;
      padding-left: 127px;
      text-transform: uppercase;
      }
      body#palvelut div#content ul#subnav li{
         display: inline;
      } 
      body#palvelut div#content ul#subnav li a {
         color: #fff;
         display: block;
         float: left;
         text-decoration: none;
         width: 147px;
         text-align: center;
         padding: 7px 0;
      }                     
      body#palvelut div#content ul#subnav li a:hover,
      body#palvelut div#content ul#subnav li a:focus {                                                
         font-weight: bold;
      }      
body#palvelut div#content img.video {
   margin: 0 18px;
}         
body#palvelut div#content div.clear { 
   background: url(../images/harmaa-3-columns.png) repeat-y;
   }
body#palvelut div#content div.clear.c111 { 
   background: url(../images/c111.png) repeat-y;
}
body#palvelut div#content div.clear.c11 { 
   background: url(../images/c11.png) repeat-y;
}            
   body#palvelut div#content div#main-content{ 
      float: left;
      padding: 30px 15px;
      width: 578px;
   }
   body#palvelut div#content h1,
   body#palvelut div#content h2, 
   body#palvelut div#content h3{ 
      font-size: 1.4em;
      margin-bottom: 20px;
      text-transform: uppercase;
      }
   body#palvelut div#content p,
   body#palvelut div#content ul li {
      font-size: 1.16em;
   }
   body#palvelut div#content p,
   body#palvelut div#contentul {  
      margin-bottom: 20px;
   }   
   body#palvelut div#content ul {
      list-style: disc;
      margin-left: 15px;
      margin-bottom: 20px;
      }       
      .column-300 {
         float: left;
         padding: 0 15px;
         width: 259px;
      }
      .column-447 {
         float: left;
         padding: 30px;
         width: 385px;
      }
   body#palvelut div#content div#sidebar{ 
      float: left;
      padding: 30px;
      width: 185px;
      }
body#tiimi div#content {
   padding:0 41px;
   }
   body#tiimi div#content div#antti {
     height: 375px;
     width: 594px;
     float: left;
     position: relative;
   }
   
   body#tiimi div#content div#lauri {
     height:375px;
     width: 594px;
     float: left;
     position: relative;
   }
   
   body#tiimi div#content h1 {
     margin: 3em 40px 0;
     text-indent: -9999px;
   }
   body#tiimi div#content h2 {
     margin: 0 40px 0.5em;
     text-indent: -9999px;
   }
   
   body#tiimi div#content h3 {
     font-size: 1.5em;
     margin: 0 40px;
   }
   
   body#tiimi div#content div#antti h1 {
     background: url(/images/Antti_nimi.png) no-repeat;
   }
   body#tiimi div#content div#lauri h1 {
     background: url(/images/Lauri_nimi.png) no-repeat;
   }
   
   body#tiimi div#content div#antti h2 {
     background: url(/images/Antti_titteli.png) no-repeat;
   }
   body#tiimi div#content div#lauri h2 {
     background: url(/images/Lauri_titteli.png) no-repeat;
   }
   
   body#tiimi div#content ul#tiimi-select{ 
      background: #181818;
      overflow: hidden;
      margin:0 0 0 0;
      width: 894px;
   } 
   body#tiimi div#content ul#tiimi-select li { 
      display: inline;
   }
   body#tiimi div#content ul#tiimi-select li a { 
      display: block;
      float: left;
      margin: 0;
      padding: 0;
      width: 298px;
      height: 34px;
   }
   body#tiimi div#content ul.links {
     position: absolute;
     top: 68px;
     right: 25px;
   }
   body#tiimi div#content ul.links li {
     float: left;
     margin-right: 1em;
   }
   body#tiimi div#content ul.links li a {
     display: block;
     text-indent: -9999px;
   }
   body#tiimi div#content ul.links li a.blog-link {
     background: url(/images/blog.png) no-repeat 0 0;
     width: 27px;
     height: 7px;
   }
   body#tiimi div#content ul.links li a.twitter-link {
     background: url(/images/twitter.png) no-repeat 0 0;
     width: 45px;
     height: 7px;     
   }
   body#tiimi div#content ul.links li a.facebook-link {
     background: url(/images/facebook.png) no-repeat 0 0;
     width: 55px;
     height: 7px;     
   }
   body#tiimi div#content ul.links li a.linkedin-link {
     background: url(/images/linkedin.png) no-repeat 0 0;
     width: 48px;
     height: 7px;     
   }
   
div#content-bottom {
   background: url(../images/content-bottom.png) repeat-y -2px center;
   height: 68px;
   margin-bottom: 80px;
}

#etusivu div#content-bottom {
  margin-bottom: 30px;
  
}
div#footer {
   background: url(../images/footer-bg.png) repeat-x #181818;
   width: 100%;
   overflow: hidden;
   padding-bottom: 80px;
   }
   div#footer div#innerFooter {
      margin: 45px auto 0 auto;
      overflow: hidden;
      padding: 0 34px;
      width: 907px;
      } 
      div#footer div.fcolumn {
         font-weight: bold;
         width: 302px;
         float: left;
      }        
      div#footer h2 {
         color: #fff;
      }  
      div#footer ul {
         color: #8d8d8d;
         margin-top: 30px;
      }      
      div#footer form {
         color: #8d8d8d;
         margin-top: 30px;
         }
         div#footer form input,
         div#footer form textarea {
            border: 1px solid #3c3c3c;
            background: #181818;
            color: #8d8d8d;
            margin-bottom: 15px;
            padding: 3px;
         }
         div#footer form input {
         margin-left: 0;
            width: 141px;
            text-align: left;
         }         
         div#footer form textarea {
            height: 80px;
            width: 297px;
         }
         div#footer input#laheta {
            background: #282828;
            color: #868686;
            font-size: 1.26em;
         }         
div#uutta {
   position: absolute;
   top: 20px;
   margin-left: 763px;
   width: 211px;
   }
   div#uutta p,
   div#uutta a {
      color: #fff;
      font-size: 1.12em;
      margin:0;
      text-decoration: none;
   }
   div#uutta a:hover {
      text-decoration: underline;
   }   

   .tooltip {
   	display:none;
    background:transparent url(/images/black_arrow.png);
   	font-size:12px;
   	height:70px;
   	width:160px;
   	padding:25px;
   	color:#fff;	
   }
#culture-content {
	padding:40px;
}

#culture-content h2, #culture-content hr {
	margin-bottom: 20px;
}