@charset "iso-8859-1";
/* CSS Document */
body {
	font-family : Arial, Verdana;
	font-size : 12px;
	background-color : #353c40;
	background-image : url('img/etusivu_bg.jpg');
	background-repeat : repeat-x;
	margin : 0 auto;
}
h1 {
	font-size : 18px;
	color : #def1ff;
}
h2 {
	color : #264e68;
}
h3 {
	font-size : 16px;
	color : #264e68;
	margin : 0px;
}
h4 {
	font-size : 12px;
	color : #436b89;
	margin : 0px;
}
.main_container {
	margin : 0 auto;
	width : 1200px;
	text-align : center;
}
.topbar {
	float : left;
	width : 902px;
	height : 100px;
	font-size : 11px;
	color : #000;
	background-image : url('img/content_top.png');
	background-repeat : no-repeat;
}
.navigation {
	float : left;
	width : 160px;
	height : 200px;
	background-image : url('img/navi_bg.png');
	background-repeat : no-repeat;
	background-color : #000;
	font-size : 12px;
	font-weight : bold;
	color : #C60;
	padding-top : 10px;
}
.navigation a {
	font-size : 12px;
	font-weight : bold;
	color : #FFF;
	text-decoration : none;
	padding : 10px;
}
.navigation a:hover {
	color : #C60;
}
.etusivuLyhytInfo {
	margin : 0 auto;
	width : 500px;
	height : 50px;
	display : block;
	padding : 20px;
	color : #FFF;
	font-weight : bold;
}
.content {
	float : left;
	width : 902px;
	background-color : #000;
	background-image : url('img/content_bg.png');
	background-repeat : repeat-y;
}
.content_area a {
	color : #036;
	text-decoration : none;
}
.content_area a:hover {
	color : #C60;
}
.content_area {
	float : left;
	width : 652px;
	padding : 10px;
	background-image : url('img/header_reflection.png');
	background-repeat : no-repeat;
	color : #FFF;
}
.content_bottom {
	float : left;
	width : 902px;
	height : 12px;
	background-image : url('img/content_bottom.png');
	background-repeat : no-repeat;
}
.bottom {
	float : left;
	margin : 0 auto;
	width : 902px;
	height : 48px;
	background-image : url('img/bottom.png');
	background-repeat : no-repeat;;
}
.bottom_content {
	margin : 0 auto;
	width : 900px;
	height : 48px;
	color : #FFF;
	text-align : center;
}
.mainos {
	z-index : 50;
	width : 250px;
	height : 200px;
	position : fixed;
	top : 0;
	left : 0;
}
.timppa {
	z-index : 50;
	width : 200px;
	height : 400px;
	position : fixed;
	bottom : 40px;
	left : 0px;
}
.vuosilogo {
	z-index : 50;
	width : 176px;
	height : 149px;
	position : fixed;
	bottom : 130px;
	right : 2%;
}
.anniversary {
	z-index : 50;
	width : 350px;
	height : 200px;
	position : absolute;
	top : 100px;
	right : 20px;
}
.etusivu_info {
	float : left;
	width : 550px;
	height : 220px;
	text-align : justify;
	font-size : 12px;
	line-height : 15px;
	padding-right : 10px;

}
.etusivu_side {
	float : left;
	width : 200px;
	height : 220px;
}
.gallup_box {
	float : left;
	width : 190px;
	height : 140px;
	padding : 5px 5px 5px 3px;
	background-image : url('img/contentbox_bg.png');
	background-repeat : no-repeat;
	font-size : 11px;
	color : #FFF;
}
.contentbox {
	float : left;
	width : 240px;
	height : 190px;
	margin : 1px;
	padding : 5px;
	background-image : url('img/contentbox_bg2.png');
	background-repeat : no-repeat;
	color : #FFF;
}
.contentSlice {
	float : left;
	width : 370px;
	height : 140px;
}
.kuva_vasen {
	float : left;
	padding-right : 10px;
}
.kuva_oikea {
	float : right;
	padding-left : 10px;
}
.kuva_thumb {
	float : left;
	padding-top : 3px;
	padding-right : 10px;
	cursor : pointer;
}
.date1 {
	font-size : 10px;
	color : #666;
}
.date2 {
	font-size : 10px;
	color : #999;
}
.datebox {
	float : left;
	width : 40px;
	height : 35px;
	background-image : url('img/date_bg.png');
	background-repeat : no-repeat;
	text-align : center;
	margin-right : 5px;
}
.date_day {
	font-weight : bold;
	color : #FFF;
}
.date_month {
	font-size : 10px;
	font-weight : bold;
	color : #d3d3d3;
}

/* GALLERY SETTINGS */

.galleryBG {
	z-index : 50;
	width : 100%;
	height : 100%;
	background-image : url('img/transparent_bg.png');
	background-repeat : repeat;
	color : #000;
	display : none;
	top : 0;
	left : 0;
	position : fixed;
	text-align : center;
}
.imageInfo {
	margin : 0 auto;
	background-color : #FFF;
	color : #000;
	padding : 5px;
	border : 1px solid black;
	/*position : absolute;*/
	display : inline-block;
	margin-top : 40px;
}
.thumbBox {
	float : left;
	display : inline-block;
	margin : 3px;
	padding : 3px;
	background-color : #F0F0F0;
	border : 1px solid black;
}
.galleryThumb {
	float : left;
	cursor : pointer;
}