@import url("editor.css");
@import url("services.css");
html{
	background: transparent url(../gfx/body.gif);
}
body {
	background:transparent url("../gfx/shadow.png") repeat-y center;
}

/* WRAPPER */
#wrapper {
	width: 959px;
	background-color: white;
	margin: 0 auto;
	position: relative;   
}

/* HEADER */
#header {
	height: 104px;
   background: transparent url("../gfx/header_image.jpg") no-repeat;
	position: relative;
}
   #links{
		height:24px;
		line-height:24px;
		position:absolute;
		right:0;
		top:6px;
		width:241px;
   }
		 #links li{
			list-style: none;
			float: left;
		}
	   #links li a{
			width: 51px;
			height: 51px;
			display: block;
		}


/* NAVIGATION */
#navigation_space{
   height: 28px;
}
#navigation {
   background-color: #002c5e;
   margin: 0;
   height: 24px;
	border-top: solid 1px #ffea00;
	border-bottom: solid 3px #ffc100;
   position: absolute; top: 104px;
	z-index: 99;
	width: 959px;
	z-index: 100;
}
#navigation ul {
    padding: 0;
    margin: 0 0 0 10px;
}  
   #navigation ul ul {
      background-color: #002c5e;
      margin: -2px 0px 0px 0px;
      position:absolute;
      border: 1px solid #FFC100;
      visibility:hidden;
      width:180px;   
   }#navigation ul li.last ul {
      margin:-2px 0px 0px -47px;
   }
      #navigation ul ul ul{
         margin:-27px 0pt 0pt 178px;
         position:absolute;
         border: solid 1px #555555;
         visibility:hidden;
         width:160px;   
      }
      #navigation ul ul li.last ul{
         margin:-27px 0pt 0pt -160px;
      }
#navigation ul li {
    padding: 0;
    margin: 0;
    float: left;
	 display: inline;
    list-style: none;
}
   #navigation ul ul li {
      border-bottom: solid 1px white;
   }
   #navigation ul ul li.last {
      border-bottom: none;
   }
#navigation ul li a {
   padding: 0px 10px 0 10px;
	margin:0 9px;
   display: block;
   color:white;
   font-weight: bold;
   font-family: Arial,Helvetica,sans-serif;
   font-size:12px;
	line-height:24px;
   border-bottom: none;
	text-transform: uppercase;
	text-decoration: none;
}#navigation ul li.childrens {
	background: transparent url("../gfx/childrens.gif") no-repeat  center right;
}
   #navigation ul ul li.childrens {
	   background: transparent url("../gfx/childrens.gif") no-repeat!important right;
   }
   #navigation ul ul li a {
      background-image:none;
  	   text-transform: none;		
      height:100%;
      line-height:11px;
      padding:6px 0px 9px 7px;
		margin: 0;
		width: 173px;
   }
      #navigation ul ul ul li a {
         width:153px;
      }
#navigation ul li a.active {
	font-weight: bold;
	color: #333333;
   background: transparent url("../gfx/navi_active.gif") repeat-x;
}
   #navigation ul ul li a.active {
      font-weight: bold;
		color: #333333;
	   background: transparent url("../gfx/navi_active.gif") repeat-x;
		background-color: #ffc400!important;
   }
#navigation ul li a:hover {
	color: #333333;
   background: transparent url("../gfx/navi_active.gif") repeat-x;
}#navigation ul li a:hover.childrens {
	color: #333333;
   background: transparent url("../gfx/navi_active.gif") repeat-x;
}
   #navigation ul ul li a:hover {
      background-image:none;
      height:100%;
      padding:6px 0px 9px 7px;
      width:173px;
      color: White;
      background-color: #3c63a2;
   }
      #navigation ul ul ul li a:hover {
         width: 153px;
      }
   #navigation ul ul li a:hover.childrens {
      background: transparent url("../gfx/navi_ul_ul_hover_ar.gif") no-repeat!important;
   }
   #navigation ul li:hover > ul {
      visibility:visible;
   }
      #navigation ul ul li:hover > ul{
         visibility:visible;
      }
   /*ie6*/
   #navigation ul li.over ul {
      display: inline;
      visibility: visible;
      
   }
   #navigation ul li.over ul ul {
      display: none;
      visibility: hidden;
      width: 151px;
      overflow:hidden;
   }
      #navigation ul ul li.over ul {
         display: inline;
         visibility: visible;
      }
      #navigation ul li.over ul li.last ul{
         margin:-27px 0pt 0pt -150px;
      }
      #navigation ul ul li.over ul ul {
         display: none;
         visibility: hidden;
      }    
   /*ie6 end*/
