@charset "utf-8";
/* CSS Document */

body
{
background:#efefef;
margin:0px;
padding:0px;
color: white;
font-family: helvetica;
color:#333;
}

A{text-decoration: none;} 
A:link{color: #666;}
A:visited{color: #666;}
A:active{outline: none;}
A:focus{-moz-outline-style: none;}

.but-top A{text-decoration: none;} 
.but-top A:link{color: #FFF;}
.but-top A:visited{color: #FFF;}
.but-top A:active{outline: none;}
.but-top A:focus{-moz-outline-style: none;}

.but-top2 A{text-decoration: none;} 
.but-top2 A:link{color: #FFF;}
.but-top2 A:visited{color: #FFF;}
.but-top2 A:active{outline: none;}
.but-top2 A:focus{-moz-outline-style: none;}

.but A{text-decoration: none;} 
.but A:link{color: #FFF;}
.but A:visited{color: #FFF;}
.but A:active{outline: none;}
.but A:focus{-moz-outline-style: none;}

.green-but A{text-decoration: none;} 
.green-but A:link{color: #FFF;}
.green-but A:visited{color: #FFF;}
.green-but A:active{outline: none;}
.green-but	 A:focus{-moz-outline-style: none;}

.menu-head-green A{text-decoration: none;} 
.menu-head-green A:link{color: #FFF;}
.menu-head-green A:visited{color: #FFF;}
.menu-head-green A:active{outline: none;}
.menu-head-green A:focus{-moz-outline-style: none;}

.menu-head-orange A{text-decoration: none;} 
.menu-head-orange A:link{color: #FFF;}
.menu-head-orange A:visited{color: #FFF;}
.menu-head-orange A:active{outline: none;}
.menu-head-orange A:focus{-moz-outline-style: none;}

.menu {
	width:100%;
	height:auto;
}

.whole {
	width:1100px;
	height:auto;
	margin:auto;
	padding:0px;
	z-index:100;
	border: none;
	
}

.topmenu {
	width:1000px;
	margin:0 auto;
}

.topmenu-inside {
	width:1000px;
	height:50px;
	margin:0 auto;
	border:0px #000 solid;
}

.top {
	width:534px;
	height:150px;
	float:left;
	margin:auto;
	
}
.top2 {
	width:466px;
	height:90px;
	float:left;
	margin:auto;
	padding-top:40px;
	
}

.top-text {
	float:right;
	text-shadow: 0px 1px 0px #FFF;
	color:#666;
	font-size:10px;
	padding-right:10px;
	margin-top:10px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
}

.slider {
	background:url(images/slider-box.png) no-repeat top center;
	width:975px;
	height:330px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	border:0px dashed #CCC;
	padding:15px 10px 10px 15px;
}

.crums {
	background:url(images/loota3.png) no-repeat top center;
	width:975px;
	height:58px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	border:0px dashed #CCC;
	padding:15px 10px 10px 15px;
	text-shadow: 0px 1px 0px #FFF;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#94a641;
	margin-right:10px;
	clear:both;
	font-weight:normal;
	margin-bottom:15px;
	padding-bottom:10px;
}
	

.slider-inner {
	background:#EEE;
	width:998px;
	height:348px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	border: solid #FFF 1px;
}

.slide-wrapper {
	width:970px;
	margin:auto;
	margin-top:15px;
	height:320px;
	border:0px solid #000;
}

	.top-button {
		margin-top:60px;
		float:right;
		margin-right:15px;
	    margin-left: 10px; /*NO MARGIN*/
	    padding: 10px 10px 10px 10px; /*NO PADDING*/
		width:auto;
		background:#bac078;
		height:auto;
	     /*ADDS OUR BUTTON IMAGE*/
	    background-repeat: no-repeat; /*STOPS BUTTON FROM REPEATING*/
	    background-position: left top; /*SETS BUTTON POSITION*/
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px;
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
		-webkit-border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		-webkit-border-bottom-left-radius:5px;
		-webkit-border-bottom-right-radius:5px;
	  	color: #333; /*TEXT COLOR*/
		text-decoration: none; /*REMOVES UNDERSCORE FROM LINK*/
	    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /*FONT FAMILY*/
	    font-size: 11px; /*FONT SIZE*/
	}

.stuff {
	width:1000px;
	height:500px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	border:0px #333 solid;
}

.stuff-pohja {
	width:1000px;
	height:500px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	border:0px #333 solid;
}

.stuff-1 {
	width:660px;
	background:url(images/sivu3.png) right top no-repeat;
	padding:10px 20px 10px 10px;
	min-height:350px;
	float:left;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	border:0px #333 solid;
	text-shadow: 0px 1px 0px #FFF;
}

.stuff-pohja-1 {
	width:620px;
	margin-left:15px;
	margin-right:15px;
	background:#FFF;
	padding:15px;
	min-height:350px;
	float:left;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	border:0px #333 solid;
	text-shadow: 0px 1px 0px #FFF;
}

.stuff-pohja-sivut {
	width:620px;
	margin-left:35px;
	margin-right:15px;
	background:#FFF;
	padding:15px;
	min-height:350px;
	float:left;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	border:0px #333 solid;
	text-shadow: 0px 1px 0px #FFF;
}

.stuff-pohja-sivut-gallery {
	width:900px;
	margin-left:35px;
	margin-right:15px;
	background:#FFF;
	padding:15px;
	min-height:350px;
	float:left;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	border:0px #333 solid;
	text-shadow: 0px 1px 0px #FFF;
}

.stuff-inner {
	width:640px;
	padding:10px 20px 10px 10px;
	height:auto;
	float:left;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	border:0px #333 solid;
	text-shadow: 0px 1px 0px #FFF;
	padding-bottom:20px;
	padding-right:20px;
}


.stuff-2 {
	width:320px;
	margin-right:20px;
	float:left;
	background:#FFFFFF;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: solid 1px #F90;
}

.stuff-2-insine {
	width:298px;
	padding:10px;
	margin-right:20px;
	min-height:100%;
	background:#FFFFFF;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#C60;
	border: solid 1px #FFF;
	background:#FFEBD7;
}

.stuff-3 {
	width:260px;
	background:#e4e6da;
	min-height:460px;
	color:#666;
	text-shadow: 0px 1px 0px #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:20px;
	float:left;
	border:0px #333 solid;
}

.sivut-palkki {
	background:#e4e6da;
	width:auto;
	height:7px;
	margin-bottom:20px;
}

.stuff-sivut {
	width:260px;
	margin-bottom:10px;
	color:#666;
	text-shadow: 0px 1px 0px #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	float:left;
}

.stuff-otsikko {
	width:auto;
	height:35px;
	border-bottom:1px #666 dashed;
	padding-top:5px;
	text-shadow:none;
	color:#666;
	font-size:23px;
}

.but {
	background:url(images/nappi.png) no-repeat top center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	width:170px;
	height:32px;
	color:#FFF;
	letter-spacing:auto;
	text-align:center;
	padding-top:18px;
	text-shadow: 0px 1px 0px #6b714f;

}

.but-blue {
	background:url(images/nappi_blue.png) no-repeat top center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	width:170px;
	height:32px;
	color:#FFF;
	letter-spacing:auto;
	text-align:center;
	padding-top:18px;
	text-shadow: 0px 1px 0px #3b5a7b;

}

.but-orange {
	background:url(images/nappi_orange.png) no-repeat top center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	width:170px;
	height:32px;
	color:#FFF;
	letter-spacing:auto;
	text-align:center;
	padding-top:18px;
	text-shadow: 0px 1px 0px #775411;

}

.but-top {
	background:url(images/nappi.png) no-repeat top center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	width:170px;
	height:32px;
	color:#FFF;
	letter-spacing:auto;
	text-align:center;
	padding-top:18px;
	text-shadow: 0px 1px 0px #6b714f;
	float:right;

}

.but-top2 {
	background:url(images/nappi_tumma.png) no-repeat top center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	width:170px;
	height:32px;
	color:#FFF;
	letter-spacing:auto;
	text-align:center;
	padding-top:18px;
	text-shadow: 0px 1px 0px #6b714f;
	float:right;

}


.but-top3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	height:auto;
	color:#FFF;
	letter-spacing:auto;
	text-align:center;
	text-shadow: 0px 1px 0px #FFF;
	float:right;
	

}

.slide-inside-img {
	width:480px;
	height:250px;
	float:left;
	border:#000 0px solid;
}

.slide-inside-txt {
	width:430px;
	height:210px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	text-shadow: 0px 1px 0px #FFF;
}

.footer {
	width:1000px;
	border-top:dashed 1px #666;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	height:100px;
	padding-top:20px;
	text-align:center;
	margin:auto;
	margin-top:50px;
}



#jFlowSlide{ background:transparent; font-family: Georgia; }
#myController { font-family: Georgia; padding:10px 0; width:980px; background:transparent; text-align:right; margin-top:10px; border:0px solid #000;}
#myController span.jFlowSelected { background:url(images/pallo2.png) center no-repeat;margin-right:0px; }

.slide-wrapper {}

.slide-details { width:100%; height:250px; max-width:980px; float:left;}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { }

.jFlowControl { background:url(images/pallo3.png) no-repeat center; color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; margin-top:10px; }

.jFlowPrev, .jFlowNext { no-repeat center; color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; margin-top:10px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: transparent; }

#slides {
	width:970px;
	height:250px;
	margin-left:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:0px #000 solid;
}



.henk-kuva {
	width:200px;
	height:230px;
	margin-right:10px;
	float:left;
	border:0px #000 solid;
}

.henk-kuvaus {
	width:370px;
	height:230px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	float:right;
	margin-bottom:10px;
}

.henk-posti{
	width:30px;
	height:230px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	float:right;
}

.green-but {
	background:url(images/green_but.png) center center no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	width:170px;
	height:32px;
	color:#FFF;
	letter-spacing:auto;
	text-align:center;
	padding-top:18px;
	text-shadow: 0px 1px 0px #3b5a7b;
}

.sl {
	width:auto;
	padding:10px 15px 10px 15px;
	background:#e4e6da;
}

.menu-head-green {
	background:#94a641;
	width:auto; 
	padding:5px 5px 5px 10px; 
	color:#FFF
}

.menu-head-orange {
	background:#e88e02;
	width:auto;
	padding:5px 5px 5px 10px;
	color:#FFF
}