@charset "UTF-8";

html {
min-width:945px;
overflow-y: scroll;
}

body {
background:#0b0100 ;
margin:0;
padding:0;
min-width:945px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 76%;

}


/*--------
  Layout
--------*/

#wrap {
width:946px;
min-height:600px;
margin:0 auto;
position:relative;
z-index:2;
}

#menuwrap { height:153px; width:100%; }

#leftarea {float:left;}
	#leftcol { width:248px; float:left; }
	#centercol { width:450px; float:left; }

#rightcol { width:248px; float:left; margin-right:-3px; /* IE6 Duplicate character fix */ }

#ilime {
clear:both;
margin:10px auto;
width:111px;
height:42px;
text-indent:-9999px;
overflow:hidden;
background:url('images/ilime_logo.gif') 0 0 no-repeat;
}

	#ilime a { display:block; height:100%; }
	#ilime a:hover { background:url('images/ilime_logo.gif') 0 -42px no-repeat; }

/*-------
  Menus
-------*/

ul#menu {
list-style:none;
margin:0;
padding:0;
width:428px;
height:28px;
margin:0;
top:65px;
left:261px;
background:url('images/menu.gif') no-repeat;
position:relative;
text-indent:-9999px;
}

#menu li {
height:100%;
position:absolute;
overflow:hidden;
}

#menu a {
display:block;
height:100%;
}

	li.reiliseppo { width:183px; left:0; }
	li.referenssit { width:197px; left: 237px; }
	
	body#etusivu li.reiliseppo a { background: transparent url('images/menu.gif') 0 -28px no-repeat; }
	body#referenssit li.referenssit a { background: transparent url('images/menu.gif') -237px -28px no-repeat; }
	
	li.reiliseppo a:hover { background: transparent url('images/menu.gif') 0 -56px no-repeat; }
	li.referenssit a:hover { background: transparent url('images/menu.gif') -237px -56px no-repeat; }

ul#talvikesa, ul#kuvatvideot {
list-style:none;
margin:0;
padding:0;
width:48px;
height:50px;
overflow:hidden;
background:url('images/talvikesa.gif') no-repeat;
position:relative;
text-indent:-9999px;
float:left;
}

	ul#kuvatvideot {
	width:63px;
	background:url('images/kuvatvideot.gif') no-repeat;
	}

#talvikesa li, #kuvatvideot li {
width:100%;
height:25px;
position:absolute;
overflow:hidden;
left:0;
}

#talvikesa a, #kuvatvideot a {
display:block;
width:100%;
height:100%;
}

	li.kesa { top: 25px; }
	li.kuvat { top: 25px; }
	
	#talvikesa li.talvi a.active { background: transparent url('images/talvikesa.gif') -48px 0 no-repeat; }
	#talvikesa li.kesa a.active { background: transparent url('images/talvikesa.gif') -48px -25px no-repeat; }
	#kuvatvideot li.videot a.active { background: transparent url('images/kuvatvideot.gif') -63px 0 no-repeat; }
	#kuvatvideot li.kuvat a.active { background: transparent url('images/kuvatvideot.gif') -63px -25px no-repeat; }
	
	li.talvi a:hover { background: transparent url('images/talvikesa.gif') -96px 0 no-repeat; }
	li.kesa a:hover { background: transparent url('images/talvikesa.gif') -96px -25px no-repeat; }
	li.videot a:hover { background: transparent url('images/kuvatvideot.gif') -126px 0 no-repeat; }
	li.kuvat a:hover { background: transparent url('images/kuvatvideot.gif') -126px -25px no-repeat; }

/*--------------
  Text & stuff
--------------*/

#intro {
text-indent:-9999px;
width:248px;
height:221px;
background: url('images/intro.gif') -1px 0 no-repeat;
overflow:hidden;
float:left;
}

#kartta {
float:left;
width:205px;
height:297px;
margin-left:29px;
margin-right:14px;
margin-top:-76px;
position:relative;
z-index:1;
display:inline; /* IE6 double margin fix */
}

	#kartta div {
	position:absolute;
	width:160px;
	height:254px;
	background: transparent url('images/hoverinfo_bg.png') repeat-y;
	visibility:hidden;
	top:76px;
	left:234px;
	padding:15px 10px 0 40px;
	}
	
	#kartta img { border:none; }
	
	#kartta h3 {
	margin:0 0 5px 0;
	padding:0;
	font-size:1.2em;
	}

#albumit {
float:left;
clear:left;
width:248px;
}

	h2#mallisto, h2#galleria {
	margin:0 0 0 15px;
	padding:0;
	width:183px;
	height:49px;
	text-indent:-9999px;
	background-image:url('images/otsikko_mallisto.gif');
	overflow:hidden;
	float:left;
	display:inline; /* IE6 double margin fix */
	}

		h2#galleria {
		background-image:url('images/otsikko_galleria.gif');
		width:168px;
		}

h2#uutiset, h2#entiset {
margin:0;
padding:0;
width:248px;
height:47px;
text-indent:-9999px;
overflow:hidden;
background-image:url('images/otsikko_uutiset.gif');
}

	h2#entiset { background-image:url('images/otsikko_entiset.gif'); }

.tapahtuma { width:200px; }

.tapahtuma h3 { padding:0; margin: 15px 0 0 0 ; line-height:15px; font-size:1.0em; }

.tapahtuma p { line-height:14px; font-size:0.8em; }

#rightcol { word-wrap: break-word; /* IE fix */ }

.tapahtuma a { color: #f18800; }
.tapahtuma a:hover { color: #FFF; }
.tapahtuma a:visited { color: #e8bd06; }


/*--------
  Kuvat
--------*/

#imagestrip {
width:490px;
height:300px;
overflow:hidden;
position:relative;
left:0px;
}

	#imagestrip ul {
	list-style:none;
	position:absolute;
	width:99999px;
	height:300px;
	left:0;
	top:0;
	margin:0;
	padding:0;
	}

		#imagestrip li {
		float:left;
		width:490px;
		margin:0;
		padding:0 0px 0 0;
		}

#thumbs {
clear:both;
list-style:none;
margin:0;
padding-left:0px;
padding-top:0px;
width:490px;
}

	#thumbs li {
	padding:8px 0 0 5px;
	float:left;
	}
	
	#thumbs img { border:none; }
	
	#thumbs a:focus { outline:none;	}

/*-----------
  Clearfix
-----------*/

#content:after {
content: ".";
display: block;
height: 0;
line-height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}