* {
	margin: 0;
}
html, body, #wrapper {height: 100%;} 

body > #wrapper {height: auto; min-height: 100%;}

#wrapper {

}


.btm-margin-5 { margin-bottom:5px;}

#page{ 
 	width:960px; 
 	text-align:left;  
	margin-left:auto; 
 	margin-right:auto;
	padding-bottom: 220px; 
} 
 
#page #header {
 	position:relative; 
 	height:110px; 
	width:930px;
	margin-right:30px; 
} 

#page #header #logo{ margin-bottom: 0px; padding: 0px; margin-top:28px; cursor:pointer;  left:-20px ; z-index:10; width:auto; float:left; position: relative }
#page #header #logo a{ width:236px; height:42px; display:block; background: url(http://www.tilaaunelmille.fi/themes/tilaanumelmille/images/logo.png) no-repeat top; }
#page #header #logo p{ display:inline; line-height:inherit; font-size:inherit; padding:inherit; margin:inherit; color:inherit }


#page #header #headerNav{ position: absolute; top: 28px; right: 0px; z-index:2; width:100%; overflow:visible;}
#page #header ul.nav-header{  margin:0px; padding:0px; width:auto; z-index:2; overflow:visible; float: right}
#page #header ul.nav-header li{float:left; padding:0 0 7px 0; margin-left:32px; margin-bottom: 0px;  font-size:21px; margin-top:0px; font-weight:bold; list-style:none!important; }
#page #header ul.nav-header li a{ text-decoration:none; color:#2a9064 }
#page #header ul.nav-header li a:hover { text-decoration:none; color:#37cc9f }
#page #header ul.nav-header li.nav-selected{  background: url(http://www.tilaaunelmille.fi/themes/tilaanumelmille/images/navi-line.png) no-repeat 0 100%; }
#page #header ul.nav-header li.nav-selected a{ color:#000;}

#page #header #subNav{ position: relative; float:right; margin:10px -10px 0 0;} 
#page #header ul.subnav-header{  margin:0 0 0 0; padding:0px; text-align:left; float:right; display:block; background: url(http://www.tilaaunelmille.fi/themes/tilaanumelmille/images/bg-subnavi.png) repeat-x 0 0; height:29px; min-width:600px;}
#page #header #subNav div.subnav-left{ background: url(http://www.tilaaunelmille.fi/themes/tilaanumelmille/images/bg-subnavi-left.png) repeat-x 100% 0; height:29px; float:right; width:9px;}
#page #header #subNav div.subnav-right{ background: url(http://www.tilaaunelmille.fi/themes/tilaanumelmille/images/bg-subnavi-right.png) repeat-x 0 0;height:29px; float:right; width:10px}
#page #header ul.subnav-header li{float:left; padding:5px 16px 0 8px; margin:0 0 0 8px; font-size:12px;  font-weight:bold; list-style:none!important; background: url(http://www.tilaaunelmille.fi/themes/tilaanumelmille/images/subnavi-line.gif) no-repeat 100% 0;  }
#page #header ul.subnav-header li a{ text-decoration:none; color:#2a9064 }
#page #header ul.subnav-header li a:hover { text-decoration:none; color:#000 }
#page #header ul.subnav-header li.nav-selected{ text-decoration:underline; }
#page #header ul.subnav-header li.nav-selected a{ color:#000;}

#content-wrapper{
	background-color: #fff;  
 	float: right; 
 	display:inline; 
 	position: relative; 
 	width:946px;
	margin-right:14px;
	padding-bottom:20px;
 }

#content-wrapper .box-wrapper{
	clear:both;
 }
 
 #content-wrapper .body{
 	float:left;
 	width:630px;
 	margin-right:20px;
 }
 
  #content-wrapper .body a{
  font-weight:bold;
 }
 
  #content-wrapper .sidebar{
 	float:left;
 	width:296px;
 }
 	#content-wrapper .sidebar .highlight-heading{  background: url(http://www.tilaaunelmille.fi/themes/tilaanumelmille/images/bg-highlight-h1.png) no-repeat 0 0; width:296px; height:50px; }
 	#content-wrapper .sidebar .highlight-heading h2{ font-size:20px; color:#414141; font-weight:bold!important; padding:10px 10px 0 20px;}
	#content-wrapper .sidebar .highlight{ padding:20px 20px 10px 20px;}
	#content-wrapper .sidebar .highlight ul{ list-style:none; margin:0 0 5px 0; padding:0; border-bottom:1px solid #ededed;}
	#content-wrapper .sidebar .highlight ul li{ list-style:none; margin:0 0 15px 0; padding:0;}
	#content-wrapper .sidebar .highlight ul li p.newstxt{ line-height:1.2em; padding:0; margin:0 0 5px 0;}
	#content-wrapper .sidebar .highlight ul li span.date{ font-weight:bold; margin:0 5px 0 0; }
	#content-wrapper .sidebar .highlight ul li a{ text-decoration:none; font-weight:bold; } 
	
	#content-wrapper .sidebar .highlight-heading-green{  background: url(http://www.tilaaunelmille.fi/themes/tilaanumelmille/images/bg-highlight-h1-green.png) no-repeat 0 0; width:296px; height:65px; }
	#content-wrapper .sidebar .highlight-heading-green h2{ color:#fff; font-size:20px; font-weight:normal!important; padding:6px 10px 0 20px; background-image:none!important;}
	#content-wrapper .sidebar .highlight-heading-green h2 span{ font-weight:bold;}

.areaSplit {}
.areaSplit .shortleft { float:left; width:200px; padding-right:20px; }
.areaSplit .wideright { float:right; width:410px;}
.areaSplit .wideleft { float:left; width:410px;}
.areaSplit .shortright { float:right; width:200px; padding-left:20px; }
	
.footer {
	position: relative;
	margin-top: -220px; /* negative value of footer height */
	height: 220px;
	clear:both;
	background-color:#ededed;
}
.footer .footer-wrapper {
	width:960px; 
 	text-align:left;  
	margin-left:auto; 
 	margin-right:auto;
	padding-top:30px;
	}
	
	.footer .footer-wrapper .footer-left {
		float:left;
		width:400px;
	}
	
	.footer .footer-wrapper .footer-right {
		float:right;
		width:400px;
	}
 
 
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* @group cufon  */

.cufon-loading h1,
.cufon-loading h2,
.cufon-loading h3,
.cufon-loading p.ingress,
.cufon-loading #headerNav ul.nav-header li a {
	visibility: hidden !important;
}

.cufon-active h1  {
}

.cufon-ready h1 {
}