html, body { height: 100%; }
body {
	font: normal 100%/1.5 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #1b1b1f;
	text-align: center;
	background: #e1e4e5;
}

/************************************
 * Basic elements
 *
 ************************************/

p, li { font-size: 0.75em; }

a { color: #006eb9; text-decoration: none; }
a:link { }
a:visited { }
a:hover { text-decoration: underline; }
a:active { }

h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: bold; line-height: 1.3; color: #006eb9; }
h1 { font-size: 18px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4, h5, h6 { font-size: 12px; }

sub { vertical-align: baseline; position: relative; bottom: -0.25em; font-size: smaller; }
sup { vertical-align: baseline; position: relative; bottom: 0.33em; font-size: smaller; }

ul, ol { margin: 1em 0 1em 1em; padding-left: 1em; }
ol { list-style-type: decimal; }
ul { list-style-type: disc; }
ol li, ul li { margin: 0.1em 0; line-height: 1.3; }
li li {	font-size: 1em; }
li ul {	margin: 0; }

address { font-style: normal; }

td { font-size: 0.75em; vertical-align: top;}
td p, td li { font-size: 1em; }
.zebra-table tr td.alt-row { background-color: #d0e4f2; }
.zebra-table td { padding: 0.25em 0.2em 0.25em 0;}
.blue { color: #006eb9; }
.black { color: #1b1b1f; }

/************************************
 * Layout
 *
 ************************************/

#outer-wrapper {
	position: relative; min-height: 100%; 
	margin: 0 auto; text-align: left; background-color: transparent;
	background: #e1e4e5 url('images/bg-body.gif') repeat-x bottom left;
	padding-bottom: 32px; padding-top: 8px; 
}
#wrapper {
	position: relative; width: 922px; 
	margin: 0 auto; text-align: left; background-color: transparent;
}

#page {
	position: relative; clear: both; z-index: 10;
	padding: 10px 12px 11px 11px;
	background: #eff0f0 url('images/bg-page.gif') repeat-x bottom left;
	text-align: left; 
	
}

#header { 
	position: relative; clear: both; height: 127px; z-index: 1300; 	
	background: #ffffff url('images/bg-header.jpg') no-repeat top left;	
	margin-bottom: 2px; 
}
#site-intro #header { background-image: none; background-color: white; height: 14px; margin-bottom: 0px;  }

#header-logo { position: absolute; bottom: -86px; left: 7px;}
#print-logo { display: none; }

#navigation { 
	clear: both; z-index: 1200; height: 47px; position: relative; 
	
}
#site-intro #navigation { background: white url('images/bg-navi-intro.gif') no-repeat top left; }
#site-kuopio #navigation { background: white url('images/bg-navi-kuopio.gif') no-repeat top left; }
#site-tampere #navigation { background: white url('images/bg-navi-tampere.gif') no-repeat top left; }

#content { background: #ffffff url('images/bg-content.gif') repeat-y top left; clear: both; z-index: 110;}	

#main {
	background-color: #ffffff;	
	clear: both; position: relative;
	padding: 58px 116px 60px 46px;
	min-height: 350px; height: auto !important; height: 350px;
}

#site-intro #main { background: white url('images/bg-main-intro.jpg') no-repeat top left; height: 607px !important; padding-top: 0; padding-bottom: 0; }
#site-tampere #main { padding-right: 40px; padding-bottom: 16px; }

#footer {
	position: relative;	clear: both; height: 99px;
}
#footer-container { position: relative; }
#site-intro #footer { background: #c9c9c9 url('images/bg-footer-intro.gif') no-repeat top left; height: 134px; }
#site-kuopio #footer { background: #c9c9c9 url('images/bg-footer-kuopio.gif') no-repeat top left; }
#site-tampere #footer { background: #c9c9c9 url('images/bg-footer-tampere.gif') no-repeat top left; }

#footer address { display: none; }
#footer-map { position: absolute; left: 780px; top: -133px; z-index: 50; width: 110px; height: 230px;  }

/************************************ 
 * Ads
 *
 ************************************/

div.ad-item { 
	float: left; width: 320px; height: 192px;
	margin: 0 40px 32px 0;
	position: relative;
}

#site-tampere div.ad-item { width: 341px; height: 192px; }

/************************************ 
 * Pagination
 *
 ************************************/

div.pagination { text-align: center; margin: 1em 0; padding: 2em 2em 0.6em; }
div.pagination span.left { width: 40%; float: left; text-align: left; }
div.pagination .ditto_off { color: #e0e0e0; }
div.pagination span.right { width: 40%; float: right; text-align: right; }

/************************************ 
 * Intro slideshow
 *
 ************************************/

div#slideshow { width: 480px; height: 270px; overflow: hidden; position: absolute; left: 386px; top: 80px; }
div#slideshow p { margin: 0; padding: 0; width: 480px; height: 270px; }
div#slideshow p img { float: none; border: 0; padding: 0; margin: 0; width: 480px; height: 270px; }

/************************************ 
 * Map links
 *
 ************************************/

a.map-link { display: block; position: absolute; cursor: pointer; background-color: white; } 
a.map-link span { text-indent: -9200px; display: block; height: 20px; width:100px;  }
#site-intro a.map-link { background-color: transparent; }
a#map-intro-kuopio { width: 62px; height: 45px; top: 378px; left: 162px; }
a#map-intro-tampere { width: 110px; height: 21px; top: 465px; left: 89px; }
a#map-intro-oulu { width: 71px; height: 22px; top: 305px; left: 134px; }

a#map-footer-kuopio { 
	background: url('images/bg-map-footer-kuopio.gif') no-repeat left top;
	width: 40px; height: 26px; top: 139px; left: 52px; z-index: 100; 
}
a#map-footer-tampere { 
	background: url('images/bg-map-footer-tampere.gif') no-repeat left top;
	width: 61px; height: 18px; top: 172px; left: 28px; z-index: 101; 
}
a#map-footer-oulu { 
	background: url('images/bg-map-footer-oulu.gif') no-repeat left top;
	width: 42px; height: 14px; top: 111px; left: 47px; z-index: 102; 
}


/************************************ 
 * Fixes and special cases
 *
 ************************************/


.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.hidden {
	display: none;
}