html, body {
 font-family: "verdana";
 font-color: #FEFFFF;
 background-image: url("graphics/bg-01.jpg"); 
/*  background-color: #232426; */ 
}

/* rakenne */


/* kaytettava alue */
.encap { 
 position: relative; 
 margin: auto auto auto auto; 
/*  border: 1px dashed #FF0000; */
/*  border: 1px solid #DA251E; */
 border: 0px solid #DA251E;  
 width: 800px; 
 height: 100%;
/*  background-color: #232426; */
/* background-image: url("graphics/pohja01c.jpg"); */
}

 /* ylalaatikko */
  .banner {
 	 position: relative; 
 	 margin: 0px 0px 0px 0px; 
 	 border: 0px dashed;
 	 top: 0px;
 	 left: 0px; 
 	 width: 100%; 
 	 height: 80px;
   background-image: url("graphics/header.jpg"); 
	}


	/* ActionBox */
  .actionbox {
 	 position: relative; 
 	 margin: 0px 0px 0px 0px; 
 	 border: 0px dashed;
 	 top: 0px;
 	 left: 0px; 
 	 width: 100%; 
 	 height: 35px;
         background-image: url("graphics/actionbar.jpg"); 
/*	 background-color: #000000;	  */
	}

	 		/* ActionBox - Button*/
  		.action_button {
 	 		 position: relative; 
 	 		 margin: 0px 0px 0px 0px; 
 	 		 border: 0px dashed #ffffff;
 	 		 top: 0px;
 	 		 left: 14px; 
 	 		 width: 90px; 
 	 		 height: 35px;
			 text-align: center;
			 float: left;
/*		 background-color: #232426; */	
			}

			

					
	
	/* Mainbox */
	 .mainbox {
 	 position: relative; 
 	 margin: 0px 0px 0px 0px; 
 	 border: 0px dashed #FF0000;
 	 top: 0px;
 	 left: 0px; 
 	 width: 100%; 
 	 height: auto;
	 padding: 0px 0px 0px 0px;	 
 	 background-image: url("graphics/bckg5.jpg"); 
	}

			
		 		/* LeftBox --- This is so essential! */
  		.leftbox {
 	 		 position: relative; 
 	 		 margin: 0px 0px 0px 0px;
	 		 padding: 0px 0px 0px 0px;			  
 	 		 border: 0px dashed #FF00FF;
 	 		 top: 0px;
 	 		 left: 0px; 
 	 		 width: 602px; 
 	 		 height: auto;
			 min-height: 400px;
/*     	 background-image: url("graphics/bckg.jpg"); */		  
			}			

		 		/* SideBox - Right box*/
  		.sidebox_u {
 	 		 position: absolute; 
 	 		 margin: 0px 0px 0px 15px;
	 		 padding: 0px 0px 0px 0px;			  
 	 		 border: 0px dashed #FF00FF;
 	 		 top: 10px;
 	 		 left: 615px; 
 	 		 width: 150px; 
 	 		 height: 200px;
			}			

		 		/* SideBox - Right box*/
  		.sidebox_l {
 	 		 position: absolute; 
 	 		 margin: 0px 0px 0px 0px;
	 		 padding: 0px 0px 0px 0px;			  
 	 		 border: 0px dashed #FF00FF;
 	 		 top: 250px;
 	 		 left: 610px; 
 	 		 width: 184px; 
 	 		 height: 300px;
			}
			
	 		/* Min-Height - To make sure that main box is at least ...*/
  		.mainbox_minheight {
 	 		 position: relative; 
 	 		 margin: 0px 0px 0px 0px; 
			 border: 0px solid #BFBFBF;
 	 		 top: 0px;
 	 		 left: 10px;			  
 	 		 width: 1px; 
 	 		 height: auto;
		 	 float: left;
			}

		 		/* MainBox - Focus*/
  		.mainbox_focus {
 	 		 position: relative; 
 	 		 margin: 0px 0px 0px 0px; 
 	 		 border: 0px dashed;
 	 		 top: 65px;
 	 		 left: 93px; 
 	 		 width: 420px; 
 	 		 height: 100%;
			 min-height: 400px;
	 		 padding: 0px 0px 0px 0px;
/*		 float: left; */		 		 				  
			}
			
		 		/* SideBox - Horizontal line*/
  		.sdb_line {
 	 		 position: relative;			
 	 		 top: 0px;
 	 		 left: 0px; 
			}

		 		/* Sidebox - Focus*/
  		.sidebox_focus {
 	 		 position: absolute; 
 	 		 margin: 0px 0px 0px 0px;
 	 		 border: 0px dashed;
 	 		 top: 200px;
 	 		 left: 8px; 
 	 		 width: 180px; 
 	 		 height: 100%;
			 min-height: 200px;
	 		 padding: 0px 0px 0px 0px;			 				  
			}
			
			
			
		 		/* MainBox - Vertical ruler - not being called*/
  		.mainbox_vruler {
 	 		 position: relative; 
 	 		 margin: 0px 0px 0px 0px; 
 	 		 border: 0px dashed;
 	 		 top: 0px;
			 left: 60px; 
 	 		 width: 2px; 
 	 		 height: 100%;
/*			 background-color: #ACADAF; */				  
			}





	
			/* All Text styles used in Mainbox */

			 		/* MainBox - Header*/
	  		.txt_h1 {
 	 			position: relative; 
 	 			margin: 15px 0px 10px 0px; 
 	 		 	border: 0px dashed;
 	 		 	top: 0px;
 	 		 	left: 0px; 
 	 		 	width: 100%; 
 	 		 	height: auto;				  
  				text-align:  left;
  				font-family: "verdana";	
				font-size: 14px;
				color: #FEFFFF;
				font-weight: 600;
				}



			 		/* MainBox - Header*/
	  		.txt_h2 {
 	 			position: relative; 
 	 			margin: 0px 0px 0px 0px; 
 	 		 	border: 0px dashed;
 	 		 	top: 0px;
 	 		 	left: 0px; 
 	 		 	width: 100%; 
 	 		 	height: auto;				  
  				text-align:  left;
  				font-family: "verdana";	
				font-size: 12px;
				color: #FEFFFF;
				font-weight: 600;
				}



			 		/* MainBox - Text - Normal*/
	  		.txt_a {
 	 			position: relative; 
 	 			margin: 0px 0px 10px 0px; 
 	 		 	border: 0px dashed;
 	 		 	top: 0px;
 	 		 	left: 0px; 
 	 		 	width: 100%; 
 	 		 	height: auto;				  
  				text-align: justify; 
  				font-family: "verdana";	
				font-size: 11px;
				color: #FEFFFF;
				font-weight: 400;
				padding: 0px 0px 0px 0px;	
				}

	  			a.txt_a {
 	 				position: relative; 
 	 				margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;					 
 	 		 		border: 0px dashed;			  
 					text-align: left; 
 					font-family: "verdana";	
					font-size: 11px;
					color: #FEFFFF;
					font-weight: 400;
					text-decoration: none;
					}

						 a.txt_a:link {color: #636A70}
  						 a.txt_a:visited {color: #636A70}
  						 a.txt_a:hover {color: #feffff}
  						 a.txt_a:active {color: #636A70}
				

			 		/* MainBox - Text - Normal - Without margins*/
	  		.txt_a2 {
 	 			position: relative; 
 	 			margin: 0px 0px 0px 0px; 
 	 		 	border: 0px dashed;
 	 		 	top: 0px;
 	 		 	left: 0px; 
 	 		 	width: 100%; 
 	 		 	height: auto;				  
  				text-align: justify; 
  				font-family: "verdana";	
				font-size: 11px;
				color: #FEFFFF;
				font-weight: 400;
				padding: 0px 0px 0px 0px;	
				}


			 		/* MainBox - Text - Bold - Bottom Margin*/
	  		.txt_b {
 	 			position: relative; 
 	 			margin: 0px 0px 10px 0px; 
 	 		 	border: 0px dashed;
 	 		 	top: 0px;
 	 		 	left: 0px; 
 	 		 	width: 100%; 
 	 		 	height: auto;				  
  				text-align: justify; 
  				font-family: "verdana";	
				font-size: 11px;
				color: #FEFFFF;
				font-weight: 600;
				padding: 0px 0px 0px 0px;
				}


			 		/* MainBox - Text - Bold - LEFT*/
	  		.txt_b2 {
 	 			position: relative; 
 	 			margin: 0px 0px 10px 0px; 
 	 		 	border: 0px dashed;
 	 		 	top: 0px;
 	 		 	left: 0px; 
 	 		 	width: 100%; 
 	 		 	height: auto;				  
  				text-align: left; 
  				font-family: "verdana";	
				font-size: 11px;
				color: #FEFFFF;
				font-weight: 600;
				padding: 0px 0px 0px 0px;	
				vertical-align: top;				
				}				


			 		/* MainBox - Text - Bold - Like txt_b - Top margin*/
	  		.txt_c {
 	 			position: relative; 
 	 			margin: 10px 0px 0px 0px; 
 	 		 	border: 0px dashed;
 	 		 	top: 0px;
 	 		 	left: 0px; 
 	 		 	width: 100%; 
 	 		 	height: auto;				  

  				text-align: justify; 
  				font-family: "verdana";	
				font-size: 11px;
				color: #333333;
				font-weight: 600;
				padding: 0px 0px 0px 0px;	
				}

			 		/* MainBox - Sidebar - Text - Bold*/
	  		.txt_d {
 	 			position: relative; 
 	 			margin: 5px 0px 0px 10px; 
 	 		 	border: 0px dashed;
 	 		 	top: 0px;
 	 		 	left: 0px; 
  				text-align: left; 
  				font-family: "verdana";	
				font-size: 11px;
				color: #333333;
				font-weight: 600;
				padding: 0px 0px 0px 0px;	
				}
						 a.txt_d:link {color: #333333}
  						 a.txt_d:visited {color: #333333}
  						 a.txt_d:hover {color: #ffffff}
  						 a.txt_D:active {color: #333333}

			 		/* MainBox - Sidebar - Text*/
	  		.txt_e {
 	 			position: relative; 
 	 			margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;				 
 	 		 	border: 0px dashed;			  
 				text-align: left; 
 				font-family: "verdana";	
				font-size: 10px;
				color: #333333;
				font-weight: 600;	
/* 	 		 	top: 0px;
 	 		 	left: 0px; 
 	 		 	width: 100%; 
 	 		 	height: auto; */					
				}

	  			a.txt_e {
 	 				position: relative; 
 	 				margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;					 
 	 		 		border: 0px dashed;			  
 					text-align: left; 
 					font-family: "verdana";	
					font-size: 10px;
					color: #333333;
					font-weight: 600;
					text-decoration: none;
					}

						 a.txt_e:link {color: #333333}
  						 a.txt_e:visited {color: #333333}
  						 a.txt_e:hover {color: #ffffff}
  						 a.txt_e:active {color: #333333}

	


	 			/* MainBox - Image*/
  				.mb_img {
 	 		 	 position: relative; 
 	 		 	 margin: 10px 0px 10px 0px; 
			 	 border: 1px solid #BFBFBF;
				 left: 0px;
 /*	 		 	 width: auto; 
 	 		 	 height: auto; */
				 top: 0px;
				}



	 			/* MainBox - Table Center*/
  				.table_c { 
 	 		 	 margin: 10px 0px 10px 0px;
 	 		 	 padding: 0px 0px 0px 0px;				  
			 	 border: 0px solid #BFBFBF;
				 left: 50px;
 	 		 	 width: 100%; 
 	 		 	 height: auto;
				 text-align: center;
				 top: 0px;
				}


	 			/* MainBox - Table Center*/
  				.table_d { 
 	 		 	 margin: 10px 0px 10px 0px;
 	 		 	 padding: 0px 0px 0px 0px;				  
			 	 border: 0px solid #BFBFBF;
				 left: 50px;
 	 		 	 width: 100%; 
 	 		 	 height: auto;
				 text-align: left;
				 top: 0px;
				 vertical-align: top;
				}





					
		/* CarbonFiber */
	.cfbox {
 	 position: relative; 
 	 margin: 150px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;	  
 	 border: 0px dashed #FF00FF;
 	 top: 0px;
 	 left: 0px; 
 	 width: 603px; 
 	 height: 91px;
   background-image: url("graphics/cfbox.jpg");
	 background-repeat: no-repeat;	 
	}

	
	
	/* Footerbox */
	.footerbox {
 	 position: relative; 
 	 margin: 0px 0px 0px 0px; 
 	 border: 0px dashed #FF00FF;
 	 top: 0px;
 	 left: 0px; 
 	 width: 100%; 
 	 height: 8px;
   background-image: url("graphics/footer6.jpg");
	 background-repeat: no-repeat;  
	}




/* Lista tyylit */

.list_s {			
	list-style-image: url("graphics/red-arrow02.gif");
	margin: 10px 0px 10px 0px;
	list-style-position: outside;
	border: 0px dashed;
	padding: 0px 0px 0px 0px;		  
  	text-align: left;
  	font-family: "verdana";	
	font-size: 11px;
	color: #333333;
	font-weight: 400;
}		

.list_m {			
	list-style-image: url("graphics/red-arrow01.gif");
	margin: 0px 0px 20px 20px;
	border: 0px dashed;
	padding: 0px 0px 0px 0px;
	list-style-position: outside;			  
  	text-align: left; 
  	font-family: "verdana";	
	font-size: 11px;
	color: #FEFFFF;
	font-weight: 400;
}
				 
				 

/* Teksti tyylit */

.action_link {
 font-family: "verdana";
 color: #ffffff;
 font-size: 11px;
 font-weight: 600;
 text-decoration: none;   
}





.txt_s1 {
  text-align:  left;
  font-family: "verdana";	
	font-size: 14px;
	color: #40443F;
	font-weight: 600;
}

.txt_s2 {
  text-align:  left;
  font-family: "verdana";	
	font-size: 10px;
	color: #40443F;
	font-weight: 400;
	padding: 0px 0px 0px 0px;	
}


.text_h1 {
  text-align:  left;
  font-family: "verdana";	
	font-size: 14px;
	color: #342d35;
	font-weight: 600;
}


.text_h2 {
  text-align:  left;
  font-family: "verdana";	
	font-size: 12px;
	color: #342d35;
	font-weight: 400;
}

.text_b1 {
  text-align:  left;
  font-family: "verdana";
	font-size: 12px;
	color: #342d35;
	font-weight: 400;
}




/* Linkki tyylit */





/* Kuva tyylit */

.imag {
  border: 0px solid;
  border-color: black;
  margin: 0px 0px 0px 0px;	
}

 			 					 	 								/* Kuva Linkki tyylit */