@import url("editor.css");
@import url("services.css");

html, body{
		height: 100%;
}
body {
	position: relative; /* fix ie7 zoom bug */
	background-color: #112954;
}

#lang_eng{
	position: absolute;
	left: 0;
	top:250px;
	width: 41px;
	height: 137px;
	background: transparent url(../gfx/eng.gif) no-repeat;
}
#lang_fin{
	position: absolute;
	left: 0;
	top:250px;
	width: 41px;
	height: 137px;
	background: transparent url(../gfx/fin.gif) no-repeat;
}
/* ie6 back */

* html #body_backround{
	display: none;
}
* html body{
	background: #112954 url(../gfx/back_image_ie6.jpg) top center no-repeat;	
}
/* 3d backround */



#body_backround{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 800px;
	overflow: hidden;
}
	.back_space{
		position: absolute;
		top: 0;
		left: 0;
		width: 300%;
		height: 100%;		
	}
		#back_move{
			height: 200px;
			margin: 0 auto;
		}
			#back_image{
				width: 1900px;
				height: 945px;
				margin: 0 auto;
				background: transparent url(../gfx/back_image.jpg) center repeat-x;
			}
			
		#land{
			width: 1900px;
			height: 945px;
			margin: 0 auto;
			position: relative;
			background: transparent url(../gfx/land.png) no-repeat left bottom;
		} * html #land{
			background: transparent url(../gfx/land.gif) no-repeat left bottom;			
		}
	#navigation_back{
		background: transparent url(../gfx/horizontal_navigation.gif) no-repeat center top;
		height: 48px;
		width: 100%;
		position: relative;
	}	
/* WRAPPER */
#wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

/* HEADER */
#header {
	height: 90px;
	position: relative;
}
  #logo{
    position:absolute;
    top: 69px;
    left: 0;
	 height: 92px;
	 width: 344px;
	 background: transparent url(../gfx/logo.png);
  }* html  #logo{background: transparent url(../gfx/logo.gif);}
	
	/* HORIZONTAL MENU*/
	#horizontal_navigation{
		position: absolute;
		top: 0;
		left: 0;
		background: transparent url(../gfx/horizontal_navigation_back.gif) repeat-x;
		height: 48px;
		width: 98%; 
		z-index: 100;
	}
	#horizontal_navigation ul{
		margin: 0;
		padding-left: 1px;
		background: transparent url(../gfx/horizontal_navigation_bar.gif) left top no-repeat;
		float: left;
	}
	#horizontal_navigation ul li{
		position: relative;
		list-style: none;
		float: left;
		margin: 0;
		padding: 0;
	}
	#horizontal_navigation ul li a{
		text-decoration: none;
		color: #666666;
		font-weight: bold;
		font-size: 14px;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		padding: 16px 20px;
		background: transparent url(../gfx/horizontal_navigation_bar.gif) right no-repeat;
	}
	#horizontal_navigation ul li a:hover{
		background: transparent url(../gfx/horizontal_navigation_active.gif) repeat-x;		
	}
	#horizontal_navigation ul li.active{	
		background: transparent url(../gfx/horizontal_navigation_active.gif) repeat-x;
	}
	#horizontal_navigation ul li:hover ul, #horizontal_navigation ul li.over ul{
		display: block;
	}	
	/* Level 2 */
	#horizontal_navigation ul ul{
		position: absolute;
		left: 0;
		top: 48px;
		background-color: transparent;
		width: 850px;
		background-image: none;
		display: none;
		padding: 0!important;
	}
	#horizontal_navigation ul ul li{
		display: block;
		border-bottom: solid 1px #cccccc;
		min-width: 150px;		
		background-color: white;
		float: left;
	}
	#horizontal_navigation ul ul li a{
		background-image: none;
		padding: 10px 15px;
	}
	#horizontal_navigation ul ul li a:hover{}
	#horizontal_navigation ul ul li.active{}
/* MAIN */
#main {
	position: relative;
	zoom: 1;
	min-height: 620px;
}
/************************************************ INNERTEMPLATERS ************************************************/
#content_bottom{
	height: 61px;
	width: 100%;
	background: url(../gfx/content_bottom.png) no-repeat;	
}* html #content_bottom {background: url(../gfx/content_bottom.gif) no-repeat;}
/*                                                  default.tpl                                                  */
/* SIDEBAR */
#sidebar {
	float: left;
	margin-top: 101px;
	width: 306px;
	height: 630px;	
	background: transparent url(../gfx/pose.png) no-repeat;
} * html #sidebar {background: transparent url(../gfx/pose.jpg) no-repeat; background-position: 10px -3px;}
	
