/*
Theme Name: Hawkhill Nature
Theme URI: http://www.hawkhill.fi/
Description: Hawkhill Nature -sivuston WordPress-teema.
Version: 1.0
Author: Antti Korhonen
Author URI: http://www.kookosdesign.com/
Tags: custom

	Hawkhill Nature

*/

@charset "utf-8";
/* Hawkhill Nature */

body, html {
	height: 100%; 
	background-image:url(imgs/bg1talvi.jpg);
	background-position:center 0;
	background-repeat:no-repeat;
	background-color:#ffffff;
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
html { overflow-y: scroll; }
h1 {
	color:#678920;
	font-size:26px;
	font-family:'Futura Std';
}
h2 {
	color:#989b92;
	font-size:24px;
	margin-top:0px;
	padding-top:0px;
}
h3 {
	color:#678920;
	font-size:20px;
	margin-bottom:0px;
}
h4 {
	color:#989c8f;
	font-size:15px;
	margin-top:7px;
	margin-bottom:2px;
	padding:0;
}
#wrapper {
	width:100%;
	margin:0 auto;
	min-height: 100%;
    margin-bottom: -175px;
	background:url(imgs/bg_huntu.png) 0 110px repeat-x;
	position:relative;
}
#page {
	width:880px;
	margin:0 auto;
	position:relative;
	padding-bottom:30px;
}
#header_bg {
	width:100%;
	height:156px;
	background:url(imgs/header.png) repeat-x center 0;
	position:absolute;
	top:0px;
	z-index:11;
}
#header {
	width:880px;
	height:156px;
	margin:0 auto;
	position:relative;
	z-index:12;
}
#logo {
	padding-top:27px;
	position:relative;
	float:left;
	display:inline;
}

