/* reset */

* 
	{ padding: 0; margin: 0; }
body 
	{ font-size: 11px; line-height: 15px; background: #fff; min-width: 940px; }
	
/* clearfix --------------*/
.x:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } 
* html .x { height: 1%; } 
*:first-child+html .x { min-height: 1px; }
/* -----------------------*/





/* sticky footer start*/

* {margin:0;padding:0;} 

html, body {height: 100%;
}

#wrap {min-height: 100%;
}

#main {overflow:auto;
	padding-bottom: 177px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -177px; /* negative value of footer height */
	height: 177px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* sticky footer end*/

body {

	background: url("/img/bg/bg.jpg") no-repeat center 0 #e1e1e1; 
	}

a
	{ outline: none; text-decoration: none; }
img
	{ border: 0; }

#main
	{ width: 725px; padding: 0 49px; margin: 0 auto; transparent; min-height: 500px; position: relative;
		background-color: white;
	}
	
#header { 
	position: relative; height: 210px; margin: 0 0 25px 0;
	padding-top: 20px;
	background: url(/img/bg/header.jpg) #f5f5f5;
	}

#header h2	{
	color: #4a4a4a;
	font: bold 18px/28px Georgia, Times, serif;
	margin: 0 0 1.23em;
	}

		
#nimi {
	text-align: center;
	}

#logowrapper {
	margin-right: auto;
	margin-left: auto;
	margin-top: 35px;
	width: 310px;
	height: 60px;
	}

#logo
	{ display: block; outline: none; width: 310px; height: 60px; background: transparent url("../img/logo.png") no-repeat 0 0; text-indent: -5000px;
	}
	
#facebookwrapper {
	margin-top: 45px;
	margin-left: 683px;
	}
	
#menu
	{ height: 46px; width: 725px; overflow: hidden;
		margin-top: 0px;
		margin-bottom: 5px;
	}

#menu ul
	{ list-style-type: none;
		padding: 0; 
	float: left; 
	height: 46px;
	margin: 0;
	}
	
#menu ul li
	{ margin-right: 12px; 
	float: left; 
	height: 46px;
	background: url(/img/menublock.gif) no-repeat left;
	padding-left: 30px;
	}

#menu ul li a {
	display: block; 
	float: left; 
	font: italic 16px/20px Eksja-ThinItalic, Georgia, Times, serif;
	padding-top: 13px;		
	}

#menu ul li a.pitka {
	padding-top: 4px;
	}

#menu ul li a:link,
#menu ul li a:visited,
#kielet a:link,
#kielet a:visited
	{
	color: #4d4d4d; 
	text-decoration: none; 
	outline: none;
	}

#menu ul li a:hover,
#kielet a:hover {
	color: #f36e12;
	}

#menu ul li a:active,
#menu ul li a.active,
#kielet a:active,
#kielet a.active {
	color: #39b54a;
	}
		
#kielet {
	float: left; 
	height: 46px;
	background: url(/img/menublock.gif) no-repeat left;
	padding-left: 30px;	
	padding-top: 6px;
	}

#kielet a {
	color: #4d4d4d; 
	text-decoration: none; 
	outline: none;
	font: italic 17px/20px Eksja-ThinItalic, Georgia, Times, serif;
	display: block;
}
	
#content { 
	clear: both; min-height: 100px;
	margin: 35px 0 59px;
	}
		
#footer
	{ clear: both; width: 823px; margin: 0 auto;
	background: url(/img/bg/footer.png);
	height: 177px;
	}

.viiva {

	clear: both;
	width: 725px;
	height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #e9e9e9;
	float: left;
}

/* kaksipalstaisen blokin tyylit */

.kaksi img {
	margin-top: 10px;
}

.kaksi {
	clear: both;
	height: 100%;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.vasen {
	width:  345px;
	float: left;
	margin-right: 35px;
	min-width: 345px;
}

.oikea {
width:  345px;
float: left;
	}
	
/*etusivun nostojen tyylit*/

#etusivunosto {
	width: 725px;
	height: 840px;
	background: url("/img/bg/etusivu.jpg") no-repeat center bottom #ffe000;
	padding-top: 44px;
	margin-top: 30px;
}

.rivi {
	clear: both;
	padding-left: 52.5px;
}

.nosto {
	width: 180px;
	height: 180px; 
	float: left;
}	

.nostokuva {
	width: 180px;
	height: 180px;
	display: block;
}	

.nosto a:hover {
	background-color: white;
}

.pystyvali {
	float: left;
	width: 44px;
	height: 180px;
	background: url("/img/bg/pv.png") no-repeat center 0; 
}

.vaakavali {
	height: 44px;
	width: 630px;
	background: url("/img/bg/vv.png") no-repeat center 0;
	margin-left: 52.5px;
}

/*etusivun kiitosten tyylit*/

#kiitos1 {
	margin-top: 35px;
}

#kiitos2 {
	margin-top: 35px;
	margin-bottom: 20px;
}

#kiitos3 {
	padding-bottom: 59px;
}

#kiitos2 > h1 {
	color: 	#3000fa;
	font: 22px/24px !important;	
	margin: 12px 0 4px !important;
	text-align: center !important;
}

#kiitos2 > h2 {
		color: black; 
		font: 20px/1.4em !important;
		margin: 8px 0 4px !important;
		text-align: center !important;
	}


/*info-sivun kuvat */

#content_left {
	width: 340px;
	margin-right: 45px;
	float: left;
	margin-top: 10px;
}

#content_right {
	width: 340px;
	float: left;
	margin-top: 10px;
}

content_after {
	clear: both;
	float: left;
}

.ccm-image-block {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}