@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Merriweather+Sans:400,300,700,800);

body, html {
margin:0;
padding:0;
height:100%;
background-image:url(img/body_bgr_top.jpg);
background-repeat:repeat-x;
font-family: 'Merriweather Sans', sans-serif;
font-weight: 300;
}

#container{
width: 870px;
padding-bottom:120px;
margin:0 auto;
}
    	
		
#header{
height:89px;


}

#logo{
	width:400px;
	padding-top:35px;
}

img {
border:0px;

}
#navcontainer{
	background-image:url(img/linkbar_bgr.jpg);
width: 870px;
background-color:#333;
height:38px;
}
 
#navcontainer ul
{
text-align: center;
padding-left: 0;
margin:0;
/* cancels gap caused by top padding in Opera 7.54 */
width: 100%;
font-family: 'Merriweather Sans', sans-serif;
font-weight: 600;
line-height: 38px;
font-size: 12px;



}

#navcontainer ul li
{
display: block;
  float: left;
  list-style-type:none;

}

#navcontainer ul li a
{
display:block;
  width:144px;
  height:38px;
padding-left: 0;
padding-right: 0;
color: #333;
text-decoration: none;
border-right: 1px solid #ffe0a2;
background-image:url(img/linkbar_bgr.jpg);




}

#navcontainer ul li a:hover
{
display:block;
  width:144px;
padding-left: 0;
padding-right: 0;
color: #d38d00;
text-decoration: none;
background-image:url(img/linkbar_hover_bgr.jpg);
}


#navcontainer #current {

color: #d38d00;
text-decoration: none;
background-image:url(img/linkbar_hover_bgr.jpg);
 }
        
#empty{
height:20px;
}

#upperboxarea{

width: 870px;
height:320px;
background-image:url(img/index_image.jpg);
background-position:center right;
background-repeat:no-repeat;



}
#textarea{
width:310px;
background-color:#fff4e3;
height:280px;
padding:20px;
font-family: 'Merriweather Sans', sans-serif;
font-weight: 300;

}
#textarea h1{
font-size:15px;
line-height:20px;
color:#FFAB00;
font-family: 'Merriweather Sans', sans-serif;
font-weight: 300;

margin-top:0;

}
#textarea p{
font-size:12px;
line-height:16px;
}

#button{
background-image:url(img/buttonbig.gif);
width:115px;
height:28px;
text-align:center;
padding-top:12px;

}       
#button a{

font-size:14px;
color:#333;
text-decoration:none;
font-weight:600;
} 
#button a:hover{

font-size:14px;
color:#d38d00;
text-decoration:none;
}    
        
#downboxarea{

}
#downboxarea h1{
margin-top:20px;
color:#666;
font-size:16px;

}
#infobox {

float:left;
background-image:url(img/box_bgr.jpg);
background-repeat:no-repeat;
width:180px;
height:260px;
margin-right:10px;

}
#infobox p {
font-size:12px;
padding:10px;
margin-top:0;
line-height:14px;

}
#infobox a {
font-size:18px;
padding:10px;
color:#FFAB00;
padding-top:0;
display:block;
width:120px;
height:20px;
background-image:url(img/button_arrow.gif);
background-position:top left;
background-repeat:no-repeat;
padding-left:30px;
margin-left:10px;
text-decoration:none;
}
#infobox a:hover {
color:#333;
}

#news{
width:299px;
height:240px;

float:left;
border-left:1px solid #999;

}

#news .newsblock{
margin:10px 0 5px 10px;


}

#news .newsblock h1{
font-size:14px;
margin:0;

}
      
#news .newsblock p{
font-size:12px;
margin-top:0;
line-height:14px;

}  
#news .newsblock a{
font-size:12px;
color:#FFAB00;
text-decoration:none;
} 
#news .newsblock a:hover{
font-size:12px;
color:#333;
text-decoration:none;
}

#footer{
color:#FFFFFF;
text-align:center;
font-size:12px;
padding-top:10px;
margin-top:30px;
width:100%;
height:80px;
position:absolute;
bottom:0;
left:0;
background-image:url(img/body_bgr_footer.jpg);



}
    
	

     #wrapper {
min-height:100%;
position:relative;
}





/*Palaute-lomakkeen tyylit*/
form {
	width:100%;
}

label.tekstialue {
	width:90%;
	display: block;
	margin-top: 20px;
	font-size:12px;
}

input.palautelomake{
	width:90%;
	height:20px;
	background:#fdfdfd;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	font-size:10px;
	color:#3a3a3a;
	display: block;

}

textarea {
	width:90%;
	height: 120px;
	background:#fdfdfd;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	font-size:10px;
	color:#3a3a3a;
	display: block;
}

	input:focus, textarea:focus {
		border:1px solid #b37513;
	}


input.painike {
	width:127px;
	height:40px;
	border:none;
	margin-top:20px;
	cursor:pointer;
	background-color: #e89e2a;
	font-size: 12px;
	color: #fff;
	border: 1px solid #b37513;

}

	#submit:hover {
		opacity:0.9;
	}

#upperboxarea_contact{

width: 870px;
height:240px;


}

#textarea_contact{
	width:830px;
	height:auto;
	padding:0 20px 20px 20px;
	float:left;
	margin-bottom:15px;
	font-size:12px;
}
#textarea_contact h1{
display:block;
font-size:22px;
font-weight:400;
color:#FFAB00;
height:20px;
margin-top:10px;
margin-bottom:20px;
}
#textarea_contact p{
	font-size:12px;
	line-height:14px;
}