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

body {
	background-color: white;	
	background: transparent url("../gfx/top_ image.jpg") no-repeat top center;	
}
#top_bar{
	position: absolute;
	left: 0;
	background-color: black;
	width: 100%;
	height: 30px;
}
#top_elemets{
	position: absolute;
	left: 0;
	width: 100%;
	height: 30px;
}
	#top_menu {
		width: 850px;
		margin: 0px auto;
		position: absolute;
		top: 0px;
		right: 140px;
	}
	
	#top_image{
		width: 1050px;
		height: 0px;
		margin: 0px auto;
		padding-top: 1px;
		position: relative;
	}

/* WRAPPER */
#wrapper {
	width: 850px;
	top: 30px;
	margin-left: auto;
	margin-right: auto;	
	position: relative;
	overflow: hidden;
}
	#top_menu #search{
		background: transparent url("../gfx/search.gif") no-repeat top left;	
		width: 143px;
		height: 18px;
		position: absolute;
		top: 6px;
		right: 50px;
	}
		#top_menu #search .searchstring{
			border: solid 0;
			margin:0 0 0 21px;
			width: 120px;
			color: black;
		}
		#top_menu #search .submit_button{
			display: none;
		}		
	/* navigation links */
	#top_menu #ext_menu{
		position: absolute;
		right: 200px;
		top: 6px;
	}
		#top_menu #ext_menu ul{
			list-style: none;
		}
		#top_menu #ext_menu ul li{
			float: left;
		}
		#top_menu #ext_menu ul li a{
			color: white;
			padding: 3px 10px;
			text-decoration: none;
		}
			#top_menur #ext_menu ul li a:hover{
				text-decoration: none;
				color: white;
			}
			#top_menu #ext_menu .easysetup{
				color: white;
			}
/* HEADER */
#header {
	height: 149px;
	background: transparent url("../gfx/header_background.png") no-repeat;
	overflow: hidden;
	position: relative;
}
	#header #logo, #header #logo{
		background: transparent url("../gfx/logo.gif") no-repeat top left;	
		position: absolute;
		top: 22px;
		left: 50px;
	}
		#header #logo, #header #logo a{
			height: 58px;
			width: 95px;
			display: block;
		}
	/* head navigaiton */
	#header #top_navigation{
		background: transparent url("../gfx/top_navigation.jpg") no-repeat top left;	
		/*height: 42px;*/
		height: 47px;		
		width: 850px;
		position: absolute;
		left: 0;
		bottom: 0;
	}
		#header #top_navigation ul{
			list-style: none;
			margin-left: 70px;
		}
		#header #top_navigation ul li{	
			display:block;
			float:left;
			margin:0;
			background: transparent url("../gfx/top_navi_mark.gif") no-repeat bottom center;	
			height: 47px;
		}
			#header #top_navigation ul li.active{	
				background: transparent url("../gfx/top_navi_active.gif") no-repeat bottom center;	
				height: 47px;
			}
			#header #top_navigation ul li:hover{	
				background: transparent url("../gfx/top_navi_active.gif") no-repeat bottom center;	
				height: 47px;
			}
		#header #top_navigation ul li a{	
			color:white;
			font-size:18px;
			line-height:40px;
			padding:10px 15px;
			text-decoration:none;
		}
			#header #top_navigation ul li a:hover{
				
			}
			#header #top_navigation ul li a.active{
			
		}