#content_etusivu {
	width:615px;
	height:240px;
	position:relative;
	padding-top:1px;
	line-height:17px;
}
#content p, #content_etusivu p {
	color:#191408;
	line-height:17px;
}
#content p a {
	color:#6da003;
	text-decoration:none;
}
#content p a:hover {
	color:#6da003;
	text-decoration:underline;
}
#subnav {
	float:left;
	display:inline;
	width:180px;
	margin:0px;
	padding:0px;
	position:relative;
}
#subnav li {
	list-style: none;
	position: relative;
}
#subnav li a {
	text-decoration:none;
	color:white;
	font-size:12px;
	width:168px;
	background:#6e9420;
	padding:6px;
	margin-bottom:2px;
	display:block;
}
#subnav li.subcat a {
	text-decoration:none;
	color:white;
	font-size:12px;
	width:168px;
	background:#94968f;
	padding:3px;
	padding-left:10px;
	margin-bottom:2px;
	display:block;
}
#subnav li a:hover, #subnav li.current_page_item a {
	color:#6e9420;
	background:url(imgs/white90.png);
}
#subnav li.current_page_item a {
	font-weight:bold;
}
#subcontent {
	width:670px;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	position:relative;
	float:right;
	display:inline;
	background:url(imgs/white90.png);
}
.subcontent_alareuna {
	width:700px;
	height:70px;
	background:url(imgs/subcontent_alareuna_bg.png) repeat-x;
	position:relative;
	float:right;
	display:inline;
}
#subcontent_levea {
	width:850px;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	position:relative;
	float:right;
	display:inline;
	background:url(imgs/white90.png);
}
.subcontent_alareuna_levea {
	width:880px;
	height:70px;
	background:url(imgs/subcontent_alareuna_bg.png) repeat-x;
	position:relative;
	float:right;
	display:inline;
}
#subcontent ul {
	margin-top:5px;
	list-style-position:inside;
	padding-left:10px;
}
#subcontent li {
	margin-bottom:2px;
}
.pikkukuvat {
	width:297px;
	height:205px;
	background:url(imgs/pikkukuva_bg.png) no-repeat;
	overflow:hidden;
	position:relative;
	float:right;
	display:inline;
	margin-left:6px;
}
.pikkukuvat img {
	margin-top:8px;
	margin-left:7px;
	width:281px;
	height:189px;
}
#nostot {
	width:880px;
	height:200px;
	position:relative;
	z-index:12;
}
.nostonav { z-index:200; position:absolute; bottom:18px; right:11px;}
.nostonav a { margin: 3px; padding: 3px 5px; background:url(imgs/white40.png); text-decoration: none; color:white; font-weight:bold; font-size:11px;}
.nostonav a.activeSlide { background: #6da003; }
.nostonav a:focus { outline: none; }

.pikkunav { z-index:200; position:absolute; top:226px; left:399px;}
.pikkunav a { margin: 2px; padding: 3px 5px; background:url(imgs/white40.png); text-decoration: none; color:white; font-weight:bold; font-size:11px;}
.pikkunav a.activeSlide { background: #6da003; }
.pikkunav a:focus { outline: none; }

.nosto {
	width:414px;
	height:184px;
	margin-top:8px;
	margin-left:8px;
	position:relative;
}
#nosto_vasen .nostotausta1, 
#nosto_vasen .nostotausta2, 
#nosto_vasen .nostotausta3,
#nosto_vasen .nostotausta4,
#nosto_oikea .nostotausta1, 
#nosto_oikea .nostotausta2, 
#nosto_oikea .nostotausta3,
#nosto_oikea .nostotausta4 {
	width:414px;
	height:184px;
	position:relative;
}
#nosto_vasen .nostotausta1 { background:url(imgs/nosto_retket.jpg) no-repeat; }
#nosto_vasen .nostotausta2 { background:url(imgs/nosto_kokoukset.jpg) no-repeat; }
#nosto_vasen .nostotausta3 { background:url(imgs/nosto_pitopalvelu.jpg) no-repeat; }
#nosto_vasen .nostotausta4 { background:url(imgs/nosto_tyopajat.jpg) no-repeat; }
#nosto_oikea .nostotausta1 { background:url(imgs/nosto_eino.jpg) no-repeat; }
#nosto_oikea .nostotausta2 { background:url(imgs/nosto_anna.jpg) no-repeat; }
#nosto_oikea .nostotausta3 { background:url(imgs/nosto_toini.jpg) no-repeat; }
#nosto_oikea .nostotausta4 { background:url(imgs/nosto_armas.jpg) no-repeat; }

.nostosisalto {
	position:absolute;
	top:0px;
	left:0px;
	height:184px;
	width:414px;
	z-index:101;
	background:url(imgs/nostoliuku.png) right top no-repeat;
}
.nostosisalto div {
	padding-left:250px;
	padding-right:5px;
	padding-top:0px;
	color:#FFFFFF;
}
.nostosisalto div a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.nostosisalto div a:hover {
	color:#6da003;
}
.nosto-otsikko {
	margin:0px;
	padding-top:17px;
	font-size:22px;
	color:#FFFFFF;
	text-transform:uppercase;
}

.nosto-otsake_vasen {
	color:#61811d;
	font-size:18px;
	position:absolute;
	width:92px;
	height:32px;
	background:url(imgs/nosto-otsake_bg.png) no-repeat;
	z-index:100;
	padding-top:3px;
	padding-left:4px;
	top:8px;
	left:8px;
}
.nosto-otsake_oikea {
	font-size:18px;
	position:absolute;
	width:92px;
	height:32px;
	background:url(imgs/nosto-otsake_bg.png) no-repeat;
	z-index:100;
	padding-top:3px;
	padding-left:4px;
	top:8px;
	left:8px;
}
#nosto_vasen {
	background:#ffffff;
	width:430px;
	height:200px;
	position:relative;
	display:inline;
	float:left;
	margin-right:20px;
	overflow:hidden;
}
#nosto_oikea {
	background:#ffffff;
	width:430px;
	height:200px;
	position:relative;
	display:inline;
	float:right;
	overflow:hidden;
}
#left {

}
#linnunpontto {
	position:absolute;
	z-index:1;
	top:120px;
	right:45px;
	width:203px;
	height:287px;
	background:url(imgs/linnunpontto.png) no-repeat;
}
#footer {
	width:100%;
	height:175px;
	background:url(imgs/footer_bg.png) repeat-x center 0;
	position:relative;
	margin:0 auto;
	z-index:10;
}
.clearfooter {
   height: 175px;
   clear: both;
}
#footer_sisalto {
	padding-top:54px;
	width:880px;
	position:relative;
	margin:0 auto;
	color:#6c645b;
}
.footer_teksti {
	position:relative;
	display:inline;
	float:left;
	padding-right:20px;
	padding-left:20px;
	border-right:dotted 1px #34342c;
	line-height:16px;
}
.footer_teksti.alpha {
	padding-left:0px;
}
.footer_teksti.omega {
	padding-right:0px;
	border:none;
}
.footer_teksti a {
	color:#888179;
	text-decoration:none;
}
.footer_teksti a:hover {
	color:#ffffff;
}
.footer_input {
	background-image:url(imgs/black20.png);
	background-color:transparent;
	border:#271e13 1px solid;
	width:200px;
	color:#6c645b;
	display:block;
	margin-top:3px;
	padding:2px;
}
.footer_textarea {
	width:200px;
	height:70px;
	background-image:url(imgs/black20.png);
	background-color:transparent;
	border:#271e13 1px solid;
	color:#6c645b;
	display:block;
	margin-top:3px;
	margin-bottom:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
}
.footer_otsikko {
	font-weight:bold;
	font-size:16px;
	display:block;
	margin-bottom:4px;
}

