html {
	overflow-y: scroll;
    height: 100%;
    background-color:#424242;
    overflow-y: scroll;
      }
 
body {
    padding:0;
    border:0;
    margin:0;
    text-align:center;
    background-color:#424242;
    font-size:90%;
    }


 .clearfix {
     overflow:hidden;
    zoom: 1;
  }   
    
 

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
}




 
 
/*PAGE NAVIGATION AREA */

/* HEADER AREA */  
 
.content {
margin: 0 auto;
width: 960px;
 }
 
#top-bar {
width: 100%;
margin: 0;
padding: 0;
background-color:#000;
height: 40px;
position:relative;
 }
 
#top-bar .content {
position:relative;
 }
 
#banner {
   width:100%;
   padding-top:0px;
   text-align:center;
   background-image:url('../images/graphics/px_by_Gre3g.png');
   } 

#banner .content {
   height:155px;
   text-align:right;
   position:relative;
   }    
   
.kari-header {
position:absolute;
top: 75px;
right: 0px;
 }
 
/* MENU AREA */ 
 
#menu-bar {
    width:100%;
    border-top: 2px solid #75787B;
    border-bottom: 1px solid #75787B;
    } 
    
#main-menu {
    width:100%;
    background-color:#000;
    }
 
#main-menu .content {
    width:960px;
    padding:0px;
    margin: auto auto; 
    text-align:left;
   }
   
 #sub-menu {
    width:100%;
    background-color:#5C5D5E;
    height: 30px;
    border-top: 1px solid #75787B;
    }
 
#sub-menu .content {
    width:960px;
    padding:0px;
    margin: auto auto; 
    text-align:left;
   }
   
/* CONTENT AREA */ 
  
#contentWrapper {
     width:960px;

     }

     
#contentMain {
    width:60px;
    float:left;
    margin-left:450px;
    padding:0;

     }     
     
     
#contentLeft {
    width:450px;
    padding:30px 0 30px 0;
    text-align:left;
    float:left;
    } 

#contentLeft-1 {
    width:550px;
    padding:30px 0 30px 0;
    text-align:left;
    float:left;
    } 
 
#contentRight {
    float: left;
    width:430px;
    padding: 100px 0 30px 20px;
    text-align:left
     } 
     
#contentRight-1 {
    float: left;
    width:300px;
    padding: 50px 0 30px 100px;
    text-align:left;
     } 
     
#contentFull {
    width: 960px;
    padding: 30px 0px 30px;
    text-align:left;
    box-sizing:border-box;
 }
 
div#contentFull.narrow {
padding-right: 350px;
 }


/* FOOTER AREA */ 

#footerWrapper {
width:100%;
background-color:#111;
border-top: 3px solid #fff;
} 

 
#footerArea {
    width:960px;
    margin: auto auto; 
    text-align:right; 
    }

#footerArea p {   
font-size:8pt;
padding:25px 0 25px;
text-align:center; 
  } 
 
#footerCredit {
     width:960px;
     padding: 0;
     text-align:right;
     }
     
 
     
  

 
 
/*MAIN CONTENT AREA*/



 
 
#contentWrapper {
    width:960px;
    margin: auto auto;
    overflow:hidden;
    zoom:1;
    } 
    
 
 
 
#contentText {
    padding: 20px 10px 0px 10px;
    width: 540px;
    float:left;
    text-align:left;
    margin-right:330px;

    }


#homeRef {
    padding:30px 0px 30px 0px;
    min-height:300px;
    color:#fff;
    font-size:16px;
    font-family:'courier new';
    line-height:130%;
    }
    


#contentPhoto {
     width: 330px;
     float:right;
     text-align:center;
     margin-left:-330px;
     padding: 30px 20px 0 0;
     } 
 

.album { 
    width: 100px;
    height: 100px;
    padding:0px 10px 10px 0;
    float:left;
}

 .gallery_frame {
    width:120px;
    float:left;
    margin:5px;
         }
         
 .video_frame {
    width:100px;
    height:180px;
   padding: 0px 10px 10px 0px;
    float:left;
         }         
          
 
 
  
    
     
     
/*TEXT FORMATS */


h1,h2,h3,p,a,li,td,label {
  font-family: 'Open Sans', sans-serif;;
    color:#ebebeb;
    text-align:left;
    }

h1 {
    font-size:1.6em;
    font-weight:600;
    padding:0 0 20px 0;
    }

h2 {
    font-size:1.4em;
    text-transform:none;
    text-decoration:none;
    padding: 20px 0 10px 0px;
    font-weight:700;
    color:#ebebeb;
    text-align:left;
 
    }
  
h3 {
    font-size:1.1em;
    font-weight:900;
    text-decoration:none;
    padding: 20px 0 10px 0px;
    }
      
    
 
p {
    font-style: normal; 
    text-decoration:none;
    text-indent:0px;
    padding-left:0px;
    text-align:left;
    padding-bottom:10px;
    font-size:1em;
    line-height:130%;
    
    }

