/* Colors: Vihre� color:#6FEFB5	ruskea tausta: #625238			*/
* {margin:0;padding:0;outline:0}
html {height:100%;overflow-y:scroll;}
body {text-align:center;font:normal 70%  Arial, Verdana, Helvetica;line-height:1.5em; background:#625238 url(images/bodyBg.gif) repeat 0 0;padding:15px 0 0 0;height:100%}
p {color:#000;font-size:1.0em;margin:0 0 0.8em;}
h1 {color:#000;font-size:1.6em;margin:0 0 1.0em;}
h2 {color:#000;font-size:1.4em;margin:0 0 0.2em;}
h3 {color:#000;font-size:1.3em;margin:0 0 0.2em;}
h4 {color:#000;font-size:1.2em;margin:0 0 0.2em;}
h5 {color:#000;font-size:1.1em;margin:0 0 0.2em;}
h6 {color:#000;font-size:1.0em;margin:0 0 0.2em;}

ul, ol, dl {}

a {text-decoration:none;color:#625238}
a:hover {}
a img {border:0px solid; text-decoration:none;}
dfn {display:none;}

table {border-spacing:0;border:0;border-collapse:collapse;}
table td {vertical-align:top;}
dfn {display:none;}
input, label ,table, td {font-size:100%;font-family:inherit;}
hr {border:none;border-bottom:1px solid #777;padding:5px 0 0;margin:0 0 5px;}
input,textarea,select {font-family:arial;font-size:1em;color:#2F240D}
input:focus, textarea:focus {background:#feecd2;outline:none}
fieldset {padding:5px;}
legend {font-weight:bold;color:#C04F00;font-size:1.4em;}

/* editori */
img.leftAlign {float:left;margin:0 10px 10px 0}
img.rightAlign {float:right;margin:0 0px 10px 10px}
.small {font-size:0.9em;}
.large {font-size:1.1em;}

.fi, .en {display:none;}
#FI .fi, #EN .en {display:block}

/* asettelut */
#pageWrapper {text-align:left;width:923px;margin:15px auto 0;background:url(images/tausta.gif) repeat-y 0 0;}
	* html #pageWrapper, * html #mainContent {height:1%;}
#pageWrapper.rightWide {}
#pageWrapper.leftWide {}
#pageWrapper.full {}
#contentWrapper {background:#fff;padding:30px 0 10px;margin-left:23px;_margin-left:20px;min-height:435px;_height:425px;position:relative;}
#leftContent {width:140px;float:left;/*min-height:400px;height:auto !important; height:400px;*/}
	* html #leftContent {margin-right:-3px}
	#leftPadding {}
#rightContent {float:right;width:200px;}
	* html #rightContent {margin-left:-3px;}
	#rightPadding {}
#mainContent {margin:0 200px 0 140px;}
	* html #mainContent {margin:0 197px 0 137px;}
	#mainContentWidth {width:500px;overflow:auto;overflow-y:visible;overflow-x:hidden;}
	#mainPadding {margin:0 0px 0 20px;}

/* 2Col  Right wide, Left Narrow */
#pageWrapper.rightWide #mainContent {margin-right:0}
	* html #pageWrapper.rightWide #mainContent {margin-right:0;}
	#pageWrapper.rightWide #mainContentWidth {width:740px;}
	#pageWrapper.rightWide #rightContent {display:none}

/* 2Col  Left wide, Right Narrow */
#pageWrapper.leftWide #mainContent {margin-left:0}
	* html #pageWrapper.leftWide #mainContent {margin-left:0;}
	#pageWrapper.leftWide #mainContentWidth {width:680px;}
	#pageWrapper.leftWide #leftContent {display:none}

/* 1 Col */
#pageWrapper.full #mainContent {margin-right:0; margin-left:0;}
	* html #pageWrapper.full #mainContent2Col {margin-right:0;margin-left:0;}
	#pageWrapper.full #mainContentWidth {width:880px;}
	#pageWrapper.full #rightContent, #pageWrapper.full #leftContent  {display:none}

	
/* Header */
#header {height:50px;;position:relative;margin-left:23px;overflow-y:none;}
#headerPadding {padding:0;_margin-bottom:-15px;_padding-top:15px;}
div.printLogo {display:none;}
#logoLink {display:block; width:220px; height:55px;background:url(images/Protoshop.gif) no-repeat 0 0;position:absolute;left:0;bottom:0px;}

/* Footer */
#footer {background:url(images/footerBg.png) no-repeat 0 0;clear:both;height:0px;position:relative;font-size:0;}
#footerPadding {padding:0px 30px 0px;text-align:right;font-size:0.9em;color:#444}
#addressBlock {position:absolute;bottom:30px;left:40px;font-size:0.9em}

/* top navi */
#topNavi {list-style-type:none;padding-top:23px;float:right;}
#topNavi li {float:left;line-height:26px;padding:0 7px;}
#topNavi li a {font-weight:bold;color:#fff;}
#topNavi li.currentpage a, #topNavi li.activeparent a, #topNavi li a:hover {font-weight:bold;color:#fff;color:#6FEFB5}

/* Left Navi */
#leftNavi {list-style-type:none;line-height:2.0em;}
#leftNavi li {background:url(images/leftNavi.png) no-repeat 0 0;display:block;vertical-align:bottom;width:100%}
#leftNavi li.first {}
#leftNavi li a {color:#000;padding:0 0 0 20px;display:block;_height:1%;}
#leftNavi li a:hover {color:#0f0;}
#leftNavi li.currentpage, #leftNavi li.activeparent {}
#leftNavi li.currentpage a, #leftNavi li.activeparent a {}
#topNavi li.currentpage.first, #topNavi li.activeparent.first {background-image:none;}
#leftNavi li a.currentpage {}
#leftNavi li.sectionheader {}

/* toinen taso */
#leftNavi ul {line-height:1.2em;margin:0 0 0 10px;list-style-type:none;list-style-image:none;}
#leftNavi li.currentpage li, #leftNavi li.activeparent li {background:none;}
#leftNavi li.currentpage li a, #leftNavi li.activeparent li a {color:#333;font-weight:normal}
#leftNavi ul li {background:none;}
#leftNavi ul li a {padding:2px 0 3px 20px;}
#leftNavi ul li.currentpage {}
#leftNavi ul li a.currentpage {}

/* Left Content */
#leftContent img {position:absolute; bottom:35px;right:760px;_bottom:45px;}
#leftContent h1 {font-size:1.3em;text-transform:uppercase;margin-bottom:3px;}
img.leftDown {position:absolute; bottom:20px;right:620px;_bottom:45px;}
img.leftDown.en {bottom:20px;}

/* Right Content */

/* MainContent */
#mainContent {position:relative;}
#mainContent ul, #mainContent ol {margin:0 0 10px 30px;}
table.designers {position:relative;}
table.designers td {text-align:center;font-size:1em;}
table.designers td.textBox {height:130px;}
table.designers td a {color:#666;background:#fff;}
table.designers td a span {display:block;position:absolute;top:0%;left:30px;_left:10px;width:450px;text-align:justify;background:#fff;visibility:hidden;line-height:1.3em;}
table.designers td a:hover {;background:#fff; color:#000;}
table.designers td a:hover span {visibility:visible;}

/* Lomakkeet */
div.formbuilderform div {margin:3px 0 0 170px;_padding-left:170px;display:table;zoom:1.0 !important;zoom:0.0;}
/*html>body div.formbuilderform div { *zoom: 1 }*/
div.formbuilderform div label {width:170px;display:block;float:left;margin:0 0 0 -170px;}
div.formbuilderform div h3, div.formbuilderform div a {margin:0 0 0 -170px;_margin-left:-340px;display:block;}
div.formbuilderform div div {margin:0;_padding-left:0px;_margin-left:-170px;}
div.formbuilderform div div label {width:auto;float:none;display:inline;margin:0;}
div.formbuilderform textarea {width:300px;height:100px;}
div.formbuilderform select {padding:0;margin:0 10px 0 0}
div.formbuilderform select option {padding:0 5px;}
div.formbuilderform .submit {}

/* js tyylit */
p.caption {font-style:italic;font-size:0.9em;color:#555;margin:3px 0 6px;}

/* muut */
.clearB {clear:both;font-size:0em;height:0px;}
/* muut */
.clearB {clear:both;font-size:0em;height:0px;}
#credit {font-size:0.9em;margin-bottom:-10px;width:900px;margin:0 auto;text-align:left;color:#fff;padding-left:23px;clear:both;}
#credit a {color:#fff}

/* Kuvanavi */
#imageNavi {margin:0 0 0 220px;list-style-type:none;}
#imageNavi li {float:left;list-style-type:none;}
#imageNavi li a {height:43px;background:url(images/naviImages.gif) no-repeat;float:left;}
#imageNavi span {position:absolute;left:-1000em;}

#gimmelegs, #gimmelegs-en {width:42px;}
#imageNavi #igloo, #imageNavi #igloo-en {width:47px;background-position:-42px 0}
#imageNavi #tray, #imageNavi #tray-en {width:32px;background-position:-89px 0;}
#imageNavi #posture, #imageNavi #posture-en {width:24px;background-position:-121px 0;}
#imageNavi #pare, #imageNavi #pare-en {width:37px;background-position:-145px 0;}
#imageNavi #fikkari, #imageNavi #fikkari-en {width:52px;background-position:-182px 0;}
#imageNavi #akileija, #imageNavi #akileija-en {width:32px;background-position:-234px 0;}
#imageNavi #outlight, #imageNavi #outlight-en {width:24px;background-position:-266px 0;}
#imageNavi #grip, #imageNavi #grip-en {width:31px;background-position:-290px 0;}
#imageNavi #crate, #imageNavi #crate-en {width:62px;background-position:-321px 0;}
#imageNavi #vaate, #imageNavi #vaate-en {width:30px;background-position:-383px 0;}

#gimmelegs:hover, #gimmelegs.currentpage, #gimmelegs-en:hover, #gimmelegs-en.currentpage{width:42px;background-position:0 -43px}
#imageNavi #igloo:hover, #imageNavi #igloo.currentpage, #imageNavi #igloo-en:hover, #imageNavi #igloo-en.currentpage {width:47px;background-position:-42px -43px}
#imageNavi #tray:hover, #imageNavi #tray.currentpage, #imageNavi #tray-en:hover, #imageNavi #tray-en.currentpage  {width:32px;background-position:-89px -43px;}
#imageNavi #posture:hover, #imageNavi #posture.currentpage, #imageNavi #posture-en:hover, #imageNavi #posture-en.currentpage  {width:24px;background-position:-121px -43px;}
#imageNavi #pare:hover, #imageNavi #pare.currentpage, #imageNavi #pare-en:hover, #imageNavi #pare-en.currentpage {width:37px;background-position:-145px -43px;}
#imageNavi #fikkari:hover, #imageNavi #fikkari.currentpage, #imageNavi #fikkari-en:hover, #imageNavi #fikkari-en.currentpage {width:52px;background-position:-182px -43px;}
#imageNavi #akileija:hover, #imageNavi #akileija.currentpage, #imageNavi #akileija-en:hover, #imageNavi #akileija-en.currentpage {width:32px;background-position:-234px -43px;}
#imageNavi #outlight:hover, #imageNavi #outlight.currentpage, #imageNavi #outlight-en:hover, #imageNavi #outlight-en.currentpage {width:24px;background-position:-266px -43px;}
#imageNavi #grip:hover, #imageNavi #grip.currentpage, #imageNavi #grip-en:hover, #imageNavi #grip-en.currentpage {width:31px;background-position:-290px -43px;}
#imageNavi #crate:hover, #imageNavi #crate.currentpage, #imageNavi #crate-en:hover, #imageNavi #crate-en.currentpage  {width:62px;background-position:-321px -43px;}
#imageNavi #vaate:hover, #imageNavi #vaate.currentpage, #imageNavi #vaate-en:hover, #imageNavi #vaate-en.currentpage {width:30px;background-position:-383px -43px;}

#gallerycontainer {position:relative;height:auto;margin:0;overflow:hidden;width:720px;padding:0;height:430px;}
.galleryComment {width:180px;float:left;height:auto;display:inline;}
.mainImageContainer {display:none;}
.picturelist {margin:0;padding:0;width:180px;margin-top:370px;text-align:right;}
.picturelist .comment1 {text-transform:uppercase;}
.picturelist img {height:40px;width:auto;}
.thumbnail {text-align:right;width:40px;overflow:hidden;height:40px;display:block;float:right;margin:0 0 0 4px;}
/*.thumbnail .smallImg {display:block;margin-left:-4px;margin-right:-5px;}*/
.thumbnail .smallImg {display:block;margin-left:0;margin-right:0;height:40px;width:40px;}
.thumbnail .smallImg.oneImg {display:none;cursor:default;}
.thumbnail span {z-index:1; visibility:hidden;right:0;top:0;position:absolute;}
.thumbnail span img {height:auto;}
.thumbnail span.current, .thumbnail:hover span, .thumbnail span.current span {visibility:visible;z-index:2;cursor:default;}
.thumbnail:hover span img {}

/* Gallery gallery */
#gallerycontainer.gallery {width:auto;}
#gallerycontainer.gallery  .galleryComment {width:310px;height:30px;clear:left;}
#gallerycontainer.gallery .picturelist {margin-top:0; width:310px;text-align:left;}
#gallerycontainer.gallery .picturelist img {height:57px;width:auto;}
#gallerycontainer.gallery .picturelist img.smallImg {height:57px;width:57px;}
#gallerycontainer.gallery .thumbnail {margin:0 4px 4px 0;width:57px; height:57px;float:left;}
#gallerycontainer.gallery  .thumbnail span img {height:auto;}
#gallerycontainer.gallery .comment1 {left:-255px;width:250px;top:378px;height:40px;background:#fff;}
#gallerycontainer.gallery .comment1  p {margin-bottom:1px;}

.front {margin:-12px -5px 0 -8px;}
#fiLink {position:absolute;display:block; width:600px;height:200px;top:30px;left:250px;background: url(images/empty.gif)}
#enLink {position:absolute;display:block; width:600px;height:200px;top:250px;left:100px;background: url(images/empty.gif)}

/* Year 2010 */
/* Overrides */
#pageWrapper.taustaa-2010 #leftContent, #pageWrapper.about-2010 #leftContent{width:270px;margin:0 0 0 20px;}
#pageWrapper.taustaa-2010 #mainContent, #pageWrapper.about-2010 #mainContent {width:530px;margin-left:330px;text-align:right;}
#pageWrapper.taustaa-2010 #mainContentWidth, #pageWrapper.about-2010 #mainContentWidth {width:550px;}

#year {width:23px;float:left;margin-top:50px;*margin-top:53px;_margin-top:66px;_margin-right:-3px;}
.y2010 #year {margin-top:109px;*margin-top:112px;_margin-top:109px;}
#year ul {list-style-type:none;}
#year ul li {height:68px;*margin:-3px 0 0;}
#year a {display:block;height:68px;background:url(images/yearNavi.png) no-repeat 0 0;}
#year a span {display:none;}
a#y2009.activeparent {background-position:-23px;}
a#y2010 {background-position:-46px;}
a#y2010.activeparent {background-position:-69px;}

body.y2010 {background-color:#302515;background-image:url(images/bodyBg2010.gif)}
.y2010 #pageWrapper {background:#302515;}
.y2010 #header {background:none;}
.y2010 #logoLink {background:url(images/Protoshop2010.gif) no-repeat 0 0;bottom:0px;}

#muotoilijat2010 {position:relative;background:url(uploads/images/2010/suunnittelijat/suunnittelijat.jpg) no-repeat 0 165px;height:360px;}
#muotoilijatKuva {margin:150px auto;display:none;}

#muotoilijat2010 a {width:50px;height:250px;display:block;margin:160px 3px 0 0;float:left;_display:inline;background: url(images/empty.gif);}
#muotoilijat2010 span.kuvaus {position:absolute;top:0;left:0;display:none;width:550px;background:#fff;}
#muotoilijat2010 div.name {display:block;margin-top:200px;width:200%;margin:200px -50% 0 -50%; _margin:200px -50% 0 -50%;_position:relative;text-align:center;height:20px;}
/*#muotoilijat2010 a dfn {display:block;width:200%;_width:auto;margin:200px auto 0 -50%;text-align:center;_margin:200px 0 0;*height:1%;font-style:normal;background:#fff;}*/
#muotoilijat2010 a:hover span.kuvaus {display:block;}
#muotoilijat2010 a.lower div {margin-top:215px;}
.y2010 #leftContent img {position:absolute; bottom:2px;right:760px;_bottom:12px;}
a#pasiK {width:60px}
a#outiK {width:90px;}
a#satoshiY {width:60px}
a#mikoL {width:110px;}
a#maijaP {width:60px}
a#pipsaK {width:60px}

.y2010 #header {height:109px;}
.y2010 #imageNavi {background:url(images/naviImages2010.gif) no-repeat 0 0;position:absolute;top:0;margin-right:310px;margin-top:0;overflow:hidden;}
.y2010 #topNavi {position:absolute;right:0;bottom:3px;}
.y2010 #topNavi li a {text-transform:uppercase;font-size:0.9em;}
.y2010 #imageNavi a {height:109px;width:27px;background: url(images/naviImages2010.gif) no-repeat 0 0px;}
.y2010 #imageNavi .currentpage {}
.y2010 #align {}
.y2010 #align.currentpage, .y2010 #align-en.currentpage {background-position:0 -109px;}
.y2010 #imageNavi #tuoli, .y2010 #imageNavi #tuoli-en  {background-position:-27px 0}
.y2010 #imageNavi #tuoli.currentpage, .y2010 #imageNavi #tuoli-en.currentpage  {background-position:-27px -109px;}
.y2010 #imageNavi #growingpot, .y2010 #imageNavi #growingpot-en {background-position:-54px 0}
.y2010 #imageNavi #growingpot.currentpage, .y2010 #imageNavi #growingpot-en.currentpage {background-position:-54px -109px;}
.y2010 #imageNavi #stump-stool, .y2010 #imageNavi #stump-stool-en {background-position:-81px 0;}
.y2010 #imageNavi #stump-stool.currentpage, .y2010 #imageNavi #stump-stool-en.currentpage {background-position:-81px -109px;}
.y2010 #imageNavi #spin-box, .y2010 #imageNavi #spin-box-en {background-position:-108px 0;}
.y2010 #imageNavi #spin-box.currentpage, .y2010 #imageNavi #spin-box-en.currentpage {background-position:-108px -109px;}
.y2010 #imageNavi #mahla, .y2010 #imageNavi #mahla-en {background-position:-135px 0;}
.y2010 #imageNavi #mahla.currentpage, .y2010 #imageNavi #mahla-en.currentpage {background-position:-135px -109px;}
.y2010 #imageNavi #kulmio, .y2010 #imageNavi #kulmio-en {background-position:-162px 0;}
.y2010 #imageNavi #kulmio.currentpage, .y2010 #imageNavi #kulmio-en.currentpage {background-position:-162px -109px;}
.y2010 #imageNavi #kruunu, .y2010 #imageNavi #kruunu-en {background-position:-189px 0;}
.y2010 #imageNavi #kruunu.currentpage, .y2010 #imageNavi #kruunu-en.currentpage {background-position:-189px -109px;}
.y2010 #imageNavi #tilkku, .y2010 #imageNavi #tilkku-en {background-position:-216px 0;}
.y2010 #imageNavi #tilkku.currentpage, .y2010 #imageNavi #tilkku-en.currentpage {background-position:-216px -109px;}
.y2010 #imageNavi #pinch, .y2010 #imageNavi #pinch-en {background-position:-243px 0;}
.y2010 #imageNavi #pinch.currentpage, .y2010 #imageNavi #pinch-en.currentpage {background-position:-243px -109px;}
.y2010 #imageNavi #no-512, .y2010 #imageNavi #no-512-en {background-position:-270px 0;}
.y2010 #imageNavi #no-512.currentpage, .y2010 #imageNavi #no-512-en.currentpage {background-position:-270px -109px;}
.y2010 #imageNavi #pally, .y2010 #imageNavi #pally-en {background-position:-297px 0;}
.y2010 #imageNavi #pally.currentpage, .y2010 #imageNavi #pally-en.currentpage {background-position:-297px -109px;}
.y2010 #imageNavi #marker, .y2010 #imageNavi #marker-en {background-position:-324px 0;}
.y2010 #imageNavi #marker.currentpage, .y2010 #imageNavi #marker-en.currentpage {background-position:-324px -109px;}