body {
	text-align: center;
	fbackground:#151515;
	color:#bba;
	font: normal 11px "Trebuchet ms", Verdana, arial, sans-serif;
	margin: 0;
}

	
/*** navigaatio ***/	
#header { 
	float: left;
	background-color: #fff;
	border-bottom: solid 1px #e0e0e0;
	width: 100%;	
	}

#navigationBlock { 
	ffloat: left;
	width: 800px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	}
	
#logo { 
	float: left;
	width: 240px;
	padding: 10px 0 0 0;
	}	
			
#navigation { 
	float: left;
	width: 500px;	
	text-align: left;
	padding: 28px 0px 20px 20px;
	}		
		
	#navigation a { 
		text-decoration: none;
		color: #636363;
		margin-right: 40px;		
		}	
		
	#navigation a.on { 
		text-decoration: none;
		color: #da5c2b;
		margin-right: 40px;		
		}	
					
	#navigation a:hover { 
		text-decoration: none;
		color: #9ba3ae;		
		}	
	

/*** IMAGESHOW ****/	
	
#imageShow { 
	float: left;
	background-image:url(../pics/bg.gif);
	background-repeat:repeat-x;
	background-color: #fff;
	width: 100%;	
	margin: 0;
	}

#imageShowCenter { 
	sfloat: left;
	width: 800px;
	margin: 0 auto;
	}
	
#images { 
	float: left;
	width: 800px;
	padding: 25px 0 5px 0;
	}

#main_image {
	float: left; 
	margin:20px 0px 5px 55px;
	height:310px;
	width:685px;
	}
	
#thumbnales {
	float: left; 
	margin:0 0px 10px 0px;
	width:700px;
	}	
	
.caption {
	ddisplay: none;
	float: right;
	padding: 10px 28px 0px 0;
	font: normal 11px "Trebuchet ms", Verdana, arial, sans-serif;
	color:#9f9f9f;
	}
	
.gallery {
	float: left;
	margin: 0;
	}
	
	
.gallery li {
	border:3px solid #394952;
	margin: 0 2px 0 2px;
	background:#394952;
	border: solid 1px #FFF;
	}
	
.nav {
	float: left;
	width: 300px;
	font: normal 10px "Trebuchet ms", Verdana, arial, sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;
	}
	
.info { text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p { margin-top:1.6em;}
	

.galleria {
	float: left;
	list-style:none;
	width:705px;	
	}
	
	
.galleria li {
	float: left;
	border:2px solid #ccc;
	margin: 0 2px 0 2px;
	padding: 0 0 0 0;
	background:#fff;
	display:block;
	width: 55px;
	height: 55px;
	overflow: hidden;
	margin: 0 7px 7px 0;
	}

#imageShow ul {
		margin: 0px 0px 0px 60px;
		padding: 0px;
		}	

.galleria li a {display:none}

.galleria li div {posiftion:absolute;display:none;top:0;left:180px}

.galleria li div img {cursor:pointer}

.galleria li.active div img, .galleria li.active div {display:block}

.galleria li img.thumb {cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}

.galleria li .caption {display:block;padding-top:.5em}

* html .galleria li div span {width:400px} /* MSIE bug */	


/*** ***/

#pageImages { 
	float: left;
	width: 345px;
	text-align: left;
	padding: 55px 0 10px 0;
	}

#pageTitle { 
	float: left;
	width: 300px;
	text-align: left;
	padding: 65px 0 20px 0;
	}
	
	

#pageTitle h1 {
	font: bold 2em Georgia, "Trebuchet ms", Verdana, arial, sans-serif;
	color: #394952;	
	margin: 0px 0 10px 0;
}

#pageTitle h2 {
	margin: 20px 0 20px 0px;
	font: normal 1.5em "Trebuchet ms", Verdana, arial, sans-serif;
	color: #546772;
	line-height: 20px;
	
}	

#pageTitle p {
	font: normal 1.1em "Trebuchet ms", Verdana, arial, sans-serif;
	color: #394952;	
	margin: 0px 0 2px 0;
	line-height: 16px;
}

#pageTitle a {
	font: normal 1.1em "Trebuchet ms", Verdana, arial, sans-serif;
	color: #394952;
	text-decoration: none;
}	

#pageTitle a.on {
	font: normal 1.1em "Trebuchet ms", Verdana, arial, sans-serif;
	color: #da5c2b;
	text-decoration: none;
}

#pageTitle a:hover {
	color: #da5c2b;
	text-decoration: none;
}
	

	
/*** ***/
#contentIndex { 
	float: left;
	xbackground-image:url(pics/bg.gif);
	xbackground-repeat:repeat-x;
	background-color: #fff;
	width: 100%;	
	margin: 0 0 20px 0;
	}

