@charset "UTF-8";
@import url('http://reset5.googlecode.com/hg/reset.min.css');
/*********************************************************************\
* 																																		*
*  Copyright ©2009-2013 Visual Flavors All Rights Reserved.  	        *
*  This file may not be redistributed in whole or significant part.   *
*  ________________________________________________________________   *
* 																																		*
*  http://www.visualflavors.com                                       *
*																																			*
\*********************************************************************/
/************************************************\
 Global
\************************************************/
html {
	position:relative;
	min-height:100%;
	background:transparent url("../images/banners/lake_saima_finland.jpg") no-repeat fixed center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background.jpg', sizingMethod='scale');*/
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background.jpg', sizingMethod='scale')";
} 
body {
	font: 14px  arial,sans-serif;
	height:100%;
	margin:0 0 85px 0;
}
article, aside, dialog, details, figcaption, figure, footer, header, hgroup, menu, nav, section {}
div, ol, ul, li, h1, h2, h3, h4 {}
q:after {content: close-quote;}
q:before {content: open-quote;}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
a {color: #39393A;}
a, a:hover {text-decoration:underline;}
h1, h1 a {
	color: #FFFFFE;
	line-height: 1;
	margin:0;
	vertical-align:top;
}
h1 a, h2 a, h3 a {
	text-decoration:none;
}
h2, h2 a {
	font: 16px  'Lustria', Arial, sans-serif;
	color:#FFFFFE;
	line-height: 1.54;
	font-weight:normal;
	margin: 0 0 10px 0;
	text-align: left;
}
h3, h3 a {
	font: 14px  'Lustria', Arial, sans-serif;
	color:#FFFFFE;
	line-height: 1.54;
	font-weight:bold;
	margin: 0 0 10px 0;
	text-align: left;
}
h4, h4 a {
	font: 14px  'Lustria', Arial, sans-serif;
	color:#FFFFFE;
	line-height: 1.54;
	font-weight:bold;
	margin: 0 0 10px 0;
	text-align: left;
}
p {margin: 0 0 10px 0;}
p, p a {
	font: 14px arial,sans-serif;
	color:#FFFFFE;
	line-height: 1.54;
	font-weight:normal;
	text-align: left;
}
ul ul {list-style: none;}
li, li a {
	font-size: 14px;
	color:#FFFFFE;
	line-height: 1.54;
}
a.anchor {text-decoration: none;}
.rfloat {float:right;}
.lfloat {float:left;}
input {padding:0; margin:0;border:0;}

/************************************************\
 Masthead
\************************************************/
.masthead_layer {
	position:relative;
	clear:both;
	background: rgb(29, 29, 29) url('') repeat-x scroll center center;
	height:230px;
}
.suomi .masthead_layer {
	height:280px;
}
.masthead {
	position:relative;
	clear:both;
	width:960px;
	margin:0 auto;
	padding:25px 0;
}
.page_title {
	position:relative;
	display:inline-block;
	width:580px;
	text-align:center;
	padding:0 auto;
}
.language_option {
	position: absolute;
	/*top:0.67em;*/
	top:0;
}
.page_title h1 {
	float:none;
	display:inline-block;
	text-align:center;
	font-family: 'Playfair Display SC', serif;
	font-size:36pt;
}
.page_title h1 span {
	font-family: 'Playfair Display SC', serif;
	font-size:20pt;
	line-height:1.56;
}
.language_option a {
	position:relative;
	width:auto;
	height: auto;
	display:block;
	z-index:1;
}
.language_option ul li {
	position:relative;
	list-style:none;
	clear:both;
}
.language_option.lang_english {
	right:0;
}
.language_option.lang_suomi {
	left:0;
}
/************************************************\
 Element
\************************************************/
.html5gallery {
	margin:0 auto 25px auto;
}	
.html5gallery-box-0 {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}

/************************************************\
 Contents
\************************************************/
.home, .suomi {
	position:relative;
	height:100%;
	margin:0 auto;
	text-align:center;
}
.contents_layer {
	position:relative;
  width: 100%;
  height:auto;
	margin:0 auto;
	background:transparent none no-repeat scroll center top;
	text-align:center;
	z-index:0;
}
.contents_layer #banner {
	position:absolute;
	width:100%;
	height:100%;
	margin:0 auto;
	z-index:0;
	background:transparent url("") no-repeat scroll center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background.jpg', sizingMethod='scale');*/
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background.jpg', sizingMethod='scale')";
}
.contents_layer .banner-image {
	position:absolute; 
	width:100%;
	height:auto;
	background-repeat:no-repeat;
	background-position:top center;
	z-index:1;
}
.contents {
	position:relative;
	display:inline-block;
	margin:0 auto;
	width:960px;
	margin:25px 0;
	clear:both;
}
.element {
	position:relative;
	margin:0 auto;
	width: auto;
	list-style:none;
	padding:25px;
	background:#FFFFFE url("") repeat scroll top center;
	-ms-interpolation-mode: bicubic;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;	
}
.intro {
  width: 540px;
	text-align:center;
	z-index:0;
	margin: 30px auto;
}
.intro p, .intro p a, .intro h2 {
	color: #555555;
}
.banner_nav {
	position:absolute;
	bottom:0;
	right:25%;
}
.banner_nav .ctrl { 
	position:relative;
	height:24px; 
	width:24px; 
	float:left; 
	cursor:pointer; 
	right:0px;
	margin:8px 0;	
}
.banner_nav #ctrl-back {background:transparent url('../images/controls/ctrl-back.png') no-repeat scroll;}
.banner_nav #ctrl-next {background:url('../images/controls/ctrl-next.png');}
.banner_nav #ctrl-control {background:url('../images/controls/ctrl-pause.png');}
.specialannouncement a {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color:#FFFFFE;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	position:relative;
	display:block;
	padding:10px 0;
	width:100%;
	z-index:1;
	background: #828280 none repeat scroll top center;
}
.specialannouncement a:hover {
	background: #1D1D1D none repeat scroll top center;
}
.gallery1, .gallery2, .gallery3 {
	display:inline-block;
	width:120px;
	color: #fffffe;
	border:2px solid #595B79;
	-ms-interpolation-mode: bicubic;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;	
	background-color:#595B79;
	padding:8px 18px;
	text-align:center;
	text-decoration:none;
}
.gallery1 {margin:0 15px 20px 0;}
.gallery2 {
	margin:0 10px 20px 10px;
	background-color:#FFFFFE;
	color:#595B79;
}
.gallery3 {margin:0 0 20px 15px;}
.gallery1:hover, .gallery2:hover, .gallery3:hover {
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
}