#langnavi {
	width:48px;
	height:14px;
	top:0px;
	right:0px;
	position:absolute;
	z-index:20;
	padding-top:13px;
	padding-right:17px;
	padding-left:50px;
	padding-bottom:40px;
}
#flags {
	margin:0px;
	padding:0px;
	position: relative;
	height:14px;
}
#flags li {
	list-style: none;
	position: relative;
	float: left;
	height:14px;
}
#flags li a {
	text-indent: -9000px;
	display: block;
	background-image:url(imgs/liput.png);
	background-repeat:no-repeat;
	width:22px;
	height:14px;
}
#flags li.current #fi {
	background-position: 0px -14px;
}
#flags li.current #en {
	background-position: -22px -14px;
}
#flags li.current #ru {
	background-position: -44px -14px;
}
a#fi {
	background-position: 0px 0px;
	margin-right:4px;
}
a#en {
	background-position: -22px 0px;
}
a#ru {
	background-position: -44px 0px;
}
a#fi:hover {
	background-position: 0px -14px;
}
a#en:hover{
	background-position: -22px -14px;
}
a#ru:hover{
	background-position: -44px -14px;
}
#navi_en {
	float:right;
	display:inline;
	width:401px;
	height:156px;	
}
#navi {
	float:right;
	display:inline;
	width:428px;
	height:156px;	
}
#navi_ru {
	float:right;
	display:inline;
	width:428px;
	height:156px;	
}
#links {
	margin:0px;
	padding:0px;
	position: relative;
	height:156px;
}
#links li {
	list-style: none;
	position: relative;
	float: left;
	height:156px;
}
#navi #links li a {
	text-indent: -9000px;
	display: block;
	background-image:url(imgs/navi.png);
	background-repeat:no-repeat;
	height:156px;
}
#navi_en #links li a {
	text-indent: -9000px;
	display: block;
	background-image:url(imgs/navi_en.png);
	background-repeat:no-repeat;
	height:156px;
}
#navi_ru #links li a {
	text-indent: -9000px;
	display: block;
	background-image:url(imgs/navi_ru.png);
	background-repeat:no-repeat;
	height:156px;
}
/* 
a#etusivu {
	width:77px;
	background-position: 0px 0px;
}
a#mokit {
	width:81px;
	background-position: -77px 0px;
}
a#palvelut {
	width:84px;
	background-position: -158px 0px;
}
a#kuvat {
	width:69px;
	background-position: -242px 0px;
}
a#yhteystiedot {
	width:117px;
	background-position: -311px 0px;
a#etusivu:hover, li.current #etusivu { background-position: 0px -157px; }
a#mokit:hover, li.current #mokit  { background-position: -77px -157px; }
a#palvelut:hover, li.current #palvelut  { background-position: -158px -157px; }
a#kuvat:hover, li.current #kuvat  { background-position: -242px -157px; }
a#yhteystiedot:hover, li.current #yhteystiedot  { background-position: -311px -157px; }
*/
.page_item.page-item-3 a {
	width:77px;
	background-position: 0px 0px;
}
.page_item.page-item-8 a {
	width:81px;
	background-position: -77px 0px;
}
.page_item.page-item-10 a {
	width:84px;
	background-position: -158px 0px;
}
.page_item.page-item-12 a {
	width:69px;
	background-position: -242px 0px;
}
.page_item.page-item-14 a {
	width:117px;
	background-position: -311px 0px;

/* ENKKU */

}.page_item.page-item-6 a {
	width:71px;
	background-position: 0px 0px;
}
.page_item.page-item-42 a {
	width:70px;
	background-position: -71px 0px;
}
.page_item.page-item-51 a {
	width:89px;
	background-position: -141px 0px;
}
.page_item.page-item-50 a {
	width:85px;
	background-position: -230px 0px;
}
.page_item.page-item-56 a {
	width:86px;
	background-position: -315px 0px;
}

