@charset "utf-8";
/* #### RSJ 2010 Tyylittely by Wille... #### */


html{
	height: 100%; background: #a10000;}
body{
	height: 100%;
	background: url(../img/body_bg.jpg) center top repeat-x;
	font-family: Tahoma, Geneva, sans-serif; color: #666; font-size: 62.5%;
	word-spacing: 0.2em; line-height: 1.8em;
	}

p{ padding: 30px 30px 10px 60px; font-size: 1.3em;}

h1{
	color: #9e0206;
	padding: 30px 0 0 40px;
	font-size: 3.5em; text-align: center;}
h2{
	color: #9e0206;
	padding: 40px 0 0 50px;
	font-size: 2em;}
	

hr{ border: thin dotted #333;}

a{
	color: #9e0206;}
a:hover{
	color:#666;}


#wrapperi{
	min-height: 100%; position: relative; width: 960px; margin: 0 auto; background: #FFF}
	
#headeri{
	background: url(../img/header_bg.jpg) center top no-repeat;
	height: 180px;}
	
#headeri h1{
	background: url(../img/logo.png) right top no-repeat; height: 203px; margin-right: 200px;
	text-indent: -9999px;}
	
#sisalto{
	width: 100%; margin: 0 auto; padding-bottom: 105px;}
	
/* #### NAVI #### */

#navi {
	width: 240px;
	/*height: 350px;*/
	float: left;
	background: url(../img/navi_bg.png) right top no-repeat; padding-top: 17px;}

#navi ul li{
	width: 236px; height: 32px;
	text-align: right; margin-top:-13px; padding: 0 4px 9px 0;
}

#navi ul li a{
	display: block; text-decoration: none;
	color: #9e0206;
	font-family: "Times New Roman", Times, serif;
	font-size: large; font-weight: bold;
	padding: 5px 5px 5px 0;
	text-transform: uppercase;
}

#navi ul li a:hover{
	background: #CCC;
}
	
	
#navi ul li.current a, #navi ul li.current a:hover, #navi ul li.current a:active, #navi ul li.current_page_item a, #navi ul li.current_page_parent a{
		background: #CCC;
		cursor: default;
}

#navi img{ margin: 0 0 10px 50px;}


/* #### TEKSTI #### */


#teksti{
	width: 700px;
	float: right;
	margin-right: 10px; 
	background: url(../img/teksti_bg.png) top left no-repeat;}

#teksti img{ text-align: left; margin: 1px;}

#klaari{ clear: both;}


/* #### FOOTER #### */


#footer{
	position:absolute; bottom: 0; height: 100px; width: 100%; color: #666; margin: 0 auto; text-align: center; background: url(../img/footer_bg.png) center bottom no-repeat;}
#footer p{  padding: 0; margin: 60px 0 0 40px;}

#ropelo{ width: 100%; height: 100px; margin-top: -100px; background: url(../img/footer_bg.png) center bottom repeat-x;}