/* KUVA LAATIKKO*/	
#image_boxs{
	height: 126px;
	background: transparent url("../gfx/default_img.jpg") no-repeat;
	border-bottom: solid 4px #002a5c;
	position: relative;
        overflow:hidden;
}
	#image_boxs .htmldata_controls{
		position: absolute; bottom: 0; right: 0;
	}
	#image_boxs .htmldata_controls hr{
		display: none;
	}
/* MAIN */
#main {
	/*overflow: hidden;*/
	zoom: 1;
}

/* CONTENT */
#content {
   padding:0px;
	overflow:hidden;	
	position: relative;
}
	.default{
		margin:  15px;
	}
   .c_right{
      padding-left: 15px;
   }
/*                                              etusivu.tpl                                 */	
.row{
	position: relative;
	overflow: hidden;
	height: 270px;
	width: 959px;
}	
	#frontpage_images{
		position: absolute;
		left: 0;
		top: 0;	
		width: 640px;
		height: 270px;
		overflow: hidden;
		background-color: #002c5e;
		z-index: 90;
	}
	.slide{
		width: 640px;
		height: 270px;
		overflow: hidden;
	}.slide .htmldata_controls {position: absolute;right: 15px;bottom: 15px;}
	#nav{
		background: transparent url(../gfx/selector.png) no-repeat;
		bottom:0;
		height:21px;
		left:238px;
		padding:9px 0 0 42px;
		position:absolute;
		width:108px;
		z-index:99;
	}
		#nav a{
			display: block;
			width: 15px;
			height: 15px;
			margin-right: 3px;
			background: transparent url(../gfx/nav_a.gif) no-repeat;
			text-indent: -9000px;
			float: left;
		}
		#nav a.activeSlide{
			background: transparent url(../gfx/nav_a_activeSlide.gif) no-repeat;
		}
	#welcome_text{	
		position: absolute;
		right: 0;
		top: 0;
		width: 289px;
		height: 240px;		
		padding: 15px;
		background: transparent url(../gfx/front_box.gif) no-repeat;
		overflow: hidden;
		color: white;
	}#welcome_text .htmldata_controls {position: absolute;right: 15px;bottom: 15px;}
	#welcome_text a, #welcome_text h1, #welcome_text h2, #welcome_text h3, #welcome_text h4, #welcome_text h5, #welcome_text h6{
		color: white;		
	}
.row_middle{
	background: transparent url(../gfx/lines_x3.gif) repeat-y;
	margin: 15px 0;
	overflow: hidden;	
	width: 959px;
	height: 100%;
}
	.colum_news{
		width: 289px;
		padding: 0 15px;
		float: left;
		overflow: hidden;
	}
	.colum_collection{
		width: 640px;
		float: left;		
		overflow: hidden;		
	}	.colum_article_M_lelft{
			padding-left: 15px;
		}
		.colum_article{
			width: 610px;
			padding: 0;
			margin: 0 15px 15px 0;			
			float: left;		
			overflow: hidden;
			background-color: white;		
			border-bottom: solid 1px #cccccc;
		}
		.colum_2x{
			width: 640px;
			float: left;		
			overflow: hidden;
		}
			.colum_left{
				width: 289px;
				padding: 0 15px;
				float: left;
				overflow: hidden;			
			}
			.colum_right{
				width: 289px;
				padding: 0 15px;
				float: left;
				overflow: hidden;			
			}
.row_bottom{
	border-top: solid 1px #cccccc;
	margin: 0 15px;
	padding: 15px 0;
	overflow: hidden;	
}
/* FOOTER */
#footer {
	clear: both;
	height: 66px;
	position: relative;
	background-color: #002c5e;
}
   #contact_info{
		position: absolute; top: 5px; left:5px;
      height:54px;
      width:600px;
		overflow: hidden;
      color: White!important;
      font-size: 10px!important;
   }#contact_info a{
      color: White;
      font-size: 10px!important;
   }#contact_info p{
      color: White;
      font-size: 10px!important;
   }#contact_info td{
      color: White;
      font-size: 10px!important;
   }

/* EMEDIA SIGNATURE */
#signature {
	width: 970px;
	margin: 1px auto;
	padding-right: 25px;
}
#signature, #signature a {
	color: #fff;
	font-family: Verdana, Arial;
	font-size: 9px;
	line-height: 16px;
	text-align: right;
}
#signature a {
	text-decoration: none;
	font-weight: bold;
}
/* Tason korkeus luokka */
.ext{
   clear: both;
}
.cascade{
    filter:alpha(opacity=50);
    opacity:.50;
}