#contentWrapper li {
margin-bottom: 5px;
 } 
    
 td {
 vertical-align:top;

  }  
 
#contentRight-1 td {
 padding-right: 15px;
 font-size:1em;
  }
    
div#videosThumbs p {
    font-size:10pt;
 }    
    
 
.largerText li {
    text-align:left;
    font-size:1em;
    line-height:150%;
    color:#ffffff;
 }    
   

div#contentLeft p {
    line-height:150%;
    padding-left:0px;
    }
    
    
    
#smallerText p {
    font-size:0.9em;
    line-height:120%;
    padding-left:20px;
    color:#ffffff;
    }
    
#smallerText li {
    font-size:0.9em;
    line-height:120%;
    padding-left:20px;
    color:#ffffff;
    }    
    
#smallerText ul {
    padding: 10px 0 10px 40px;
    }     
    
#smallerText h2 {
    color:#ffffff;
    padding: 10px 0 10px 0;
    }   

#smallerText h3 {
    font-size:1em;
    color:#ffffff;
    text-transform:none;
    text-decoration:underline;
    padding: 15px 0 0px 20px;
    }   


    
a {
   text-decoration:underline;
   font-weight:900;
   color:#ffffff;
   }
 
a:hover {
    color:#D9D5D2;
    } 
 
div#smallerLinks a {
   font-size:1em;
   text-decoration:none;
    } 
    
div#smallerLinks p {
   font-size:0.9em;
   line-height:16pt;
   padding: 0 0 0 0px;
   margin:0;
    }   
      
div#smallerLinks td {
   font-size:0.9em;
   line-height:16pt;
   font-weight:900;
   padding: 0 30px 0 0px;
   margin:0;
    }

div#smallerLinks h2 {
   font-size:1.2em;
   line-height:16pt;
   font-weight:900;
   padding: 30px 0 10px 0px;
   margin:0;
    }
    
 
div#contentRight td {
    padding-right:20px;
    min-width:60px;
     } 

   
  
    


.cleara  {clear:both;}	

 br.clear {clear:both;} 
 
div#topmenu {
position:absolute;
top: 10px;
right: 110px;
 }
 
div.fb-like.fb_iframe_widget {
position:absolute;
top: 10px;
left: 0px;
 }
 
div.lang {
position:absolute;
top: 5px;
right: 0px;
 }
 
.lang ul {
margin: 0;
padding:0
 }
 
.lang ul li {
display:inline-block;
 }
 
.lang ul li a {
display:inline-block;
width:45px;
height:30px;
text-indent: -9999px;
background: url('/images/graphics/flags.jpg') no-repeat;
 }
 
.lang ul li.fi a {
background-position:-0px 0px;
 }

.lang ul li.fi a:hover{
background-position:-0px -30px;
 }

.lang ul li.eng a {
background-position:-45px 0px;
 }

.lang ul li.eng a:hover{
background-position:-45px -30px;
 }
 
.lang ul li.facebook a {
background-position:-80px 0px;
width:20px;
height:20px;
margin-left:10px
 }

.lang ul li.facebook a:hover{
background-position:-80px -20px;
 }

/* home page flags */

div.flags {
padding-left: 0px;
 }
 
.flags ul {
margin: 0;
padding:0 }
 
.flags ul li {
display:inline-block; }
 
.flags ul li a {
display:block;
width:75px;
height:50px;
text-indent: -9999px;
background: url('/images/graphics/flags-large.png') no-repeat;
margin: 10px 0;
 }
 
.flags ul li.fi a {
background-position:-0px 0px;
margin-left: 20px;
 }

.flags ul li.fi a:hover{
background-position:-0px -50px;
 }

.flags ul li.eng a {
background-position:-75px 0px;
margin-left: 0px;
 }

.flags ul li.eng a:hover{
background-position:-75px -50px;
 }
 
.flags ul li.facebook a {
background-position:-150px 0px;
margin-left: 35px;
 }

.flags ul li.facebook a:hover{
background-position:-150px -50px;
 }


/*=============================*/
 
div.social-icons {
position:absolute;
top: 20px;
right: 0px; }
 
.social-icons ul {
margin: 0;
padding:0 }
 
.social-icons ul li {
display:inline-block;
margin-left: 10px; }

.social-icons li a {
height:45px;
width: 45px;
display:block;
background-color:#000;
border-radius: 5px;
-webkit-transition: background-color .5s ease-out;
  -moz-transition: background-color .5s ease-out;
  -o-transition: background-color .5s ease-out;
  transition: background-color .5s ease-out;
 }
 