/* CONTENT */
#content {
	position: relative;
	float: left;
 	padding: 0 0 0 20px;
	width: 620px;
	margin-top: 100px;
	z-index: 99;
}
	#route{
		background-color: white;
	 	border-bottom: solid 1px #cccccc;
		padding: 15px 0;
		margin-bottom: 30px;
		text-align: right;
	}
	#content_data{
		background-color: white;		
		min-height: 50px;
	 	overflow: hidden;		
		padding:0 30px 30px 30px;
	}
/*                                                 home.tpl                                                    */	
#home {
	position: relative;
	float: left;
 	padding: 0 0 0 20px;
	width: 620px;
	z-index: 99;
   margin-top: 0;	
	overflow: hidden;
}

	#show_images{
		height: 212px;
		position: relative;
		width: 620px;
		margin-bottom: 40px;
		margin-left: 50px;
		z-index: 99;
	}
		.slide{
			position: absolute;
			background-color: silver;
			width: 200px;
			height: 180px;
			border: solid 1px;
			overflow: hidden;
		}.slide .htmldata_controls {position: absolute;left: 5px;top: 5px;}
			.show_text, .show_text_back{
				display: none;
			}
			.top .show_text_back{
				display: block;
				background: transparent url(../gfx/show_text_back.png);
				position: absolute;
				left: 0;
				bottom: 0;
				width: 310px;
				padding: 10px;
				color: white;
				font-size: 11px;				
			}
			
			.top .show_text{
				display: block;			
				position: absolute;
				left: 0;
				bottom: 0;
				width: 310px;
				padding: 10px;
				color: white;
				font-size: 11px;
			}.top .show_text .htmldata_controls {position: absolute;left: 5px;top: 5px;}
			.top .show_text_back h1,.top .show_text_back h2, .top .show_text_back h3, .top .show_text_back a,
			.top .show_text h1,.top .show_text h2, .top .show_text h3, .top .show_text a{
				color: white;
				margin: 0;
				font-size: 14px;
			}
	#left_toggle{
		position: absolute;
		top:50px;
		left: 100px;
		width: 36px;
		height: 109px;
		background-color: gray;
		z-index: 99;
		background: transparent url(../gfx/left.png) no-repeat;
	}* html #left_toggle{background: transparent url(../gfx/left.gif) no-repeat;}
	#right_toggle{
		position: absolute;
		top:50px;
		right: 75px;
		width: 36px;
		height: 109px;
		background-color: gray;
		z-index: 99;	
		background: transparent url(../gfx/right.png) no-repeat;	
	}* html #right_toggle{background: transparent url(../gfx/right.gif) no-repeat;}

	#home_titles{
		background: url("../gfx/home_title.png") no-repeat;
		display: block;
	   height: 37px;
	   overflow: hidden;
	   width: 100%;
	}* html #home_titles {background: transparent url(../gfx/home_title.jpg) no-repeat;}
	/* eng */
	#home_titles_eng{
		background: url("../gfx/home_title_eng.png") no-repeat;
		display: block;
	   height: 37px;
	   overflow: hidden;
	   width: 100%;	
	}* html #home_titles_eng {background: transparent url(../gfx/home_title_eng.jpg) no-repeat;}
	
	#home_data{
		position: relative;
		background-color: white;		
		min-height: 50px;
	 	overflow: hidden;		
		zoom: 1;
	}
		#home_left, #home_right{
			float: left;			
			padding: 30px;
			width: 249px;
			overflow: hidden;
			font-size: 14px;
		}


.ext{
	clear: both;
}	
/************************************************** FOOTER *****************************************************/
#footer {
	position: relative;
	height: 130px;
	font-size: 11px;
	clear: both;
	background: transparent url(../gfx/footer.jpg) no-repeat left top;
	color: #666666;
	overflow: hidden;
}
	#footer a{
		color: #666666;
	}
	#footer_box1{
	   margin: 26px 0 0 64px;
		width: 850px;
		overflow: hidden;
	}#footer_box1 .htmldata_controls {position: absolute;left: 5px;top: 5px;}
	/*#footer_box2{
		width: 160px;		
		background: transparent url(../gfx/footer_line.gif) no-repeat right;
	}#footer_box2 .htmldata_controls {position: absolute;left: 5px;top: 5px;}
	#footer_box3{
		width: 240px;		
	}#footer_box3 .htmldata_controls {position: absolute;left: 5px;top: 5px;}*/
/* EMEDIA SIGNATURE */
#signature {
	margin-top: 2px;
	position: absolute;
	right: 15px;
	bottom: 0px;
}
	#signature, #signature a {
		color: #cccccc;
		font-family: Verdana, Arial;
		font-size: 9px;
		line-height: 16px;
		text-align: right;
	}
	#signature a {
		text-decoration: none;
		font-weight: bold;
	}
.ext{
	clear: both;
}