#contentIndexCenter { 
	sfloat: left;
	width: 740px;
	margin: 0 auto;
	padding: 0 0 0px 60px;
	border-top: solid 1px #ccc;
	}
	

.palvelut {
	float: left; 
	text-align: left;
	width: 200px; 
	padding: 30px 30px 30px 0px; 
	}	
	
	
#contentIndex .palvelut p {
	margin: 10px 0 10px 0px;
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #394952;
	line-height: 16px;
	}	
	
	
#contentIndexCenter h1 {
	font: normal 1.3em "Trebuchet ms", Verdana, arial, sans-serif;
	color: #394952;	
	margin: 0px;
}

#contentIndexCenter  h2 {
	font: bold 1.4em "Trebuchet ms", Verdana, arial, sans-serif;
	color: #394952;
	margin: 0px;
}
	
#contentCenter { 
	sfloat: left;
	width: 770px;
	margin: 0 auto;
	padding: 0 0 0px 30px;
	border-top: solid 1px #ccc;
	}
	
#widecolumn {
	float: left; 
	width: 750px; 
	text-align: left;
	padding: 20px 0px 25px 0px; 
	}	
		
		
.column {
	float: left; 
	text-align: left;
	width: 225px; 
	padding: 0px 30px 30px 0px; 
	}	
	
.columnRefet {
	float: left; 
	text-align: left;
	width: 225px; 
	padding: 10px 30px 0px 0px; 
	}	
	
#contentCenter p {
	margin: 0px 0 20px 0px;
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #394952;
	line-height: 16px;
	}	
	
#contentCenter .columnRefet p {
	margin: 0px 0 2px 0px;
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #394952;
	line-height: 16px;
	}
	
#contentCenter .columnRefet p.small {
	margin: 0px 0 20px 0px;
	font: normal 11px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #394952;
	line-height: 14px;
	}	
	
#contentCenter a {
	margin: 10px 0 10px 0px;
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #da5c2b;
	text-decoration: none;
	}		
	
#contentCenter h1 {
	font: bold 1.5em "Trebuchet ms", Verdana, arial, sans-serif;
	color: #da5c2b;	
	margin: 0px;
}

#contentCenter h1 span {
	font: normal 0.8em "Trebuchet ms", Verdana, arial, sans-serif;
	color: #394952;	
	margin: 0px;
}

#contentCenter h2 {
	font: bold 1.2em "Trebuchet ms", Verdana, arial, sans-serif;
	color: #394952;
	margin: 10px 0 5px 0;
}	

#contentCenter h3 {
	font: bold 1.1em "Trebuchet ms", Verdana, arial, sans-serif;
	color: #394952;
	margin: 10px 0 5px 0;
}
	
	
#contentCenter ul {
		font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
		color: #394952;
		margin: 0px 0px 15px 20px;
		padding: 0px;
		line-height: 16px;	
	}
	
#contentCenter li {
		margin: 0px 0px 1px 0px;
		padding: 0px;
	}	
	
/*** ***/	
	
#footer { 
	float: left; 
	background-image:url(../pics/footer.gif);
	background-repeat:repeat-x;
	fbackground-color: #da5c2b;
	width: 100%;
	padding: 0px 0 15px 0px;	
	}

#footerCenter { 
	ffloat: left;
	width: 800px;
	margin: 0 auto;
	}		
	
.footerLinks {
	float: left; 
	text-align: left;
	width: 165px; 
	padding: 20px 0px 30px 58px; 
	}	
	
#lomake {
	float: left; 
	text-align: left;
	width: 280px; 
	padding: 20px 0px 0px 50px; 
	}	
	
.footerLinks p {
	margin: 0px 0 10px 0px;
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #f3f3f3;
	}
	
#lomake h1 {
	margin: 0px 0 10px 0px;
	font: normal 18px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #fff;
	}
	
#lomake h2 {
	margin: 0px 0 10px 0px;
	font: bold 14px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #fff;
	}		
	
.footerLinks p a {
	margin: 0px 0 10px 0px;
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #f3f3f3;
	text-decoration:none;
	}
	
#lomake p {
	margin: 10px 0 5px 0px;
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #fff;
	}
		
	

	
		
/*** subnavi ***/		
#subNavigation { 
	float: left;
	padding-left: 6px;
	}	
	
	#subNavigation p { 
		color: #fff;
		margin: 0px;
		padding: 8px 0px 0px 14px;		
		}		
		
	#subNavigation a { 
		font: bold 1em verdana, arial, sans-serif;
		text-decoration: none;
		color: #fff;		
		padding: 0px 20px 0px 0px;	
		}	
					
	#subNavigation a:hover { 
		text-decoration: none;
		color: #9ba3ae;		
		}		
		
	#subNavigation a.on { 
		font: bold 1em verdana, arial, sans-serif;
		text-decoration: none;
		color: #b8bec8;		
		padding: 0px 20px 0px 0px;	
		}					
		
