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

body {
	background-color: #c1d6eb;
	background: transparent url(../gfx/body.gif) center top;
}

/* WRAPPER */
#wrapper {
	width: 950px;
	margin: 0 auto;
	position: relative;
}

/* HEADER */
#header {
	height: 110px;
	overflow: hidden;
	position: relative;
}
	#logo{
		background: transparent url(../gfx/logo.gif);		
		height: 25px;
		width: 242px;
		position: absolute;
		top: 25px;
		left: 20px;
	}
	#search_embed{
		background-color:gray;
		position:absolute;
		right:4px;
		top:7px;
		width:214px;
	}
	#search_embed .submit_button{
		border:medium none;
		height:30px;
		position:absolute;
		right:0;
		top:0;
		width:49px;
		cursor: pointer;
		background-color: transparent;
	}
	#search_embed .searchstring{
		position: absolute;
		top: 8px;
		left: 10px;
		width: 155px;
		border: none;
		background-color: transparent;
	}
	

	/* LISÄVALIKKO */
	#exra_menu{
		position: absolute;
		top: 6px;
		right: 0px;
		background: transparent url(../gfx/extra_menu.gif);
      font-size: 14px;
		height: 33px;
		width: 573px;
	}
	#exra_menu ul{
		margin: 0;
		padding: 0;
	}
	#exra_menu ul li{
		list-style: none;
		float: left;
	}
	#exra_menu ul li a{
		text-decoration: none;
		color: white;
		padding: 8px 9px;
		display: block;
	}
	/* HORIZONTAL MENU*/
	#horizontal_navigation{
		position: absolute;
		bottom: 0;
		left: 0;
		background: transparent url(../gfx/horizontalnavigation.gif) no-repeat;
		width: 100%;
		height: 41px;
	}
	#horizontal_navigation ul{
		margin: 0;
	}
	#horizontal_navigation ul li{
		list-style: none;
		float: left;
		margin: 1px;
		padding: 0;
	}
	#horizontal_navigation ul li a{
		text-decoration: none;
		color: #0e71b4;
		display: block;
		padding: 9px 15px 10px;
		font-family: Georgia, "Times New Roman"!important;
		font-size: 12pt;
	}
	#horizontal_navigation ul li a:hover{
		color: #70aed5;		
	}
	#horizontal_navigation ul li.active{	
		background: transparent url(../gfx/horiz_active_left.gif) no-repeat left;
	}
	#horizontal_navigation ul li a.active{	
	   background: transparent url(../gfx/horiz_active_right.gif) no-repeat right;
		color: white;
	}
	
/* MAIN */
#main {
	overflow: hidden;
	background-color: white;
	zoom: 1;
}
/************************************************ INNERTEMPLATERS ************************************************/
/*                                                  default.tpl                                                  */
/* SIDEBAR */
#sidebar {
	width: 250px;
	padding: 0;
	float: left;
	border-top: solid 20px #70aed5;
	/*padding-bottom: 1001em;
	margin-bottom: -1000em;*/
	overflow: hidden;
}
	/* VERTICAL NAVIGATION */
	#vertical_navigation {
	    margin: 0px;
	}
	#vertical_navigation ul {
	    padding: 0;
	    margin: 0;
	}
	#vertical_navigation ul li {
	    padding: 0;
	    margin: 0;
		 list-style: none;
	}
	#vertical_navigation ul li a {
 	   height: 14px;
		width: 230px;
		display: block;
		background: transparent url(../gfx/verticalnavigation.gif) no-repeat right;
		text-decoration: none;
		font-family: Georgia, "Times New Roman"!important;
		padding:10px;
	}
	#vertical_navigation ul li a.active {
		background: transparent url(../gfx/verticalnavigation_hover.gif) no-repeat right;
	}
	#vertical_navigation ul li a:hover {
		background: transparent url(../gfx/verticalnavigation_hover.gif) no-repeat right;
	}
	/*L2*/
	#vertical_navigation ul ul {
	    margin: 0;
	    padding: 0;
		 border-right: solid 1px #70aed5;
	}
	#vertical_navigation ul ul li {
	}
	#vertical_navigation ul ul li a {
 	   height: 14px;
		width: 236px;
		background-image: none;
		font-family: Georgia, "Times New Roman"!important;
		padding:5px 0 5px 1em;
	}
	#vertical_navigation ul ul li a.active {
		background-image: none;
		background-color: #f1f1f1;
	}
	#vertical_navigation ul ul li a:hover {
		background-image: none;
		background-color: #fbfbfb;
	}
	/*L3*/
  #vertical_navigation ul ul ul{
	    padding: 0 0 0 .5em;
		 border-right: none;
	}
	#vertical_navigation ul ul ul li.last {
	}
	#vertical_navigation ul ul ul li a{
		width: 229px;
	}
	#vertical_navigation ul ul ul{
		 border-top: solid 1px #70aed5;
		 border-bottom: solid 1px #70aed5;
	}
	
	#face_like{
		padding: 5px;
	}
	
/* CONTENT */
#content {
	float: left;
	width: 700px;
}
	#route {
		clear: both;
		background: transparent url("../gfx/demo_route_background.png") no-repeat;
		width: 670px;
		padding: 10px 15px 0 15px;
		font-size: 10px;
	}
	#route #Rleft{
		float: left;
	}
	#route #Rright{
		float: right;
	}
	#data{
		padding: 15px;
	}
	#print_button{
		background: transparent url("../gfx/demo_print.gif") no-repeat;
		padding-left: 25px;
		margin: 5px 15px;
	}
/************************************************** FOOTER *****************************************************/
#footer {
	background: transparent url("../gfx/footer.gif") no-repeat;
	clear:both;
	height:16px;
	overflow:hidden;
	padding:12px 0;
	position:relative;
	text-align:center;
	width:950px;
	color: #888888;
}#footer .htmldata_controls {position: absolute;top: 12px;right: 5px;}

/* EMEDIA SIGNATURE */
#signature {
	float: right;
	margin-top: 2px;
}
#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;
}
.ext{
	clear: both;
}