﻿body {margin:0px; font: "trebuchet MS"; color:#5B6368;  background:url(../images/bg.gif) repeat-x;  background-color:#fff; }
body.inner_page {background:url(../images/bg1.gif) repeat-x; }


body.inner_page_muutettu {height: 540px;
	background-color:; /* For browsers that do not support gradients */
	background-image: linear-gradient(#202020, #686b6f); repeat-x
	
    }


a:active { background: none; }

a{color:#5B6368;
		text-decoration:underline;
		}
a:hover{text-decoration:none;
}



img, video, canvas, {
 max-width:100%;
 height:auto

}

.responsive {
	max-width: 100%;
	height: auto;
  } 



  .container {
	position: relative;
	text-align: center;
	margin-bottom: -80px;
	width:90% auto ;

	
	
	
  }
  
  .bottom-left {
	position: absolute;
	bottom: 8px;
	left: 16px;
  }
  
  .top-left {
	position: absolute;
	top: 8px;
	left: 16px;
  }
  
  .top-right {
	position: absolute;
	top: 10px;
	right: 4.5%;
	text-align:right;
	
	
	
	
  }
  
  .bottom-right {
	position:relative;
	bottom: 95px;
	right: 4.5%;
	text-align: right;
	
	
  }
  
  .centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }













  table.paalutus { background: url("../images/paalutuskoneet.png") no-repeat ;
	background-size: contain;
	text-align: right;
	
	
	}

	.paalutus,	
	.paalutus td
	
	 {
		
		vertical-align:bottom		
	
	  }
	
	table.kairakone { background: url("../images/pyöräpaalutuskone600x534.png") no-repeat ;
		background-size: contain;
		text-align: right;
			
		}
    
		.kairakone,	
		.kairakone td
		
		 {
			
			vertical-align:bottom		
		
		  }


@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
  zoom: 1;
}