/* MAIN */
#main {
	background-color: #fff;
	overflow: hidden!important;
	zoom: 1;
}
	/* default.tpl */	
	#content_image{
		position: relative;
		width: 848px;
		height: 224px;
		border: solid #cacaca;
		border-width: 1px 1px 8px 1px;
		overflow: hidden;
		background-color: black;
	}
		#content_image #image_left{
			position: absolute;
			left: 0;
			top: 0;
			width: 424px;
			height: 224px;
			overflow: hidden;
			z-index: 70;			
		}	#content_image #image_left .htmldata_controls {position: absolute;top: 5px;left: 5px;}
		#content_image #image_right{
			position: absolute;
			right: 0;
			top: 0;
			width: 424px;
			height: 224px;
			overflow: hidden;
			z-index: 80;			
		}	#content_image #image_right .htmldata_controls {position: absolute;top: 5px;right: 5px;}
		#image_text{
			background: transparent url("../gfx/image_text_bubble.gif") no-repeat;		
			height:112px;
			left:233px;
			padding:25px 57px 25px 25px;
			position:absolute;
			top:28px;
			width:240px;
			z-index: 99;
		}
			#image_text .htmldata_controls {
				position: absolute;
				top: 5px;
				left: 5px;
			}
	#content_page{
		border-left: solid 1px #cacaca;
		border-right: solid 1px #cacaca;		
		overflow: hidden;
	}
		/* SIDEBAR */
		#sidebar {
			width: 289px;
			margin-right: 30px;
			padding-bottom: 1001em;
			margin-bottom: -1000em;
			float: right;
			border-right: solid #cacaca 1px;
		} * html #sidebar {
				overflow: hidden;	
			}
	
			/* NAVIGATION */
			#sidebar #navigation {
				margin: 0;
			}
			#sidebar #navigation ul {
			    padding: 0;
			    margin: 0;
			}
			#sidebar #navigation ul li {
			   padding: 0;
			   margin: 0;
				list-style: none;
				border: solid #cacaca;
				width: 289px;
				border-width: 0px 1px 1px 0px;
				background-color: #f0f0f0;
			} * html #sidebar #navigation ul li {
					overflow: hidden;	
				}
			#sidebar #navigation ul li.active {	
				background-color: white;
			}
			#sidebar #navigation ul li a {
				color:#9F9F9F;
				display:block;
				font-family:"Lucida Sans Unicode",Arial,Helvetica,sans-serif;
				font-size:18px;
				font-weight:lighter;
				padding:17px 0 17px 10px;
				text-decoration:none;
				width:290px;
			}
				#sidebar #navigation ul li a.active {
					color: #ae8800;
				}
				#sidebar #navigation ul li a.current{
					background: transparent url("../gfx/left_navi_active.gif") no-repeat;		
					background-position: 289px center;
				}
				#sidebar #navigation ul li a:hover {
					text-decoration: none;
					border: none;
				}
				/* level 2 */
				#sidebar #navigation ul ul {
				    padding: 0;
					 border: solid #cacaca;
				    border-width: 0 0 0 5px;
				    background-color: #f0f0f0;
				}
				#sidebar #navigation ul ul li{
					width: 284px;
					border-width: 1px 1px 0px 0px;
					background-color: #f0f0f0;
				}
				#sidebar #navigation ul ul li a{
					padding: 8px 0 8px 10px!important;
 					width: 290px;
					font-size: 14px;
				}
				#sidebar #navigation ul ul li a.active{
				}
				#sidebar #navigation ul ul li a.current{
					background: transparent url("../gfx/left_navi_active.gif") no-repeat;		
					background-position: 284px center;
				}
				#sidebar #navigation ul ul li a:hover{
				}
				
		/* CONTENT */
		#content {
			padding: 15px 30px 15px 0px;
			width: 498px;
			overflow: hidden;
			float: right;
		}
		.large{
			padding:15px 100px !important;
			width:648px !important;
		}
		
	#bottom_page{
		background: transparent url("../gfx/bottom_page.gif") no-repeat top left;	
		height: 87px;
		padding-left: 291px;
		width: 559px;
		overflow: hidden;
		position: relative;
	}.bottom_large{
		background: transparent url("../gfx/bottom_page_large.gif") no-repeat top left!important;	
	}
		#bottom_page .htmldata_controls {
			position: absolute;
			top: 5px;
			left: 296px;
		}
	/* front_page.tpl */
	#front_image {
		position: relative;
		height: 229px;
		width: 100%;
		overflow: hidden;
		background-color: #edbb14;
		border: solid 0px #edbb14;
	}	#front_image .htmldata_controls {
			position: absolute;
			top: 5px;
			left: 5px;
		}
		#front_image #front_image_text{
			height:88px;
			left:191px;
			overflow:hidden;
			position:absolute;
			top:44px;
			width:186px;
		}
		#front_image #front_gold_text{
			position: absolute;
			right: 0;
			top:0;
			width: 258px;
			height: 199px;
			overflow: hidden;
			padding: 15px;
		}	#front_image #front_gold_text .htmldata_controls {position: absolute;top: 5px;left: 5px;}
                                #front_image #front_gold_text a{
                                        color: white;
                                }
				#front_image #front_gold_text #ext_button{
					position: absolute;
					right: 10px;
					bottom: 0;
				} #front_image #front_gold_text #ext_button img, #front_image #front_gold_text #ext_button a {
					border: none;
					}
	#front_bottom{
		background: #474747 url("../gfx/front_bottom.gif") no-repeat left bottom;
		min-height: 250px;
		width: 850px;
	}
		#front_bottom #text_area{
			overflow:hidden;
			width:502px;
			float: left;
			color: white;
			padding: 15px 30px 0px 30px;
		}
			#front_bottom #text_area #front_bottom_content {
					padding: 15px 0;
			}
			#front_bottom #text_area #front_bottom_content, #front_bottom #text_area #front_bottom_content a{
					color: white;
			}
			#front_bottom #text_area a{
				color: white;
			}		
		#front_bottom #text_news{
			float:left;
			height:43px;
			width:258px;
			padding:15px 30px 0 0;
			position: relative;
		}
		

/* FOOTER */
#footer {
	clear: both;
	border-top: none;
	text-align: center;
	padding: 6px 0;
	color: #333333;
	position: relative;
}
	/* EMEDIA SIGNATURE */
	#signature {
		float: right;
		margin-top: 2px;
		position: absolute;
		top:0;
		right: 30px;
	}
	#signature, #signature a {
		color: #cacaca;
		font-family: Verdana, Arial;
		font-size: 9px;
		line-height: 16px;
		text-align: right;
	}
	#signature a {
		text-decoration: none;
		font-weight: bold;
	}
	
/* lisätyylit */
.ext{
	clear: both;
}
.cascade{
    filter:alpha(opacity=50);
    opacity:.50;
}