body {
	text-align: left;
	background-image: url(../pics/bg.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	background-color: #a7a5a6;
	color:#1d1d1d;
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	margin: 0;
}


/*** navigaatio ***/	

	
#page { 
	float: left;
	text-align: left; 
	width: 995px;
	padding: 0px;
	}
		
#header { 
	float: left;
	width: 695px;
	padding: 0px 0 0 300px;
	}

#logo { 
	float: left;
	width: 220px;
	padding: 5px 0px 0px 0px;
	}	
			
#navigation { 
	float: left;
	text-align: right;
	width: 410px;	
	padding: 0px 0px 0px 60px;
	}		
	
#indexStarter { 
	float: left;
	width: 995px;	
	padding: 40px 0 0 0;
	}		

#welcomeText { 
	float: left;
	width: 346px;	
	padding: 60px 0 0 0;
	}	
	
#pyydaTarjous { 
	float: right;
	width: 245px;	
	padding: 7px 0 0 50px;
	}		

/*** IMAGESHOW ****/	
	
#imageShow { 
	float: left;
	width: 512px;
	fheight: 433px;	
	margin: 0;
	}

#images { 
	float: left;
	width: 500px;
	padding: 0px;
	}

#main_image {
	float: left; 
	margin: 0px 0px 10px 0px;
	dheight:375px;
	width:500px;
	border: solid 6px #fff;
	background-color: #fff;
	}
	
#thumbnales {
	float: left; 
	margin:0 0px 10px 10px;
	width:280px;
	}	
	
.caption {
	display: none;
	float: left;
	padding: 0px 0 0px 0;
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color:#626262;
	}
	
#contentRight .gallery {
	float: left;
	margin: 0;
	dborder: solid 1px #fff;
	}
	
	
#contentRight .gallery li {
	bdorder:3px solid #394952;
	margin: 0 2px 0 2px;
	dbackground:#dcdbdb;
	}
	
.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:500px;margin:10px; padding-top:10px;}
.info p { margin-top:1.6em;}
	

#contentRight .galleria {
	float: left;
	list-style:none;
	width:300px;	
	bodrder: solid 1px #fff;
	}
	
	
#contentRight .galleria li {
	float: left;
	border:3px solid #fff;
	padding: 0 0 0 0;
	background:#dcdbdb;
	display:block;
	width: 80px;
	height: 80px;
	overflow: hidden;
	margin: 0 7px 7px 0;
	}

#imageShow ul {
		margin: 0px 0px 15px 30px;
		padding: 0px;
		}	

#contentRight .galleria li a {display:none}

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

#contentRight .galleria li div img {cursor:pointer; }

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

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

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

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


	
		
/*** content ***/	
#contentArea { 
	float: left;
	width: 785px;
	padding: 15px 0 60px 170px;
	}
	
#contentIndex { 
	float: left;
	width: 805px;
	padding: 10px 5px 10px 10px;
	background-color: #dcdbdb;
	}
	
#content { 
	float: left;
	width: 800px;
	padding: 0px 10px 10px 10px;
	background-color: #dcdbdb;
	}	
	

#indexImage { 
	float: left;
	width: 480px;
	height: 400px;	
	padding: 0;
	}	
	
#indexText { 
	float: left;
	width: 295px;	
	padding: 0px 0px 0px 25px;
	}	
	
#contentLeft, #contentCenter, #contentRight { 
	float: left;
	width: 240px;
	padding: 0px 20px 0 0;
	}
	
#contentWide { 
	float: left;
	width: 500px;
	padding: 0px 20px 0 0;
	}		
	
.textBlockImage { 
	float: left;
	width: 240px;
	padding: 0;
	}	
	
.textBlock { 
	float: left;
	width: 225px;	
	padding: 0px 10px 0px 5px;
	}	
	
.textBlockYhteys { 
	float: left;
	width: 245px;	
	padding: 0px 10px 0px 5px;
	}
		
.textBlockImageWide { 
	float: left;
	width: 480px;
	padding: 0;
	}	
	
.textBlockWide { 
	float: left;
	width: 440px;	
	padding: 0px 10px 0px 5px;
	}	

	
#contentIndex h1 {
	font: bold 18px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #1d1d1d;	
	margin: 10px 0 15px 0px;
}

#contentIndex h2 {
	font: bold 14px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #1d1d1d;	
	margin: 0px 0 0px 0px;
}

#content h1 {
	font: bold 18px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #1d1d1d;	
	margin: 15px 0 10px 0px;
}



#content h2 {
	font: bold 14px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #1d1d1d;	
	margin: 15px 0 0px 0px;
}




#content p {
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #1d1d1d;	
	margin: 5px 0 10px 0px;
	line-height: 18px;
}

#contentIndex p {
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #1d1d1d;	
	margin: 5px 0 10px 0px;
	line-height: 18px;
}


#content ul, #contentIndex ul {
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #1d1d1d;
	margin: 0px 0px 15px 20px;
	padding: 0px;
	line-height: 16px;	
	}
	
#content li, #contentIndex li {
	margin: 0px 0px 1px 0px;
	padding: 0px;
	list-style-image: url(../pics/list.gif);
	}


#content a, #contentIndex a  {
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #e83b7c;
	text-decoration: underline;
	}	
	
#content a:hover, #contentIndex a:hover {
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #626262;
	text-decoration: underline;
	}			
							

	
/*** ***/	
	
#footer { 
	float: left;
	width: 819px;
	padding: 0px 0 10px 176px;	
}
	
#footerBg { 
	float: left;
	background-image: url(../pics/footerbg.gif);
	background-repeat:no-repeat;
	width: 810px;
	height: 37px;
	padding: 25px 0 10px 0px;	
	text-align: center;
}
	
#yhteistyossa { 
	float: left;
	width: 810px;
	padding: 15px 0 10px 0px;	
	ftext-align: center;
}
	
			
#footer p {
	margin: 0px 0px 0px 0px;
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #fff;
	}
	
#footer p a {
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #fff;
	text-decoration: none;
	}	
	
	
		
/*******************/		


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 12px "Trebuchet ms", Verdana, arial, sans-serif;
	border: 1px solid #1c1c1c;
    padding: 2px 4px 2px 4px;
    background-color: #e1e1e1;
	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;
}