/* www.medusa.fi */
/* copyright (c) Medusaworks Oy 2006 */
/* author Miska Loimaala & Matti Laakso */ 


/* Global styles */

html {
	height: 100%;
	}

body {
	background-color: white;
	margin: 5px  0px 0px 0px;
	height: 100%;
	text-align: center;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 80%;
	_overflow: auto;	
	_height: 660px;	
	}

h1	{
	font-size: 1.6em;
	color: #800080;
	margin: 0px 0px 8px 22px;
	font-weight: lighter;
	}

h2	{
	font-size: 1.4em;
	font-weight: normal;
	color: #800080;
	margin: 0px 0px 10px 0px;
	}

h3 {
	font-size: 1.2em;
	font-weight: normal;
	color: #800080;
	margin: 0px 0px 10px 0px;
	}
h4 {
	font-size: 1.0em;
	font-weight: bold;
	color: #800080;
	margin: 0px 0px 10px 0px;
	}
h5 {
	font-size: 0.8em;
	font-weight: bold;
	color: #800080;
	margin: 0px;
	}

a img {
	border: none;
	}
a {color: #800080;}
a:hover {color: #800080;}

/* Main layout blocks */

#outer {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: table;
	_position: relative;	/* IE */
	}
#vcenter {
	_position: absolute;	/* IE */
	_top: 55%;				/* IE */
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	}
#frame {
	margin: 0px auto;
	width: 810px;
	text-align: left;
	background: url(images/ritefloater.jpg) no-repeat top right;
	_position: relative;	/* IE */
	_top: -50%;				/* IE */
	_left: -50%;			/* IE */
	}

#inner {
	position: relative;
	width: 800px;
	height: 609px;
	border: 1px solid #000000;
	}
	
.frontpage #inner {
	background: url(images/tk_ikinuori_ikivanha.jpg) no-repeat top left;
	}
.history #inner {
	background: url(images/tk_ei_kukaan_ja_sen.jpg) no-repeat top left;
	}
.contentpage1 #inner {
	background: url(images/tk_kasiteltava_varoen.jpg) no-repeat top left;
	}
.contentpage2 #inner {
	background: url(images/tk_kasiteltava_varoen.jpg) no-repeat top left;
	}
.contentpage3 #inner {
	background: url(images/tk_kasiteltava_varoen.jpg) no-repeat top left;
	}

.productpage #inner {
	background: url(images/tk_taide.jpg) no-repeat top left;
	}
.contactpage #inner {
	background: url(images/tk_harkittu.jpg) no-repeat top left;
	}
.references #inner {
	background: url(images/tk_kasiteltava_varoen.jpg) no-repeat top left;
	}

#contentwrap {			/* JS scroller containing layer */
	position: absolute;
	top: 80px;
	left: 410px;		/* See ./js/ScrollLayer.js */
	width: 386px;
	height: 510px;
	overflow: auto;
	/*margin-bottom: 5px;*/
	}
	
.history #contentwrap {			
	position: absolute;
	top: 80px;
	left: 410px;		
	width: 386px;
	height: 510px;
	overflow: hidden;
	/*margin-bottom: 5px;*/
	}

#content {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 0px;
	clip-right: 364px;
	height: 510px;
	overflow: visible; /* do not change from visible */
	_overflow: auto;
	_width: 384px;
	}
.references #content {_width: 684px;}

/* Content styles */

div.contentblock {
	width: 364px;
	margin: 0px;
	padding: 8px 0px 3px 0px;
	height: 450px;
	height: auto;
	background: url(images/cb_topedge.gif) no-repeat top left;
	}
	
	
.sisalto_1, .sisalto_2, .sisalto_3 {
	padding: 0px 10px 8px 22px;
	margin: 5px 0px 5px 0px;
	font-size: 1em;
	height: auto;
	max-height: 450px;
	overflow: auto;
	background: white;
	}
.history .sisalto_1 {height: 510px;
				overflow: auto;}
.history #content {_overflow: hidden;}
.blockclr {
	clear: both;
	width: inherit;
	font-size: 0px;
	height: 1px;
	}
	
div.contentclr {
	clear: both;
	width: inherit;
	font-size: 0px;
	height: 8px;
	margin: 0px 0px 18px 0px;
	background: url(./images/cb_bottomedge.gif) no-repeat bottom left;	
	}


/* Reference page styles */
/* BODY ID="references" */

.references #contentwrap {			
	position: absolute;
	top: 80px;
	left: 110px;		
	width: 664px;
	height: 510px;
	overflow: auto;
	_overflow: hidden;
	}
.references #content {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 0px;
	clip-right: 664px;
	}

/* Reference page content styles */

.references div.contentblock {
	width: 664px;
	margin: 0px;
	padding: 8px 0px 3px 0px;
	background: url(images/cb_topedge_ref.gif) no-repeat top left;
	}

.references .contentblock p {
	padding: 0px 10px 8px 22px;
	margin: 0px;
	font-size: 0.8em;
	}

.blockclr {
	clear: both;
	width: inherit;
	font-size: 0px;
	height: 1px;
	}
.references .contentclr {
	clear: both;
	width: inherit;
	font-size: 0px;
	height: 8px;
	margin: 0px 0px 18px 0px;
	background: url(./images/cb_bottomedge_ref.gif) no-repeat bottom left;	
	}

* html div.tableContainer table.reference 
{
position: absolute;
top: -270px;
left: 0px;	
}

/* Scroller controls*/

#lyrctrl {
	position: absolute;
	visibility: hidden;
	top: 100px;
	left: 780px;
	}





/* Navigation */

#navbar {
  position: relative !important;
  max-width: 600px;
	position: absolute;
	top: 20px;
	left: 82px;
	margin: 0px;
	height: 23px;
	}
#navbar #home {
	float: left;
	margin: 0px !important;
	margin-right: -5px;
	}
a#home {
	background: url(./images/medlogo0.gif) no-repeat top left;
	}
a#home:hover {
	background: url(./images/medlogo1.gif) no-repeat top left;
	}


#navbar #home img {
	margin: 0px;
	padding: 0px;
	width: 40px;
	height: 23px;
	}
#nav {
	width: auto !important;
	width: 580px;
	height: 23px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-variant: small-caps;
	font-weight: bold;
	background: url(./images/menu_bkgr.gif) no-repeat top right;
	}

/*#nav*/ /* changed nav to menu*/
#menu ul	{
	clear: both;
	width: auto;
	margin: 0px;
	list-style-type: none;
	line-height: 21px;
	}
/*#nav*/ /* changed nav to menu*/
#menu li {
	display: inline;
	line-height: 23px;
	margin: 0px;
	}
/*#nav*/ /* changed nav to menu*/
#menu a {
	padding: 0px 8px;
	height: 100%;
	text-decoration: none;
	color: #800080;
	}
/*#nav*/ /* changed nav to menu*/
#menu a:hover {
	color: #800080;
	}


/* Footer */

#footer {
	width: 810px;
	height: 15px;
	padding: 5px 0px 3px 0px;
	text-align: center;
	font-size: 0.7em;
	color: #6e6e6e;
	background: url(images/ftclear_bkgr.jpg) no-repeat top left;
	}
#footer a {
	color: #800080;
	text-decoration: none;
	}
#footer a:hover {
	color: #999999;
	text-decoration: none;
	}

#contact {
	position: absolute;
	top: 544px;
	left: 10px;
	}
		
#hide
{display: none;}