#day { 
	float: right;
	background-color: #3e4857;
	width: 216px;
	height: 158px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
	}
	
	#rightTxt {
		background: url(../pics/nelio.gif) top left no-repeat;	
		margin: 15px 7px 0px 16px;	
		padding-left: 14px;
		}	
	
	#congratulations {		
		color: #F7F7F1;
		line-height: 14px;
		margin: 0px;
		}	
		
	#monthreview {
		background-color: #59616d;	
		padding: 8px 0px 8px 30px;
		margin-top: 45px;		
	}	
	
	#monthreview p {
		color: #fff;
		margin: 0px;
	}
	
	#monthreview a {
		color: #fff;
	}
	
	#monthreview a:hover {
		color: #9ba3ae;
		text-decoration: none;
	}
	
	#monthreview span {
		color: #e89d77;
		font-weight: bold;		
	}


#darkLine { 
	float: left;
	background-color: #3e4857;
	width: 792px;
	height: 13px;	
	font-size: 1px;
	border-bottom: 2px solid #fff;
	}
			

	
/*** content ***/	
#content { 
	float: left;
	width: 792px;	
	background: url(../pics/bg_content.gif) no-repeat;	
	background-color: #f5f5ef;
	}

#contentLeft { 
	float: left;
	width: 380px;
	padding: 25px 10px 20px 30px;
	}	
	
#contentRight { 
	float: right;
	width: 252px;
	padding: 0px 0px 30px 0px;
	}		
	
#contentRight p { 
	line-height: 16px;
	color: #464646;
	margin: 0px 0px 5px 0px;		
	}		

#contentRef, #contentRefGraaf { 
	float: left;
	width: 490px;
	padding: 25px 10px 20px 30px;
	}	
	
#abcJatko { 
	background-color: #f7f7f1;
	padding: 10px 0px 0px 0px;
	}	


	#contentLeft h1, #contentRef h1, #contentRefGraaf h1 {
		font-weight: bold;
		font-size: 1.3em;
		color: #d55417;	
		margin-top: 0px;
		margin-bottom: 15px;
	}
	
	#contentLeft h2, #contentRight h2, #contentRef h2, #contentRefGraaf h2 {
		font-weight: bold;
		color: #464646;	
		margin-top: 20px;
		margin-bottom: 5px;
	}
	
	#contentLeft h3 {
		font-weight: normal;
		font-size: 1em;
		color: #464646;	
		margin-top: 20px;
		margin-bottom: 5px;
	}	
		
	#contentLeft p, contentRight p {	
		line-height: 16px;
		color: #464646;
		margin: 10px 0px 15px 0px;
	}	
	
	#contentRef p  {	
		line-height: 16px;
		color: #464646;
		margin: 0px 0px 0px 0px;
	}
	
	#contentRefGraaf p  {	
		line-height: 16px;
		color: #464646;
		margin: 0px 0px 10px 0px;
	}
	
	.ref { 
		float: left;
		width: 490px;	
		margin: 0;
	}	
	
	.refGraaf { 
		float: left;
		width: 490px;	
		margin: 0;
	}
	
	.imgRef {
		float: left;
		padding-right: 10px;
	}
	
	.imgRefGraaf {
		float: right;
		padding-left: 10px;
		padding-bottom: 10px;
	}
		
	.imgLine { 
		float: left;
		border-bottom: 1px solid #d3d3d3;	
		font-size: 1px;
		padding: 0;
		margin: 20px 0px 20px 0px;
		width: 480px;	
	}	
	
	.imgLineGraaf { 
		float: left;
		border-bottom: 1px solid #d3d3d3;	
		font-size: 1px;
		padding: 0;
		margin: 10px 0px 20px 0px;
		width: 480px;	
	}
	
	
	
	
		
/*******************/		


strong {
	font-weight: bold;
}

a.links {
	color: #9ba3ae;
}

a:hover.links {
	color: #9ba3ae;
}

.kiitos {
	color: #f7f7f1;
}

a:hover.kiitos {
	color: #f7f7f1;
}



form {
	margin: 0;
}

img {
	border: 0px;
}

.img {
	border: 1px solid #3e4857;
}

.select {	
	font: 0.8em verdana, arial, trebuchet ms, sans-serif;
	color: #464646;	
	margin-left: 0px;
	width: 210px;
}

.txtfield {
	font: normal 11px "Trebuchet ms", Verdana, arial, sans-serif;
	border: 1px solid #3b4b54;
    padding: 2px 4px 2px 4px;
    background-color: #fff;
	color: #1c1c1c;
	margin: 0 0;
	width: 240px;
}

.button {
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	border: 1px solid #1c1c1c;
    padding: 2px 6px 2px 6px;
    background-color: #2d2d2d;
	color: #fff;
	margin: 0 0;
	width: 80px;
}