/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}
/*---------- END RESET ----------*/

body { background: #c3c3c3 url(images/bg.jpg) top center no-repeat; font-family: georgia, sans-serif;
	font-size: 11px;color:black;
}		
		p { margin-bottom:10px;}
		a{text-decoration:none;color:#779ecb;;}
a:hover{color:#d5e8fe;}
		
		h1 {
	font: bold 14px/18px Georgia, serif !important;
	text-transform: uppercase;
}
h2, h3, h4, h5, h6 {
	font: bold 12px/18px Georgia, serif !important;
}

strong{font-weight:bold;}

		
		div {overflow: visible; }
		.hidden { display:none ; } 
		.header{height:105px;}
		.navigation{position: relative; width: 100%; height: 105px;}

		
		
		
		.sis{padding-left:10px;padding-right:10px;}
		.whitebg{}
		.next a{background-color:white;color:#921a1d;font-style:italic;letter-spacing:1px;padding:2px;border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb;}
		.next a:hover{border-bottom:1px solid #921a1d;border-top:1px solid #921a1d;}
		
		.footer{text-align:center;color:#7f7f7f;text-shadow:1px 1px 0 #fff;}
		.footer p{margin-top:25px;background:#cacaca;padding:10px; border:1px solid white;}
		
		#menu {
		position: absolute; right: 0px; bottom: 10px;
	list-style: none;
	padding: 0;
	float:right;
}
#menu li {
	float: right;
	font: 10px "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	
	
}
#menu a {
	color: #323232;
	display: block;
	float: right;
	margin: 0;
	padding-left:10px;
	text-decoration: none;
	font-weight:normal;
text-shadow:1px 1px 1px #858585;
}
#menu a:hover {
	color: white;
}	
		
		/* Bannerispritet */

#virtualtour a{
		display:block;
		width:900px;
		height:197px;
		margin-left:0px;
		margin-top:20px;
background: url(/images/virtualtoursprite.jpg) 0 0 no-repeat;
		}
#virtualtour a:hover {	
		background-position: 0 -197px;
		}

#banneri a, #banneri2 a, #banneri3 a, #banneri4 a, #banneri5 a, #banneri6 a {
		display:block;
		width:100px;
		height:40px;
		margin-left:25px;
		margin-top:20px;
		}


	
#banneri a:hover, #banneri2 a:hover, #banneri3 a:hover, #banneri4 a:hover, #banneri5 a:hover, #banneri6 a:hover {	
		background-position: 0 -40px;
		}

#banneri a {background: url(/images/logo_marimekko.png) 0 0 no-repeat;}
#banneri2 a {background: url(/images/logo_iittala.png) 0 0 no-repeat;}
#banneri3 a {background: url(/images/logo_fiskars.png) 0 0 no-repeat;}
#banneri4 a {background: url(/images/logo_artek.png) 0 0 no-repeat;}
#banneri5 a {background: url(/images/logo_fenniaprize.png) 0 0 no-repeat;}
#banneri6 a {background: url(/images/logo_designforum.png) 0 0 no-repeat;}

.idolibox{width:100px;}
.idolibox img{border:1px solid white;}
.idoli{color:white;}

.idolispan{margin-top:380px;text-align:center;}
.idolispan img{margin-bottom:5px;}
.idolispan2{margin-top:20px;text-align:center;color:white;}
.idolispan2 a{color:white;text-decoration:underline;}
.idolispan2 a:hover{text-decoration:none;}

.yritys{color:white;margin-top:70px;text-shadow:1px 1px 0 #000;}

a.sislinkki{color:#779ecb}
a:hover.sislinkki{color:#d5e8fe}

.uutinen{padding:5px;border-bottom:1px solid #676767;background:url(/images/50white.png);margin-bottom:10px;}
.uutinen a{color:#237dbb;font-weight:bold;}
.uutinen a:hover{color:#4c6284;}
a.uutislinkki{color:#4c6284;padding:3px;background-color:#e2e2e2;}
a.uutislinkki:hover{color:#779ecb;background-color:#fff;}


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.idolibox,
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/



.container_12 .grid_1 {
	width:75px;
}

.container_12 .grid_2 {
	width:150px;
}

.container_12 .grid_3 {
	width:225px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:375px;
}

.container_12 .grid_6 {
	width:450px;
}

.container_12 .grid_7 {
	width:525px;
}

.container_12 .grid_8 {
	width:600px;
}

.container_12 .grid_9 {
	width:675px;
}

.container_12 .grid_10 {
	width:750px;
}

.container_12 .grid_11 {
	width:825px;
}

.container_12 .grid_12 {
	width:900px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:75px;
}

.container_12 .prefix_2 {
	padding-left:150px;
}

.container_12 .prefix_3 {
	padding-left:225px;
}

.container_12 .prefix_4 {
	padding-left:300px;
}

.container_12 .prefix_5 {
	padding-left:375px;
}

.container_12 .prefix_6 {
	padding-left:450px;
}

.container_12 .prefix_7 {
	padding-left:525px;
}

.container_12 .prefix_8 {
	padding-left:600px;
}

.container_12 .prefix_9 {
	padding-left:675px;
}

.container_12 .prefix_10 {
	padding-left:750px;
}

.container_12 .prefix_11 {
	padding-left:825px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:75px;
}

.container_12 .suffix_2 {
	padding-right:150px;
}

.container_12 .suffix_3 {
	padding-right:225px;
}

.container_12 .suffix_4 {
	padding-right:300px;
}

.container_12 .suffix_5 {
	padding-right:375px;
}

.container_12 .suffix_6 {
	padding-right:450px;
}

.container_12 .suffix_7 {
	padding-right:525px;
}

.container_12 .suffix_8 {
	padding-right:600px;
}

.container_12 .suffix_9 {
	padding-right:675px;
}

.container_12 .suffix_10 {
	padding-right:750px;
}

.container_12 .suffix_11 {
	padding-right:825px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:75px;
}

.container_12 .push_2 {
	left:150px;
}

.container_12 .push_3 {
	left:225px;
}

.container_12 .push_4 {
	left:300px;
}

.container_12 .push_5 {
	left:375px;
}

.container_12 .push_6 {
	left:450px;
}

.container_12 .push_7 {
	left:525px;
}

.container_12 .push_8 {
	left:600px;
}

.container_12 .push_9 {
	left:675px;
}

.container_12 .push_10 {
	left:750px;
}

.container_12 .push_11 {
	left:825px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-75px;
}

.container_12 .pull_2 {
	left:-150px;
}

.container_12 .pull_3 {
	left:-225px;
}

.container_12 .pull_4 {
	left:-300px;
}

.container_12 .pull_5 {
	left:-375px;
}

.container_12 .pull_6 {
	left:-450px;
}

.container_12 .pull_7 {
	left:-525px;
}

.container_12 .pull_8 {
	left:-600px;
}

.container_12 .pull_9 {
	left:-675px;
}

.container_12 .pull_10 {
	left:-750px;
}

.container_12 .pull_11 {
	left:-825px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* SLIMBOX */

.galleria img{float:left;margin:3px;}
.galleria3 img{float:right;margin:3px;}
.galleria2 img{float:right;margin:3px 22px 3px 3px;}
.galleria img:hover{}

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/images/previous.png) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/images/next.png) no-repeat 100% 15%;
}

#lbBottom {
	font-family: georgia, serif;
	font-size: 11px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 142px;
	height: 47px;
	background: transparent url(/images/close.png) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}