body {
			background: url('taustakuva_sm_blur.jpg');
			background-position: 0px 0px;
			margin: 0;
			padding: 0;
			/*font-family: 'Lato', 'sans-serif';  */
			/*font-family: 'Nobile', 'sans-serif'; */

			font-family: 'Lato', 'sans-serif';
			font-weight: 300;
			

		}

		@media all and (-webkit-min-device-pixel-ratio: 1.5) {
 			 body {
    				background-image: url('taustakuva_sm_blur_2x.jpg');
    				background-size: 4080px 1700px;

  			}
		}


		a:hover {
			text-decoration: underline;
		}

		a {

			color: #5378ac;
			text-decoration: none;
			font-weight: 400;
		}


		#topcontainer {
			width: 100%;
			text-align: center;
		}

		#splash {
			margin-left: auto;
			margin-right: auto;
			width: 591px;
			padding: 0;
			margin-top: 0;
			margin-bottom: 0;
			height: 617px;
			text-align: center;
			background: url('hytti.png') top left no-repeat;
		}

		div.logotext {

			
			text-align: center;

			padding-top: 110px;
			padding-bottom: 20px;

		}

		#description {
			
			
			font-size: 16px;
			
			margin-top: 20px;
			white-space: nowrap;
			margin-bottom: 20px;
		}

	

		.container {
			

			
		}

		.documentcontainer {

			margin-left: auto;
			margin-right: auto;
			

		}

		h1 {

			
			color: #F7941E;
			font-size: 80px;
			
			margin-bottom: 20px;
			text-align: center;
			font-family: 'Lato', sans-serif;
			font-weight: 300;
		}

		h2 {

			


			color: #808285;
			font-size: 50px;
			
			margin-bottom: 30px;
			margin-top: 30px;
			font-weight: 300;

			font-family: Lato, sans-serif;	

		}

		h3 {
			font-family: Lato, sans-serif;
			
			font-size: 20px;

		}

		h4 {
			font-size: 18px;
			font-family: Lato, sans-serif;
			
		}

		p {

			
			font-size: 16px;
			margin-bottom: 20px;
			font-weight: 300;
			padding: 0;
			line-height: 30px;
		}



		.nextpage {
			padding-top: 60px;
			text-align: center;
			border-bottom: 1px solid #f0f0f0; 
			margin-bottom: 50px;
		}

		.page {

			
			padding-top: 60px;
			padding-bottom: 80px;


		}

.centered {
	text-align: center;
}


 .showmoretooltip {
 	border: 0;
 }

.qtip-contentWrapper {

	border: 0;

}

.whitecontainer {
	background: white;
	color: #58595B;
}


.bluecontainer {
	background: #5378ac;
	color: white;


}
.bluecontainer h2 {
	color: white;
}

.whitecontainer strong {
	
	color: #5378ac;
	font-weight: normal;
}

.buttonrow .navi a, .buttonrow .navi a.active, .buttonrow .navi a:hover {
	margin-top: 25px;
}

.bluecontainer p {

			
			font-size: 13px;
			line-height: 18px;
			margin-bottom: 20px;
			padding-right: 20px;
			font-weight: 400;
			
			font-family: 'Lato', sans-serif;
			
		}



 .pics12 {

 	 width: 940px;
 	 height: 481px;
 	 padding: 0;
 	 margin: 0;


 }


 .pics12 img {

 	 width: 940px;
 	 height: 481px;
 	top: 0;
 	left: 0;
 }



  .pics8 {

 	 width: 621px;
 	 height: 415px;
 	 padding: 0;
 	 margin: 0;


 }


 .pics8 img {

 	 width: 621px;
 	 height: 415px;
 	 top: 0;
 	left: 0;
 }

 .btn {

 		font-family: 'Lato', 'sans-serif';

 }

.topscrollable {

  position:relative;
  overflow:hidden;
  width: 930px;
  height:481px;

}

.topscrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}



.scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 940px;
  height:481px;

}


.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}


.items div {
  float:left;

}


.navigationrow {

	padding-top: 50px;


}

div.navi {

	display: inline;

}


.rightaligned .navi {
	float: right;
}

.leftaligned .navi {
	float: left;
}

.rightaligned a.browse {
	float: right;
}


.leftaligned a.browse {
	float: left;
}


.navigationrow a.browse {
	cursor: pointer;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 20px;
	font-weight: 300;
	color: #5378ac;
	cursor: pointer;
}


.navigationrow a.browse:hover {
	color: #5378ac;	
}



.navi  a {
	background: url('dot.png') top left no-repeat;
	width: 12px;
	height: 12px;
	display: block;
	float: left;
	cursor: pointer;
	margin: 4px;
}
 

.navi  a:hover,
.navi  a.active {

	background: url('dot_active.png') top left no-repeat;

	width: 12px;
	height: 12px;
	display: block;
	float: left;
	cursor: pointer;
	margin: 4px;
 }


.productinfo div {
	padding-left: 20px;
}

.productinfo .designers {

	font-weight: 300; 
	/*font-size: 13px;
	color: #5378ac; */

}


	.productinfo p {
		white-space: normal;
		font-size: 14px;
		line-height: 24px;

	}




	div.scrollable {
		margin: 0;
	}


.scrollable .row {

}


.footer p {

	font-size: 30px;
	padding-top: 80px;
	font-weight: 300;

}