/* RU */

}.page_item.page-item-203 a {
	width:158px;
	background-position: 0px 0px;
}
.page_item.page-item-213 a {
	width:94px;
	background-position: -158px 0px;
}
.page_item.page-item- a {
	width:175px;
	background-position: -252px 0px;
}


.page_item.page-item-3 a:hover, .page_item.page-item-3.current_page_item a, .page_item.page-item-3.current_page_parent a { background-position: 0px -157px; }
.page_item.page-item-8 a:hover, .page_item.page-item-8.current_page_item a, .page_item.page-item-8.current_page_parent a  { background-position: -77px -157px; }
.page_item.page-item-10 a:hover, .page_item.page-item-10.current_page_item a, .page_item.page-item-10.current_page_parent a  { background-position: -158px -157px; }
.page_item.page-item-12 a:hover, .page_item.page-item-12.current_page_item a, .page_item.page-item-12.current_page_parent a  { background-position: -242px -157px; }
.page_item.page-item-14 a:hover, .page_item.page-item-14.current_page_item a, .page_item.page-item-14.current_page_parent a  { background-position: -311px -157px; }
/* enkku */
.page_item.page-item-6 a:hover, .page_item.page-item-6.current_page_item a, .page_item.page-item-6.current_page_parent a { background-position: 0px -157px; }
.page_item.page-item-42 a:hover, .page_item.page-item-42.current_page_item a, .page_item.page-item-42.current_page_parent a  { background-position: -71px -157px; }
.page_item.page-item-51 a:hover, .page_item.page-item-51.current_page_item a, .page_item.page-item-51.current_page_parent a  { background-position: -141px -157px; }
.page_item.page-item-50 a:hover, .page_item.page-item-50.current_page_item a, .page_item.page-item-50.current_page_parent a  { background-position: -230px -157px; }
.page_item.page-item-56 a:hover, .page_item.page-item-56.current_page_item a, .page_item.page-item-56.current_page_parent a  { background-position: -315px -157px; }
/* ru */
.page_item.page-item- a:hover, .page_item.page-item-.current_page_item a, .page_item.page-item-.current_page_parent a { background-position: 0px -157px; }
.page_item.page-item- a:hover, .page_item.page-item-.current_page_item a, .page_item.page-item-.current_page_parent a  { background-position: -158px -157px; }
.page_item.page-item- a:hover, .page_item.page-item-.current_page_item a, .page_item.page-item-.current_page_parent a  { background-position: -252px -157px; }


.lomake_input {
	background-image:url(imgs/green15.png);
	background-color:transparent;
	border:#d6e0c2 1px solid;
	width:200px;
	color:#1b1c19;
	display:block;
	margin-top:3px;
	padding:2px;
}
.lomake_textarea {
	width:200px;
	height:70px;
	background-image:url(imgs/green15.png);
	background-color:transparent;
	border:#d6e0c2 1px solid;
	color:#1b1c19;
	display:block;
	margin-top:3px;
	margin-bottom:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
}
form,input,select,textarea{margin:0; padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}

div.lomakelaatikko {
margin:0 auto;
width:500px;
position:relative;
float:right;
display:inline;
padding-right:100px;
padding-left:25px;
border-left:#dadada 1px dotted;
}
div.lomakelaatikko label {
width:100%;
display: block;
padding:2px 0 2px 0;

}

div.lomakelaatikko label span {
display: block;
color:#989c8f;
font-size:12px;
float:left;
width:90px;
text-align:left;
padding:5px 20px 0 0;
}

div.lomakelaatikko .input_text {
padding:3px 3px;
width:200px;
background-image:url(imgs/green15.png);
background-color:transparent;
border:#d6e0c2 1px solid;
}

div.lomakelaatikko .message{
padding:3px 3px;
width:300px;
background-image:url(imgs/green15.png);
background-color:transparent;
border:#d6e0c2 1px solid;
overflow:hidden;
height:100px;
}

div.lomakelaatikko .button
{
margin-top:4px;
margin-left:110px;
border:0px;
position: relative;
}