body { 
	margin: 0; 	
	background: url(../pics/bg.jpg) repeat-x;
	background-color: #b21625;
	}
	
#page { 
	float: left;
	width: 1196px;
	}	
	
#contentWidth { 
	float: left;
	text-align: left; 
	width: 1196px;
	background: url(../pics/bg_content.jpg) no-repeat;
	}	

#header { 
	float: left;
	width: 840px;
	}		
			
#logo { 
	float: left;
	padding: 0;
	}	
	
#slogan { 
	float: left;
	padding: 32px 0 0 170px;
	}	
	
/*** navigaatio ***/		
#navigation { 
	float: left;
	width: 840px;
	height: 44px;
	padding: 0;
	background: url(../pics/bg_navi.gif) no-repeat;
	}	
	
	#navigation p { 
		margin: 0px;
		padding: 7px 0px 0px 14px;		
		}			
	
/*** content ***/	
#content { 
	float: left;
	width: 670px;
	padding: 22px 0px 0px 55px;
	}	
	
#leftSide { 
	float: left;
	width: 260px;	
	padding: 40px 75px 0 0;
	}
	
.title { 
	float: left;	
	width: 250px;
	padding: 20px 0px 10px 0px;
	}
		
	#ajankohtaistaImage { 
		float: left;	
		border: solid 1px #000;
		}	
		
	#ajankohtaistaText { 
		float: left;
		width: 160px;
		padding: 0px 0px 50px 12px;
		}	
	
.indexTextBlock { 
	float: left;
	width: 260px;
	padding: 0px 0px 5px 0px;
	}	
	
.indexTextBlock p.kuvaaja { 
	font: normal 10px verdana, arial, trebuchet ms, sans-serif;
	color: #fff;	
	margin: 0px 0px 0px 0px;
	text-align: right;
	}
	
.indexAppropoo { 
	float: left;
	width: 260px;
	padding: 0px 0px 10px 0px;
	}	
	
#rightSide { 
	float: left;
	width: 300px;
	padding: 40px 30px 0 0;
	}	
	
#indexGalleria { 
	float: left;
	width: 252px;
	padding: 0px 0px 20px 0px;
	}	
	 
#indexGalleria p { 
	font: normal 11px verdana, arial, trebuchet ms, sans-serif;
	color: #fff;	
	margin: 0px 0px 0px 0px;
	}

#indexGalleria p.kuvaaja { 
	font: normal 10px verdana, arial, trebuchet ms, sans-serif;
	color: #fff;	
	margin: 0px 0px 0px 0px;
	text-align: right;
	}
	
#indexGalleria img { 
	margin: 0px 8px 0px 0px;
	border: solid 1px #000;
	}	
	
/*** SISALTO *****/		
	
#textBlockWide { 
	float: left;
	width: 500px;
	padding: 0px 0px 30px 0px;
	min-height: 450px;
	}	
	
#textBlockGalleria { 
	float: left;
	width: 580px;
	padding: 0px 0px 30px 0px;
	min-height: 450px;
	}	
	
#textBlock { 
	float: left;
	width: 400px;
	min-height: 450px;
	padding: 0px 0px 30px 0px;
	}	
	
/*** TOP10 *****/	
#topLeft { 
	float: left;
	width: 180px;
	padding: 0px 40px 30px 0px;
	}	
	
#topCenter { 
	float: left;
	width: 180px;
	padding: 38px 40px 30px 0px;
	}
	
#topRight { 
	float: left;
	width: 180px;
	padding: 38px 0px 30px 0px;
	}			
	
/*** BLOGI *****/		
#blogArchive { 
	float: left;
	width: 180px;
	padding: 17px 0px 30px 50px;
	}	
	
p.date {
	font: normal 10px verdana, arial, trebuchet ms, sans-serif;
	color: #fff;	
	margin: 0px 0px 0px 0px;
	line-height: 14px;
}		
		
/*** GALLERIA *****/		
#textBlockWide img, #textBlockGalleria img { 
	margin: 0px 8px 7px 0px;
	border: solid 1px #000;
	}		
/*******************/	
p {
	font: normal 11px verdana, arial, trebuchet ms, sans-serif;
	color: #fff;	
	margin: 0px 0px 20px 0px;
	line-height: 14px;
}

a {
	font: normal 11px verdana, arial, trebuchet ms, sans-serif;
	color: #fff;	
	text-decoration: underline;
}

a:hover {
	font: normal 11px verdana, arial, trebuchet ms, sans-serif;
	color: #fbb3d3;	
	text-decoration: underline;
}

a.on {
	font: bold 11px verdana, arial, trebuchet ms, sans-serif;
	color: #fff;	
	text-decoration: none;
}

	
h1 {
	font: bold 18px trebuchet ms, verdana, arial, sans-serif;
	color: #fff;	
	margin: 0px 0px 20px 0px;
	line-height: 18px;
}

h2 {
	font: bold 12px verdana, arial, trebuchet ms, sans-serif;
	color: #fff;	
	margin: 0px 0px 10px 0px;
}

h3 {
	font: bold 12px verdana, arial, trebuchet ms, sans-serif;
	color: #fff;	
	margin: 0px 0px 5px 0px;
}

h4 {
	font: bold 14px verdana, arial, trebuchet ms, sans-serif;
	color: #fff;	
	margin: 0px 0px 10px 0px;
}


img {
	border: none;
}

.line  { 
	height: 1px;
	font-size: 1px;
	background-color: #fff;
	margin-bottom: 20px;
	}

#footer {
 	float: left;
	tedxt-align: right;
	padding: 20px 0px 20px 55px;
}

#footer a {
	font: normal 10px verdana, arial, trebuchet ms, sans-serif;
	color: #c0c0c0;	
	text-decoration: none;
}