@media all and (max-width: 319px )
{
body{
	font:0.875em "trebuchet MS"
	
}


.main_center2 {margin:0px auto;max-width:900px;padding-right:23px}

#main_top_right_panel {float:left; width:100%;}

#main_top_left_panel{margin:0px auto;max-width:270px;height:auto; background-color:#fff;}
.main_top_left_controller {margin:0px;padding:20px 0px 0px 0px;}
.main_top_left_details {margin:0px auto;width:100%;max-width:240px;}

#main_top_search_panel {max-width:270px;margin:0px auto}
.main_top_search_controller {margin:0px; padding:6px 0px 5px 0px; height:auto;}
.main_top_search_bg {
background:url(../images/) ;
}

.main_header_bg {
background:url('../images/header_img_finta320x301_muokattu2.jpg' ) no-repeat;
width:100%;
padding-bottom:94.0625%;
background-size:cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position:center; /* IE fix */
}
.main_header_bg_poistettu {
	background:url('' ) no-repeat;
	width:100%;
	padding-bottom:4.0625%;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-position:center; /* IE fix */
	}

.main_header_right_panel {float:right;width:auto;}
.main_header_controller {margin:0px; padding:93% 0% 0% 0%;}
.main_header_details {margin:0px; padding:7px;text-align:left;width:100%;background-color:#272727}

.main_header_details h2{margin:0px; padding:3%;font-size:1.563em;font-weight:normal;color:#f1f1f3}
.main_header_details h4 {margin:0px; padding:3%;font-size:1em;color:#e9c938; font-weight:normal}

.main_top_feature_controller_vanha {margin:0px;padding:0px;background-color:#7F8287;-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px}

.main_top_feature_controller {margin:0px;padding:0px;width:100%;
height:88px;
background-image:url(../images/header_img_finta6.png);
background-size:cover;
background-position:center; /* IE fix */}

.main_top_feature_section_controller {margin:0px 0px 0px 0px; padding:10px 0px 0px 20px;width:130px;float:right}
.main_top_feature_section_left {float:right;width:135px;}
.main_top_feature_section_left_details {margin:0px; padding:0px 0px 0px 0px; width:auto;}
.main_top_feature_section_left_details h3{margin:0px; padding:0px; font-size:1.250em; font-weight:normal; color:#d6f0ff;}
.main_top_feature_section_left_details span.heading {margin:0px; padding:0px 0px 16px 0px;}
.main_top_feature_section_left_details p.click {margin:0px;padding:5px 0px 0px 50px;line-height:18px;
font-size:0.875em; font-weight:bold; color:#000; display:block; background:url(../images/) no-repeat 2px 2px}

.main_top_box_controller {margin:0px auto; padding:30px 0px 25px 0px;background-color:#EFF3F5}
.main_top_box_details {margin:0px auto;width:90%; padding:0px}
.main_top_box_details h3{margin:0px; padding:0px; font-size:1.250em; font-weight:normal; color:#202020;}
.main_top_box_details span.heading1 {margin:0px; padding:0px 0px 20px 45px;background:url(../images/img4.gif) no-repeat left;}
.main_top_box_details h4 {margin:0px; padding:0px 0px 0px 0px; font-weight:bold; color:#71843a; font-size:1em;}


.main_mid_left_box {float:left; width:100%}
.main_mid_left_box_controller {margin:0px; padding:0px 0px 50px 0px; background:url(../images/dash.gif) repeat-y right;  }
.main_mid_left_box_details {margin:0px auto; padding:0px; width:90%;  background:url(../images/bottom_dash.gif) repeat-x  bottom;}


.main_mid_box {float:left; width:100%;}
.main_mid_box_inner {
	
	width:100%;
	margin:0px auto;
}

.main_mid_box_inner_muutettu {
	
	width:100%;
	margin:0px auto;
}


.main_mid_box_controller {margin:0px; padding:0px 0px 0px 0px; background:url(../images/dash.gif) repeat-y right; }
.main_mid_box_controller_muutettu {margin:0px; padding:0px 0px 0px 0px; background:url() repeat-y right; }
.main_mid_box_details {margin:0px auto; width:90%; background:url(../images/bottom_dash.gif) repeat-x  bottom;}


.main_mid_right_box {float:left; width:100%}
.main_mid_right_box_controller {margin:0px; padding:0px 0px 0px 0px;  }
.main_mid_right_box_details {margin:0px auto; padding:0px;width:90%;background:url(../images/bottom_dash.gif) repeat-x  bottom; }

  .servicecolumn1  {
    width:100%;margin:0px 0px 10px 0px;text-align:left }  
  .servicecolumn2  {
    width:100%;margin:0px 0px 10px 0px;text-align:left  } 

.servicecolumn_text{float:left}

 .project-img {margin:0px auto;max-width:226px;width:90%;height:auto;display:block;margin-bottom:10px;border: 4px solid #666; } 
 .matti-img{border: 4px solid #666;float:left;margin-bottom:10px}
 
 .matti-img_lumik{border: 4px solid #666;margin: 0px 0px 0px 10px;float:right}
 
 .lumikki{margin: 0px 0px 0px -31px;}
 

 .ourprojectrow{margin-bottom:20px;margin:0px auto;width:90%; 
 border-bottom:1px dotted #666;padding-bottom:10px;padding-top:7px;text-align:left;

 }

 .cv-date{margin: 30px 10px 10px 10px;text-align:right;}


h1 {
	color:#000000;
	font-size:1.563em;
	font-weight:normal;
	padding:0px;
	line-height: normal;
	margin-top: 0px;
	margin-right:0px;
	margin-bottom: 10px;
	margin-left:5%;

	
}

fieldset legend {font-size: 1em;color: #5B6368;background:white;width:100%}



  table.lumik {
	overflow-x: auto;
	display: block;
	
}

.lumik,
.lumik th,
.lumik td

 {
	border: 1px solid black;
	border-collapse: collapse;
	padding: 2px 2px;
	

  }		
.lumik tr:nth-child(even) {
	background-color: #EFF3F5;
  }
	
	.leima {
	float:right;
	padding-bottom:20px;
	margin-top:-15px
}

.blog-posted-row{padding:3px;font-size:0.813em;font-weight:bold}
	
}



@media all and (min-width: 320px ) and (max-width: 413px )
 { 

body{
	font:1em "trebuchet MS"
}


.main_center2 {margin:0px auto;max-width:900px;padding-right:23px}

#main_top_right_panel {float:left; width:100%;}

#main_top_left_panel{margin:0px auto;max-width:270px;height:auto; background-color:#fff;}
.main_top_left_controller {margin:0px auto;padding:20px 10px 0px 10px;}
.main_top_left_details {margin:0px auto;max-width:242px;}



#main_top_search_panel {width:270px;margin:0px auto}
.main_top_search_controller {margin:0px; padding:6px 0px 5px 0px; height:auto}
.main_top_search_bg {background:url(../images/) 

}

.main_header_bg {
background:url('../images/header_img_finta2.jpg') no-repeat;
height:301px;margin:0px;padding:0px
}
.main_header_bg_poistettu {
	background:url('') no-repeat;
	height:301px;margin:0px;padding:0px
	}

.main_header_right_panel {float:right;width:155px;}
.main_header_right_panel_muutettu {float:right;width:auto;}
.main_header_controller {margin:0px; padding:0px 0px 0px 0px;}
.main_header_controller_muutettu {margin:0px; padding:0px 0px 0px 0px;background-image: linear-gradient(#202020, #686b6f); repeat-x:}
.main_header_details {margin:0px; padding:10px;text-align:left}
.main_header_details h2{margin:0px; padding:0px;font-size:1.563em;font-weight:normal; color:#f1f1f3;}
.main_header_details h4 {margin:0px; padding:0px;font-size:1em;color:#e9c938; font-weight:normal}

.main_top_feature_controller {margin:0px;padding:49px 0px 0px 0px;}
.main_top_feature_section_controller {margin:0px 0px 0px 0px; padding:0px 0px 10px 20px;}
.main_top_feature_section_left {float:right;margin-right:6%;width:140px;}
.main_top_feature_section_left_details {margin:0px; padding:0px 0px 0px 0px; width:auto;}
.main_top_feature_section_left_details h3{margin:0px; padding:0px; font-size:1.250em; font-weight:normal; color:#d6f0ff;}
.main_top_feature_section_left_details span.heading {margin:0px; padding:0px 0px 16px 0px;}
.main_top_feature_section_left_details p.click {margin:0px;padding:5px 0px 0px 50px;line-height:20px;
font-size:0.875em; font-weight:bold; color:#000; display:block; background:url(../images/) no-repeat 2px 2px}

.main_top_box_controller {margin:0px auto; padding:30px 0px 25px 0px;background-color:#EFF3F5}
.main_top_box_details {margin:0px auto;width:90%; padding:0px}
.main_top_box_details h3{margin:0px; padding:0px; font-size:1.250em; font-weight:normal; color:#202020;}
.main_top_box_details span.heading1 {margin:0px; padding:0px 0px 20px 45px;background:url(../images/img4.gif) no-repeat left;}
.main_top_box_details h4 {margin:0px; padding:0px 0px 0px 0px; font-weight:bold; color:#71843a; font-size:1em;}


.main_mid_left_box {float:left; width:100%}
.main_mid_left_box_controller {margin:0px; padding:0px 0px 50px 0px; background:url(../images/dash.gif) repeat-y right;  }
.main_mid_left_box_details {margin:0px auto; padding:0px; width:90%;  background:url(../images/bottom_dash.gif) repeat-x  bottom;}


.main_mid_box {float:left; width:100%;}
.main_mid_box_inner {
	
	width:100%;
	margin:0px auto;
}

.main_mid_box_inner_muutettu {
	
	width:100%;
	margin:0px auto;
}


.main_mid_box_controller {margin:0px; padding:0px 0px 0px 0px; background:url(../images/dash.gif) repeat-y right; }
.main_mid_box_controller_muutettu {margin:0px; padding:0px 0px 0px 0px; background:url() repeat-y right; }
.main_mid_box_details {margin:0px auto; width:90%; background:url(../images/bottom_dash.gif) repeat-x  bottom;}


.main_mid_right_box {float:left; width:100%}
.main_mid_right_box_controller {margin:0px; padding:0px 0px 0px 0px;  }
.main_mid_right_box_details {margin:0px auto; padding:0px;width:90%;background:url(../images/bottom_dash.gif) repeat-x  bottom; }

  .servicecolumn1  {
    width:100%;margin:0px 0px 10px 0px;text-align:left }  
  .servicecolumn2  {
    width:100%;margin:0px 0px 10px 0px;text-align:left  } 

.servicecolumn_text{float:left}

 .project-img {margin:0px auto;max-width:226px;width:90%;height:auto;display:block;margin-bottom:10px;border: 4px solid #666; } 
  .matti-img{border: 4px solid #666;float:right}
  
  .matti-img_lumik{border: 4px solid #666;margin: 0px 0px 0px 10px;float:right}
 
  .lumikki{margin: 0px 0px 0px -33px;}
 

 .ourprojectrow{margin-bottom:20px;margin:0px auto;width:90%; 
 border-bottom:1px dotted #666;padding-bottom:10px;padding-top:7px;text-align:left;}

 .cv-date{margin: 30px 10px 10px 10px;text-align:right;}


h1 {
	color:#000000;
	font-size:1.563em;
	font-weight:normal;
	padding:0px;
	line-height: normal;
	margin-top: 10px;
	margin-right:0px;
	margin-bottom: 10px;
	margin-left:5%;

	
}

fieldset legend {font-size: 1em;color: #5B6368;background:white;width:100%}

.lumik,
.lumik th,
.lumik td

 {
	border: 1px solid black;
	border-collapse: collapse;
	padding: 2px 5px;
	

  }		
.lumik tr:nth-child(even) {
	background-color: #EFF3F5;
  }



.leima {
	float:right;
	padding-bottom:20px;
	margin-top:-15px
}

.blog-posted-row{padding:3px;font-size:0.813em;font-weight:bold}

}


@media all and (min-width: 414px ) and (max-width: 629px )
{

body{
	font:1em "trebuchet MS"
}



.main_center2 {margin:0px auto;max-width:900px;padding-right:23px}

#main_top_right_panel {float:left; width:100%;}

#main_top_left_panel{margin:0px auto;max-width:270px;height:auto; background-color:#fff;}
.main_top_left_controller {margin:0px;padding:20px 0px 0px 0px;height:auto}
.main_top_left_details {margin:0px auto;max-width:242px;}

#main_top_search_panel {width:270px;margin:0px auto}
.main_top_search_controller {margin:0px; padding:6px 0px 5px 0px; height:auto}
.main_top_search_bg {background:url(../images/) 

}

.main_header_bg {
background:url('../images/header_img_finta2.jpg') no-repeat;
height:301px;margin:0px;padding:0px
}
.main_header_bg_poistettu {
	background:url('') no-repeat;
	height:301px;margin:0px;padding:0px
	}

.main_header_right_panel {float:right;width:270px;}
.main_header_right_panel_muutettu {float:right;width:auto;}
.main_header_controller {margin:0px; padding:50px 7px 0px 0px;}
.main_header_controller_muutettu {margin:0px;padding:5px 7px 0px 0px;background-image: linear-gradient(#202020, #686b6f); repeat-x:}
.main_header_details {margin:0px; padding:15px;text-align:left}
.main_header_details h2{margin:0px; padding:0px;font-size:1.563em;font-weight:normal; color:#f1f1f3;}
.main_header_details h4 {margin:0px; padding:0px 0px 0px 0px;font-size:1em;color:#e9c938; font-weight:normal}

.main_top_feature_controller {margin:0px; padding:102px 0px 0px 0px;}
.main_top_feature_section_controller {margin:0px 0px 0px 0px; padding:0px 0px 10px 20px;}
.main_top_feature_section_left {float:right; width:;}
.main_top_feature_section_left_details {margin:0px; padding:0px 0px 0px 0px; width:;}
.main_top_feature_section_left_details h3{margin:0px; padding:0px; font-size:1.250em; font-weight:normal; color:#d6f0ff;}
.main_top_feature_section_left_details span.heading {margin:0px; padding:0px 0px 16px 50px; background:url(../images/) no-repeat left}
.main_top_feature_section_left_details p.click {margin:0px; padding:4px 0px 0px 50px; font-size:0.875em; font-weight:bold; color:#000; display:block; }

.main_top_box_controller {margin:0px auto; padding:30px 0px 25px 0px;background-color:#EFF3F5}
.main_top_box_details {margin:0px auto;width:90%; padding:0px}
.main_top_box_details h3{margin:0px; padding:0px; font-size:1.250em; font-weight:normal; color:#202020;}
.main_top_box_details span.heading1 {margin:0px; padding:0px 0px 20px 45px;background:url(../images/img4.gif) no-repeat left;}
.main_top_box_details h4 {margin:0px; padding:0px 0px 0px 0px; font-weight:bold; color:#71843a; font-size:1em;}


.main_mid_left_box {float:left; width:100%}
.main_mid_left_box_controller {margin:0px; padding:0px 0px 50px 0px; background:url(../images/dash.gif) repeat-y right;  }
.main_mid_left_box_details {margin:0px auto; padding:0px; width:90%;  background:url(../images/bottom_dash.gif) repeat-x  bottom;}


.main_mid_box {float:left; width:100%;}
.main_mid_box_inner {
	
	width:100%;
	margin:0px auto;
}
.main_mid_box_inner_muutettu {
	
	width:100%;
	margin:0px auto;
}



.main_mid_box_controller {margin:0px; padding:0px 0px 0px 0px; background:url(../images/dash.gif) repeat-y right; }
.main_mid_box_controller_muutettu {margin:0px; padding:0px 0px 0px 0px; background:url() repeat-y right; }
.main_mid_box_details {margin:0px auto; width:90%; background:url(../images/bottom_dash.gif) repeat-x  bottom;}


.main_mid_right_box {float:left; width:100%}
.main_mid_right_box_controller {margin:0px; padding:0px 0px 0px 0px;  }
.main_mid_right_box_details {margin:0px auto; padding:0px;width:90%;background:url(../images/bottom_dash.gif) repeat-x  bottom; }

  .servicecolumn1  {
    width:100%;margin:0px 0px 10px 0px;text-align:left }  
  .servicecolumn2  {
    width:100%;margin:0px 0px 10px 0px;text-align:left  } 

.servicecolumn_text{float:left}

 .project-img {margin:0px auto;max-width:226px;width:90%;height:auto;display:block;margin-bottom:10px;border: 4px solid #666; } 
  .matti-img{border: 4px solid #666;float:right}
 
  .matti-img_lumik{border: 4px solid #666;margin: 0px 0px 0px 10px;float:right}
  
  .lumikki{margin: 0px 0px 0px -33px;}
 

 .ourprojectrow{margin-bottom:20px;margin:0px auto;width:90%; 
 border-bottom:1px dotted #666;padding-bottom:10px;padding-top:7px;text-align:left;}

 .cv-date{margin: 30px 10px 10px 10px;text-align:right;}


h1 {
	color:#000000;
	font-size:1.563em;
	font-weight:normal;
	padding:0px;
	line-height: normal;
	margin-top: 10px;
	margin-right:0px;
	margin-bottom: 10px;
	margin-left:5%;

	
}

fieldset legend {font-size: 1em;color: #5B6368;background:white;width:100%}

.lumik,
.lumik th,
.lumik td

 {
	border: 1px solid black;
	border-collapse: collapse;
	padding: 2px 10px;
	
  }		
.lumik tr:nth-child(even) {
	background-color: #EFF3F5;
	
  }



.leima {
	float:right;
	padding-bottom:20px;
	margin-top:-15px
}

.blog-posted-row{padding:3px;font-size:0.813em;font-weight:bold}
	
}



@media all and (min-width: 630px) {


body{
	font:1em "trebuchet MS"
}

.float-bottom {position: absolute; bottom: 0;}

.main_center2 {margin:0px auto;max-width:900px}

#main_top_right_panel {float:right; width:630px;}

#main_top_left_panel{float:left; width:270px;height:auto; background-color:#fff;margin:;}
.main_top_left_controller {margin:0px; padding:20px 0px 0px 0px;}
.main_top_left_details {margin:0px auto; width:242px;height:517px;}

 
.main_top_search {margin:0px; padding:0px 5px 0px 5px; background:url(../images/) no-repeat 5px 9px;
	display:block} 
	
	#main_top_search_panel {float:right; width:270px;}
	.main_top_search_controller {margin:0px; padding:10px 5px 5px 0px; height:51px;}
	.main_top_search_bg {background:url(../images/) no-repeat; }
	
	.main_top_search_details {margin:0px; padding:0px 0px 0px 0px;}
	.main_top_search_details h3{margin:0px; padding:0px 0px 0px 5px;
	 font-size:1em; font-weight:bold; color:#fff; float:left;}
	.main_top_search_details span.search {margin:0px; padding:0px 0px 0px 5px; background:url(../images/) no-repeat 0px 9px;
	display:block} 
	 
	.main_top_search_details form {margin:0px; padding:0px;}
	.main_top_search_details form input {margin:5px 0px 0px 20px; padding:0px 5px;  
		border:0px #d4d7da solid; float:left; background-color:#3F3F41; height:23px;
	font-size:1em;}
	
	.main_top_search_details form input.go {margin:0px 0px 0px 0px; padding:0px;  border: none; }




.main_header_bg {background:url('../images/header_img_finta2.jpg') no-repeat; 
height:301px;
}
.main_header_bg_poistettu {background:url('') no-repeat; 
	height:301px;
	}

.main_header_right_panel {float:right;width:504px;}
.main_header_right_panel_muutettu {float:right;width:auto;}
.main_header_controller {margin:0px; padding:73px 0px 0px 0px;}
.main_header_controller_muutettu {margin:0px ; padding:39px 10px 0px 15px;}
.main_header_details {margin:0px; padding:0px 0px 0px 0px;text-align:left;}

.main_header_details h2{margin:0px; padding:0px;font-size:1.563em;font-weight:normal; color:#f1f1f3;}
.main_header_details h4 {margin:0px; padding:0px 0px 0px 0px;font-size:1em;color:#e9c938; font-weight:normal}

.main_top_feature_controller {margin:0px; padding:53px 0px 0px 0px;}
.main_top_feature_section_controller {margin:0px 0px 0px 0px; padding:0px 0px 0px 20px;}
.main_top_feature_section_left {float:left; width:;}
.main_top_feature_section_left_details {margin:0px; padding:0px 0px 0px 0px; width:;}
.p_feature_section_left_details span.heading {margin:0px; padding:0px 0px 16px 50px; background:url(../images/) no-repeat left}main_top_feature_section_left_details h3{margin:0px; padding:0px; font-size:1.250em; font-weight:normal; color:#d6f0ff;}
.main_to
.main_top_feature_section_left_details p.click {margin:0px; padding:4px 0px 0px 50px; font-size:0.875em; font-weight:bold; color:#000; display:block; }

  
  .main_top_box_controller {margin:0px auto;width:100%; padding:5px 0px 25px 0px; background-color:#EFF3F5 }
  .main_top_box_details {margin:0px; padding:0px 10px 0px 10px}
 .main_top_box_details h3{margin:0px; padding:0px; font-size:1.250em; font-weight:normal; color:#202020;}
.main_top_box_details span.heading1 {margin:0px; padding:0px 0px 60px 45px;background:url(../images/img4.gif) no-repeat left;}
.main_top_box_details h4 {margin:0px; padding:0px 0px 0px 45px; font-weight:bold; color:#71843a; font-size:1em;}

   
.main_mid_left_box {float:left; width:300px;}
.main_mid_left_box_controller {margin:0px; padding:0px 0px 50px 0px; background:url(../images/dash.gif) repeat-y right;  }
.main_mid_left_box_details {margin:0px auto; padding:0px; width:270px;  background:url(../images/bottom_dash.gif) repeat-x  bottom;}


.main_mid_box {float:left; width:300px;}
.main_mid_box_inner {
	float:left;
	width:570px;
	padding-right:0px;
	padding-left: 30px;
}
.main_mid_box_inner_muutettu {
	float:left;
	width:100%;
	padding:30px 0px 45px 0px;
	
}



.main_mid_box_controller {margin:0px; padding:0px 0px 0px 0px; background:url(../images/dash.gif) repeat-y right; }
.main_mid_box_controller_muutettu {margin:0px; padding:0px 0px 0px 0px; background:url() repeat-y right; }
.main_mid_box_details {margin:0px auto; width:270px; background:url(../images/bottom_dash.gif) repeat-x  bottom;}


.main_mid_right_box {float:left; width:300px;}
.main_mid_right_box_controller {margin:0px; padding:0px 0px 0px 0px;  }
.main_mid_right_box_details {margin:0px auto; padding:0px;width:270px; background:url(../images/bottom_dash.gif) repeat-x  bottom; }


 .servicecolumn1  {
    width:48%; float:left; margin:0px 0px 10px 0px;text-align:left  }  
 .servicecolumn2  {
    width:48%; float:right;	margin:0px 0px 10px 0px;text-align:left  }
  .servicecolumn1yhteys  {
    width:35%; float:left; margin:0px 0px 10px 0px;text-align:left  }  
 .servicecolumn2yhteys  {
    width:61%; float:right;	margin:0px 0px 0px 0px;text-align:left  }
    
  .servicecolumn_text{width:222px;float:right}   
     
 .project-img {
    float:right; margin-left:20px;margin-right:0px;margin-bottom:10px;border: 4px solid #666} 
 .matti-img{border: 4px solid #666;float:right}
 .matti-img_lumik{border: 4px solid #666;margin: 0px 0px 0px 10px;float:right}
 
 .lumikki{margin: 0px 0px 0px -33px;}

 .ourprojectrow{margin-bottom:20px;margin:0px auto;width:90%; 
	border-bottom:1px dotted #666;padding-bottom:10px;padding-top:7px;text-align:left;}
 
 .cv-date{margin: 28px 10px 10px 10px;text-align:right;}
 
 
 h1 {
	color:#000000;
	font-size:1.563em;
	font-weight:normal;
	padding:0px;
	line-height: normal;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px
}

fieldset legend {font-size: 1em;color: #5B6368;background:white}

.lumik,
.lumik th,
.lumik td

 {
	border: 1px solid black;
	border-collapse: collapse;
	padding: 2px 20px ;
	
  }		
.lumik tr:nth-child(even) {
	background-color: #EFF3F5;
  }



.leima {
	float:right;
	padding-bottom:20px
}

.blog-posted-row{padding:3px;font-size:0.813em;font-weight:bold}
   
}




#container {margin:0px auto; width:100%;}

.clear {clear:both;}


.stylephone {
	border-width: 0px;
	vertical-align:bottom
}

.main_center {margin:0px auto; width:100%; display:table;max-width:900px}




/**********************************************/
#main_panel {clear:both;}
#main_top_panel {clear:both; }



#main_logo_panel {clear:both; text-align:center;}
.logo {margin:0px 0px 0px 0px; padding:0px;}

.logo p{margin:0px; padding:0px; font-size:1.250em; color:#71843a; font-weight:bold;border: 1px solid rgb(5, 5, 5);padding: 3px;}

#main_navigation_panel {clear:both;}
.main_navigation_controller {margin:0px; padding:15px 0px 7px 0px;}
.main_navigation_details {margin:0px; padding:0px;}
.main_navigation_details ul { margin:0px; padding:0px;}
.main_navigation_details ul li{ margin:0px; padding:0px 0px 1px 0px; list-style:none; line-height:1.750em; background:url(../images/nav_dash.gif) repeat-x bottom; font-size:1.250em; text-align:left;  }
.main_navigation_details ul li a{margin:0px; padding:0px 0px 0px 20px; display: block; text-decoration:none; color:#202020; }
.main_navigation_details ul li a span { display:block; margin:0px; padding:0px 0px 0px 15px; background:url(../images/nav_arrow.gif) no-repeat 0px 50%;}
.main_navigation_details ul li a:hover {margin:0px; padding:0px 0px 0px 40px; display: block; text-decoration:none; color:#757b7f;background-color:#eef2f5; }
.main_navigation_details ul li a.list {margin:0px; padding:0px 0px 0px 50px; display: block; text-decoration:none; color:#757b7f;background-color:#eef2f5; }


.main_top_right_controller {margin:0px; padding:0px 0px 0px 0px;}






#main_header_panel {clear:both;}




#main_top_feature_panel {clear:both;}

.main_top_feature_details {margin:0px; padding:0px;}
.main_top_feature_section {clear:both;}




.main_top_feature_section_left_details p.click a{text-decoration:none; color:#000;}
.main_top_feature_section_left_details p.click a:hover {text-decoration:underline;}

.main_top_feature_section_mid {float:left; width:auto;}
.main_top_feature_section_mid_details {margin:0px; padding:0px; width:auto;}
.main_top_feature_section_mid_details h3{margin:0px; padding:0px; font-size:1.250em; font-weight:normal; color:#d6f0ff;}
.main_top_feature_section_mid_details span.heading2 {margin:0px; padding:0px 0px 0px 0px;background:url(../images/) no-repeat left}
.main_top_feature_section_mid_details p.click {margin:0px; padding:0px 0px 0px 50px; font-size:0.813em; font-weight:bold; color:#000; display:block; }
.main_top_feature_section_mid_details p.click a{text-decoration:none; color:#000;}
.main_top_feature_section_mid_details p.click a:hover {text-decoration:underline;}


.main_top_feature_section_right {float:right;width:auto}
.main_top_feature_section_right_details {margin:0px; padding:0px; }
.main_top_feature_section_right_details h3{margin:0px; padding:0px; font-size:1.250em; font-weight:normal; color:#d6f0ff;}
.main_top_feature_section_right_details span.heading3 {margin:0px; padding:0px 0px 0px 0px;background:url(../images/) no-repeat left}
.main_top_feature_section_right_details p.click {margin:0px; padding:0px 0px 0px 40px; font-size:0.813em; font-weight:bold; color:#000; display:block;}
.main_top_feature_section_right_details p.click a{text-decoration:none; color:#000;}
.main_top_feature_section_right_details p.click a:hover {text-decoration:underline;}
/**************************/
	

/******************************/
#main_top_box_panel {clear:both}




.main_top_box_details p{margin:0px; padding:10px 0px 0px 0px; line-height:1.250em; color:#5b6368; font-size:1em;} 


/********************************************************/


#main_mid_sec_panel{clear:both;}
.main_mid_sec_controller {margin:0px ; padding:0px 0px 0px 0px;}

.main_mid_sec_inner_controller {margin:0px; padding:0px 0px 45px 0px;}




.main_mid_left_box_details h3{margin:0px; padding:0px; font-size:1.563em; font-weight:normal; color:#000;}
.main_mid_left_box_details span.heading3 {margin:0px; padding:0px 0px 40px 65px; background:url(../images/img5.gif) no-repeat left;}
.main_mid_left_box_details p.green {margin:0px; padding:5px 0px 0px 65px; font-size:1em;  color:#71843a; display:block; font-weight:bold; }

.main_mid_left_box_details h5{margin:0px; padding:30px 0px 0px 0px; font-size:1em; font-weight: bold; color:#164d64;}
.main_mid_left_box_details span.bullet {margin:0px; padding:0px 0px 0px 30px; background:url(../images/bullet.gif)  no-repeat left;}
.main_mid_left_box_details p{margin:0px; padding:10px 0px 0px 0px; line-height:1.250em; color:#5b6368; font-size:1em;}
.main_mid_left_box_details p.read {margin:0px; padding:5px 0px 1px 0px; text-align:right; color:#741f05; font-size:0.813em;line-height:1.250em; font-weight:bold;}
.main_mid_left_box_details p.read a {text-decoration:none; color:#741f05;}
.main_mid_left_box_details p.read a:hover {text-decoration:underline;}

/************************************/






.main_mid_box_details h3{margin:0px; padding:0px 0px 0px; font-size:1.563em; font-weight:normal; color:#000; }
.main_mid_box_details span.heading4 {margin:0px; padding:0px 0px 30px 70px; background:url(../images/img.gif) no-repeat left;  }
.main_mid_box_details p.green {margin:0px; padding:5px 0px 0px 70px; font-size:1em;  color:#71843a; display:block; font-weight:bold; }
.main_mid_box_details h4{margin:0px; padding:25px 0px 0px 0px; font-size:1em; font-weight: bold; color:#164d64;}
.main_mid_box_details p {margin:0px; padding:5px 0px 0px 0px; line-height:1.250em; color:#5b6368; font-size:1em;  }



.main_mid_box_controller_nobottomdash {margin:0px; padding:0px 0px 0px 0px; background:url(../images/dash.gif) repeat-y right; }
.main_mid_box_details_nobottomdash h3{margin:0px; padding:0px 0px 0px; font-size:1.563em; font-weight:normal; color:#000; }
.main_mid_box_details_nobottomdash span.heading4 {margin:0px; padding:0px 0px 25px 70px; background:url(../images/img.gif) no-repeat left;  }
.main_mid_box_details_nobottomdash p.green {margin:0px; padding:5px 0px 0px 70px; font-size:1em;  color:#71843a; display:block; font-weight:bold; }
.main_mid_box_details_nobottomdash h4{margin:0px; padding:25px 0px 0px 0px; font-size:1em; font-weight: bold; color:#164d64;}
.main_mid_box_details_nobottomdash p { margin:0px; padding:5px 0px 0px 0px; line-height:1.250em; color:#5b6368; font-size:1em;  }



.main_mid_box_img {float:left; margin:30px 0px 0px 0px; padding:0px; width:80px}
.main_mid_box_details p.read {margin:0px; padding:5px 0px 1px 0px;line-height:1.250em; text-align:right; color:#741f05; font-size:0.813em;line-height:1.250em; font-weight:bold;}
.main_mid_box_details p.read a {text-decoration:none; color:#741f05;}
.main_mid_box_details p.read a:hover {text-decoration:underline;}


/**********/



.main_mid_right_box_details h3{margin:0px; padding:0px; font-size:1.563em; font-weight:normal; color:#000;}
.main_mid_right_box_details span.heading5 {margin:0px; padding:0px 0px 30px 65px; background:url(../images/img7.gif) no-repeat left; }
.main_mid_right_box_details p.green {margin:0px; padding:5px 0px 0px 65px; font-size:1em;  color:#71843a; display:block; font-weight:bold; }
.main_mid_right_box_details ul {margin:0px; padding:30px 0px 0px 0px;}
.main_mid_right_box_details ul li {margin:0px; padding:0px; list-style:none; line-height:30px; font-size:1em;  }
.main_mid_right_box_details ul li span {background:url(../images/bullet.gif) no-repeat 0 8px; color:#5b6368; display:block; margin:0px; padding:0px 0px 0px 20px;}
.main_mid_right_box_details p.read {margin:0px; padding:5px 0px 1px 0px;line-height:1.250em; text-align:right; color:#741f05; font-size:0.813em; font-weight:bold;}


.main_mid_right_box_details p.read a {text-decoration:none; color:#741f05;}
.main_mid_right_box_details p.read a:hover {text-decoration:underline;}
/**********************/

#main_footer_panel {clear:both}
.main_footer_controller {margin:0px;padding:0px ;background:url(../images/bottom_bg.gif) repeat-x; background-color:#262627;}
.main_footer_details {margin:0px; padding:25px 15px 35px 15px}
.main_footer_details h4 {margin:0px; padding:5px 0px 0px 0px;font-size:0.813em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color:#fff;float:right }
.main_footer_details p {margin:0px; padding:0px;color:#fff;font-size:0.813em;line-height:1.750em;text-align:left;}
.main_footer_details p a {color:#fff; text-decoration:none; margin:0px; padding:0px 0px 0px 0px; }
.main_footer_details p a:hover {text-decoration:underline;}
.footer_space {padding:0px 5px 0px 5px 0px }
.main_footer_details ul {margin:0px; padding:0px;color:#fff;font-size:0.813em;line-height:1.750em;text-align:left;}
.main_footer_details ul a {color:#fff; text-decoration:none; margin:0px; padding:0px 0px 0px 0px; }
.main_footer_details ul a:hover {text-decoration:underline;}
.main_footer_details ul li ul {margin:0px; padding:0px;color:#fff;font-size:1em;line-height:1.750em;text-align:left;}   
.main_footer_details ul li ul a {color:#fff; text-decoration:none; margin:0px; padding:0px 0px 0px 0px; }
.main_footer_details ul li ul a:hover {text-decoration:underline;}

/* inner pages css start */
.aboutus-img{float:right; border:4px solid #fff;	margin:0 0px 10px 20px;}
h5{font-size:1em;font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px dotted #666;	margin:0px 0px 10px 0px;}
h6{font-size:1em; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button{color:#000; background:#ffc850; font:bold 0.688em Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px;margin:0px 0px 10px 0px;float:right;border:1px solid #5b7a92;}
input.button:hover{cursor:pointer; color:#fff; background:#663300; border:1px solid #ffc850;}

.whiteheading{font:1.875em Myriad Pro, Arial; color:#CBD76B; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}

.servicecolumnzone{padding:20px 0px 16px 0px;}



fieldset p label {float: left;width: auto;}
fieldset {display: block;border: none;border-top: 1px #666 dotted;border-bottom: ;padding:0px 1%;margin:0px 3%;margin-bottom: }


	
input[type=text], textarea {

	margin: 0;
	padding: 3px 3px;
	width:100% ;
	font-size:1em;

	
	}
	
	fieldset > div, input[type=text], textarea {
	

	
	}


	
.google-maps {
    position: relative;
    padding-bottom:100% ; 
    height: 0;
    overflow: hidden;
    z-index:1
    
    
    }
    
.google-maps iframe {
    position:absolute ;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
      
     
      
}



/* inner pages css ends */


