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

body#Sub {
	text-align: center;
	background-image: url(../pics/bgSub.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	fbackground:#151515;
	color:#424242;
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	margin: 0;
}

/*** navigaatio ***/	
#centered { 
	width: 995px;
	margin: 0 auto;		
	}
	
#page { 
	float: left;
	text-align: left; 
	width: 995px;
	padding: 0px;
	}
		
#header { 
	float: left;
	dbackground-color: #000;
	width: 995px;
	padding: 14px 0 0 0;
	}

#logo { 
	float: left;
	width: 200px;
	}	
			
#navigation { 
	float: right;
	width: 665px;	
	text-align: right;
	padding: 9px 0px 0px 0px;
	}		
	
#indexStarter { 
	float: left;
	width: 995px;	
	padding: 40px 0 0 0;
	}		

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

/*** IMAGESHOW ****/	
	
#imageShow { 
	float: left;
	background-image: url(../pics/imagebg.png);
	background-repeat: no-repeat;
	width: 642px;
	height: 433px;	
	margin: 0;
	}

x#images { 
	float: left;
	width: 642px;
	padding: 0px 0 20px 0;
	}

#main_image {
	float: left; 
	margin: 36px 0px 0px 32px;
	dheight:280px;
	width:576px;
	}
	
#thumbnales {
	float: left; 
	margin:0 0px 0px 0px;
	width:585px;
	}	
	
.caption {
	display: none;
	float: left;
	padding: 0px 0 0px 0;
	font: normal 11px "Trebuchet ms", Verdana, arial, sans-serif;
	color:#9f9f9f;
	}
	
.gallery {
	float: left;
	margin: 0;
	}
	
	
.gallery li {
	margin: 0 2px 0 2px;
	background:#fff;
	border: none;
	}
	
.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:579px;margin:0; padding-top:0px;}
.info p { margin-top:1.6em;}
	

.galleria {
	float: left;
	list-style:none;
	width:585px;	
	}
	
	
.galleria li {
	float: left;
	padding: 0 0 0 0;
	background:#fff;
	display:block;
	width: 112px;
	height: 58px;
	overflow: hidden;
	}

#imageShow ul {
		margin: 0px 0px 15px 30px;
		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 */	


	

	
/*** ***/
#indexContent { 
	float: left;
	width: 955px;	
	padding: 25px 0 0 40px;
	}

#indexContent .palvelut { 
	float: left;
	width: 255px;
	padding: 0 50px 0 0px;
	}	
		
	
#indexContent .palvelutTitle {
	float: left; 
	height: 26px;
	}	
	
#indexContent .palvelutImage {
	float: left;  
	}
	
#indexContent .palvelutText {
	float: left;  
	}	
			
	
#indexContent .palvelutText p {
	margin: 0px 0 10px 9px;
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #444;
	line-height: 16px;
	}	
	
#indexContent .palvelutText a {
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #33cc33;
	text-decoration: underline;
	}	
	
#indexContent .palvelutText a:hover {
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #626262;
	text-decoration: underline;
	}	
	
	
/*** ***/
#tracker { 
	float: left;
	width: 725px;	
	padding: 18px 0 0 230px;
	}
	
#tracker p {
	margin: 0;
	font: normal 11px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #fff;
	line-height: 16px;
	}	
	
#tracker a {
	font: normal 11px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #33cc33;
	text-decoration: none;
	}		
	
	
/*** subnavi ***/		
#subNavigation { 
	float: left;
	width: 170px;
	padding: 45px 0 0 25px;
	}	
	
	#subNavigation p { 
		color: #626262;
		margin: 0 0 10px 0;	
		}		
		
	#subNavigation a { 
		font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
		text-decoration: none;
		color: #626262;			
		}	
					
	#subNavigation a:hover { 
		text-decoration: none;
		color: #33cc33;		
		}		
		
	#subNavigation a.on { 
		font: bold 12px "Trebuchet ms", Verdana, arial, sans-serif;
		text-decoration: none;
		color: #33cc33;		
		}	
		
/*** content ***/	
#content { 
	float: left;
	width: 755px;
	padding: 30px 0 0 35px;
	}
	

#ingress, #ingressLight { 
	float: left;
	width: 425px;	
	padding: 0 30px 0 0;
	}	
	


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


#ingress p, #contentSub p {
	font: normal 1.1em "Trebuchet ms", Verdana, arial, sans-serif;
	color: #444;	
	margin: 0 0 10px 0;
	line-height: 18px;
}

#contentSubLight p {
	font: normal 1.1em "Trebuchet ms", Verdana, arial, sans-serif;
	color: #444;	
	margin: 0 0 10px 0;
	line-height: 18px;
}

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

#ingress ul {
		font: normal 1.1em "Trebuchet ms", Verdana, arial, sans-serif;
		color: #444;
		margin: 0px 0px 15px 15px;
		padding: 0px;
		line-height: 16px;	
	}
	
#ingress li {
		margin: 0px 0px 3px 0px;
		padding: 0px;
		list-style: square;
	}


#contentImage { 
	float: left;
	width: 300px;
	}	
		
	
.contentBlocks { 
	float: left;
	width: 755px;
	padding: 35px 0px 0px 0px;
	}
	
.contentBlocks .contentBlock { 
	float: left;
	width: 200px;
	padding: 0px 50px 0px 0px;
	}	
	
.contentBlocks .contentBlockImage { 
	float: left;
	width: 200px;
	}
	
.contentBlock .contentBlockImagePic { 
	float: left;
	width: 210px;
	border: solid 1px #999;
	padding: 4px 4px 2px 4px;
	}	
	