.social-icons li.facebook-lg a {background-color:#3b5998; }
.social-icons li.instagram-lg a {background-color:#517fa4; }
.social-icons li.youtube-lg a {background-color:#bb0000; }

.social-icons li.facebook-lg a:hover {background-color:#2F487D; }
.social-icons li.instagram-lg a:hover {background-color:#456783; }
.social-icons li.youtube-lg a:hover {background-color:#960000; }

.social-icons img {
width: 100%;
height:100%;
 }
 
 
 
div.logos {
position:absolute;
top: 40px;
left: 0px; }
 
.logos ul {
margin: 0;
padding:0 }
 
.logos ul li {
display:inline-block; }
 
.logos ul li a {
display:block;
width:150px;
height:75px;
border: 0;
outline:0;
text-indent: -9999px;
background: url('/images/logos/logos.png') no-repeat; }
 
.logos ul li.kumu a{background-position:-0px 0px;}
.logos ul li.kumu a:hover{background-position:-0px -100px; }

.logos ul li.zildjian a{background-position:-150px 0px; }
.logos ul li.zildjian a:hover{background-position:-150px -100px; }

.logos ul li.protection a{background-position:-300px 0px; }
.logos ul li.protection a:hover{background-position:-300px -100px; }

.logos ul li.facebook-lg a{background-position:-450px 0px;}
.logos ul li.facebook-lg a:hover{background-position:-450px -100px; }

/* main menu styling*/
 
ul.main-menu {
margin:0 0 0 0px;
padding:0;
 }
 
ul.main-menu li{
list-style-type:none;
margin: 0;
padding: 15px 30px 15px 0;
float:left;
 }
 
ul.main-menu li a{
display:block;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
font-size:1em;
color: #BEBFC0;
 }
 
ul.main-menu li.active a{
color: #fff;
 }
 
ul.main-menu li a:hover{
text-decoration:none;
color: #fff;
 }

 
 
/* sub menu styling*/
 
ul.sub-menu {
margin:0 0 0 20px;
padding:0;
 }
 
ul.sub-menu li{
list-style-type:none;
margin: 0;
padding: 5px 30px 5px 0;
float:left;
 }
 
ul.sub-menu li a{
display:block;
text-decoration:none;
font-weight:bold;
text-transform:lowercase;
font-size:1em;
color: #BEBFC0;
 }
 
ul.sub-menu li.active a{
color: #fff;
 }
 
ul.sub-menu li a:hover{
text-decoration:none;
color: #fff;
 }
 
 
 
 /* top menu styling*/
 
ul.top-menu {
margin:0 0 0 0px;
padding:0;
 }
 
ul.top-menu li{
list-style-type:none;
margin: 0;
padding: 0px 15px 0px 0;
float:left;
 }
 
ul.top-menu li a{
display:block;
text-decoration:none;
font-weight:bold;
font-size:1.1em;
color: #BEBFC0;
 }
 
ul.top-menu li.active a{
color: #fff;
 }
 
ul.top-menu li a:hover{
text-decoration:none;
color: #fff;
 }
 
 
 
img {border-radius: 5px; }



div#contentWrapper.finnish-home {
background-image:url('../images/finnish/railio-oulu.jpg');
min-height:640px;
position:relative;
 }
 
div#contentWrapper.finnish-home div.fin1 {
background:url('../images/graphics/dark_dotted.png');
border-radius: 5px;
width: 760px;
position:absolute;
top: 20px;
left: 40px;
padding: 20px 50px 30px;
 }
 
div#contentWrapper.finnish-home div.youtube-12 {
position:absolute;
top: 420px;
left: 40px;
 }
 
div#contentWrapper.finnish-home div p{
font-size: 1em;
line-height:140%;
 }
 
div#contentWrapper.finnish-home div li{
font-size: 0.9em;
line-height:130%;
float:left;
margin: 0 10px;
}

div#contentWrapper.finnish-home div ul{
margin: 20px 10px;
list-style-type:disc;
}

div#contentWrapper.finnish-home div p{
font-size: 0.9em;
line-height:140%;
color: #fff;
 }

div#contentWrapper.finnish-home div h1{
color: #fff;

 }
 
div#contentWrapper.finnish-home div a{
font-weight:normal;
 }
 

 
 div.gallery-thumbs img{
 border: 2px solid transparent;
  }
  
  div.gallery-thumbs img:hover{
 border: 2px solid #fff;
  }
  
a.pressImg {
 display:inline-block;
 margin: 30px 30px 30px 0;
  }
  
a.pressImg:hover img {
opacity:0.9;
  }
  
div.separator {
height:0px;
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px dotted #B1B4B7;
 }
 
div.col-3 {
width: 300px;
padding: 0 30px;
box-sizing:border-box;
float:left;
 }
 
td.year {padding-right:20px; }
 
input, select, textarea, div.rc-anchor-light.rc-anchor-normal {
width: 300px;
padding: 5px 10px;
 }
 
label {font-size: 10px;text-transform:uppercase; }


div.wpforms-container {max-width: 500px; }

#wpforms-submit-14 {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
    margin-top: 20px
}
#wpforms-submit-14:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.wpforms-confirmation-container-full {
    color: #fff!important;
    margin: 0 0 24px 0;
    background: #000096 !important;
    border: 1px solid #fff !important;
    padding: 15px 15px;
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
    margin: 20px 0px 20px 0px;}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}
.videoWrapper {padding-bottom: 56.25%; /* 16:9 */}
.videoWrapper.square {padding-bottom: 75%; /* 16:9 */}