/************************************************\
 Footer
\************************************************/
footer {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 85px;
  width: 100%;
  background: #1D1D1D url('') repeat scroll top center;
}
.footer-layer {
	position:relative;
	width:960px;
	margin:25px auto;
	height:auto;
	clear:both;
}
.footer-layer p, .footer-layer p a, .footer-layer li, .footer-layer li a {
	font-size:14px;
	line-height:18px;
	text-decoration:none;
	color:#FFFFFE;
}
.footer-layer p span {
	font-family: 'ubuntu', sans-serif;
}
.footer-layer li.icons, .footer-layer li.icons a {line-height:32px;}
.footer-layer a:hover {text-decoration:underline;}
.copyright {float:left;}
.copyright p {line-height:35px;}
footer ul.text-links {float:right;list-style:none;}
footer ul.text-links li {float:left;margin:0 10px 0 0;line-height:35px;}

/*** Social Icons ***/
.footer-nav {position:relative;display:inline-block;width:580px;text-align:center;margin:0 auto;}
.footer-nav ul.social-icons {position:relative;display:inline-block;float:right;list-style:none;}
.footer-nav ul.social-icons li {float:left;}
a.icon_social {display:block;width:35px;height:35px;margin:0 20px 0 0;}
a.icon_social.last_of_type {margin:0 0 0 0;}
a#facebook.icon_social {background:transparent url('../images/icons/facebook.png') no-repeat scroll top center;}
a#facebook.icon_social:hover {background:transparent url('../images/icons/facebook_on.png') no-repeat scroll top center;}
a#google_plus.icon_social {background:transparent url('../images/icons/google_plus.png') no-repeat scroll top center;}
a#google_plus.icon_social:hover {background:transparent url('../images/icons/google_plus_on.png') no-repeat scroll top center;}
a#youtube.icon_social {background:transparent url('../images/icons/youtube.png') no-repeat scroll top center;}
a#youtube.icon_social:hover {background:transparent url('../images/icons/youtube_on.png') no-repeat scroll top center;}
a#linkedin.icon_social {background:transparent url('../images/icons/linkedin.png') no-repeat scroll top center;}
a#linkedin.icon_social:hover {background:transparent url('../images/icons/linkedin_on.png') no-repeat scroll top center;}
a#pinterest.icon_social {background:transparent url('../images/icons/pinterest.png') no-repeat scroll top center;}
a#pinterest.icon_social:hover {background:transparent url('../images/icons/pinterest_on.png') no-repeat scroll top center;}
a#twitter.icon_social {background:transparent url('../images/icons/twitter.png') no-repeat scroll top center;}
a#twitter.icon_social:hover {background:transparent url('../images/icons/twitter_on.png') no-repeat scroll top center;}
.byvisualflavors {
	position:relative;
	display:inline-block;
}
.byvisualflavors a {
	padding-left: 45px;
	display:block;
	line-height: 35px;
	color: #FFFFFE;
	text-decoration:none;
	background:transparent url('../images/icons/visualflavors.png') no-repeat scroll top left;
}

/*** Visual Flavors Tag ***/
.visualflavors-layer {position:relative;margin:0 auto;padding:20px 0;text-align:center; width:100%;border-top:#FFFFFE solid 1px;background-color:#828280;}
.visualflavors {display:inline-block;width:210px;}
.visualflavors div {float:left;text-align:left;}
.visual_flavors_img {margin:0 2px 0 60px;}
.visual_flavors_text a {font-family: arial,sans-serif;font-size:9px;color:#FFFFFF;width:93px;line-height:11px;display:block;text-decoration:none;}
.visual_flavors_text a:hover {text-decoration:underline;	}
.icon_visual-flavors {width:44px; height:44px; margin:0 5px 0 0;}

/*** Validators ***/
.validators {position:absolute;top:5px;right:5px;width:35px;}
.validators ul {width:100%;float:right;list-style:none;}
.html5 a {display:block;background-image:url('../images/icons/html5.png');width:35px;height:50px; margin:0 0 10px 0;}
.css3 a {display:block;background-image:url('../images/icons/css3.png');width:35px;height:50px;}


.htmlgallery2 {display:none;}
.htmlgallery3 {display:none;}