.contentBlocks .contentBlockText { 
	float: left;
	}
	
#content h2 {
	font: bold 14px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #444;	
	margin: 5px 0 8px 0px;
}	
			
.contentBlockText p {
	font: normal 1em "Trebuchet ms", Verdana, arial, sans-serif;
	color: #444;	
	margin: 0 0 10px 0;
	line-height: 16px;
}	

#content a {
	font: normal 1em "Trebuchet ms", Verdana, arial, sans-serif;
	color: #33cc33;
	text-decoration: underline;
	}	
	
#content a:hover {
	font: normal 1em "Trebuchet ms", Verdana, arial, sans-serif;
	color: #626262;
	text-decoration: underline;
	}
	
/** ****/
#contentSub, #contentSubLight { 
	float: left;
	width: 465px;	
	padding: 0 20px 0 0;
	}	

#contentImageSub { 
	float: left;
	text-align: right;
	width: 250px;
	padding: 0px 0px 0px 0px;
	}
		
.contentBlocksSub { 
	float: left;
	width: 460px;
	padding: 15px 0px 0px 0px;
	}	
	
.contentBlocksSubText { 
	float: left;
	width: 460px;
	padding: 10px 0px 0px 0px;
	}	
	
		
.contentBlocksSub .contentBlock { 
	float: left;
	width: 200px;
	padding: 0px 30px 0px 0px;
	}
		
#contentSub .contentBlocksSub p, #contentSub .contentBlocksSubText p {
	font: normal 1em "Trebuchet ms", Verdana, arial, sans-serif;
	color: #444;	
	margin: 0 0 15px 10px;
	line-height: 16px;
}

#contentSub table {
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #444;	
	margin: 0 0 0px 10px;
}

#contentSub table td {
	border-bottom: solid 1px #9a9a9a;
	padding: 2px 0 2px 0;
}	
			
			
							

/*** ***/	
#textBlock { 
	float: left;
	dbackground-color: #fff;
	width: 100%;	
	margin: 0;
	text-align: left;
	}

#textBlockCenter { 
	sfloat: left;
	width: 1000px;
	margin: 0 auto;
	}
	
	
#textBlockImage {
	float: left; 
	margin:10px 0px 10px 25px;
	width:700px;
	height: 100px;
	border:1px solid #000;
	}
	
#textBlockLeft { 
	float: left;
	width: 440px;
	padding: 15px 20px 20px 25px;
	}
	
#textBlockRight { 
	float: left;
	width: 250px;
	padding: 15px 0 20px 40px;
	}	

#textBlock p { 
	margin: 0px 0 10px 0px;
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #444;
	}

#textBlock a { 
	margin: 0px 0 10px 0px;
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #cd3d05;
	text-decoration:none;
	}

#textBlock a:hover { 
	margin: 0px 0 10px 0px;
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #cd3d05;
	text-decoration:underline;
	}
		
#textBlock h1 {
	margin: 0px 0 10px 0px;
	font: normal 20px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #444;
	}
	
#textBlock h2 {
	margin: 20px 0 5px 0px;
	font: bold 14px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #444;
	}

#textBlock h3 {
	margin: 0px 0 5px 0px;
	font: bold 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #444;
	}

#textBlock h4 {
	margin: 0px 0 0px 0px;
	font: normal 12px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #444;
	}							
	
#contentSub ul {
		font: normal 1.1em "Trebuchet ms", Verdana, arial, sans-serif;
		color: #444;
		margin: 0px 0px 15px 15px;
		padding: 0px;
		line-height: 16px;	
	}
	
#contentSub li {
		margin: 0px 0px 3px 0px;
		padding: 0px;
		list-style: square;
	}		
	
#contentSubLight ul {
		font: normal 1.1em "Trebuchet ms", Verdana, arial, sans-serif;
		color: #444;
		margin: 0px 0px 15px 15px;
		padding: 0px;
		line-height: 16px;	
	}
	
#contentSubLight li {
		margin: 0px 0px 3px 0px;
		padding: 0px;
		list-style: square;
		}	
	
/*** ***/	
	
#footerTop { 
	float: left;
	width: 995px;
	height: 42px;
	margin-top: 60px;
	}	
	
#footerBottom { 
	float: left;
	width: 995px;
	height: 11px;
	margin-bottom: 20px;	
	}
	
#footer { 
	float: left;
	width: 968px;
	border-left: solid 1px #dddcdc;
	border-right: solid 1px #dddcdc;
	padding: 0px 0 10px 25px;	
	}
	
#footerline { 
	float: left;
	width: 1px;
	height: 270px;
	border-left: solid 1px #dddcdc;
	margin: 10px 25px 0px 0px;	
	}
	
.footerOne { 
	float: left;
	width: 155px;
	padding: 0 35px 0 0;
	}
	
#footerAddress { 
	float: left;
	width: 155px;
	padding: 0 0px 0 0;
	}			
	
#footer #footerAddress p {
	margin: 0px 0px 15px 0px;
	font: normal 11px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #626262;
	}			
			
#footer p {
	margin: 0px 0px 10px 0px;
	font: normal 11px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #626262;
	}
	
#footer h3 {
	margin: 10px 0 1px 0px;
	font: bold 11px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #545454;
	}
	
#footer h3 a {
	font: bold 11px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #545454;
	text-decoration: none;
	}	
	
#footer p a {
	font: normal 11px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #626262;
	text-decoration: none;
	}	
	
#footer h4 {
	margin: 10px 0 0px 0px;
	font: bold 14px "Trebuchet ms", Verdana, arial, sans-serif;
	color: #626262;
	}		
		

		

			

	

	
	
	
		
/*******************/		


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;
}