/* BASIC STYLING */
body{
font-size:62.5%; /* Resets font-size to 10px - 1em = 10px; */
color:#000;
background-color:#000;
font-family: Arial, Helvetica,sans-serif;
text-align:center;
}
a:link{text-decoration:underline; color:#fff;}
a:hover{text-decoration:none; color:#fff;}


h1{font:bold 1.6em/1.2 Arial, Helvetica,sans-serif; margin:5px 0;}
h2{font:bold 2em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h3{font:bold 1.9em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h4{font:bold 1.8em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h5{font: bold 1.4em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h6{font: bold 1.4em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
p{font:normal 1.2em/1.3 Arial,Helvetica,sans-serif; margin:15px 0;}

h5.folding:hover{cursor:pointer;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
*:first-child+html .clearfix { zoom: 1; }

/* LAYOUT COLUMS */
#top-bg{
	height:55px;
	width:100%;
	background:#000 url('kuvat/top-bg.gif') top center no-repeat;
}
#bottom-bg{
	height:115px;
	width:100%;
	background:#000 url('kuvat/bottom-bg.gif') bottom center no-repeat;
}
#content-bg{
	background:#000 url('kuvat/content-bg.gif') top center repeat-y;
}
#header-links{
	text-align:right;
	padding:14px 0;
	width:850px;
	margin:0 auto;
}
#header-links a{color:#d14097; margin:0 5px; text-decoration:none;}
#header{
	height:150px;
	background-color:#000;
}

#logo{
	height:182px;
	width:147px;
	display:block;
}

#nav{
	background-color:#fff;
	/*height:20px;
	line-height:20px;*/
	padding:8px 0 6px 20px;
}

#social-media{
	width:89px;
	margin:20px auto 50px auto;
}
#social-media a{
	display:block;
	padding:5px 0;
}
#left-image{
	margin:50px 0 0 0;
}
#content-wrapper{
	width:874px;
	margin:0 auto;
}
#content-wrapper-2col{
	padding:18px 0 0 0;
}
#content-wrapper-2col-normal{
	background-color:#fff;
	color:#000;
	padding:10px 0px 20px 20px;
}
#content-left{ margin:0 0 0 15px; width:660px;}
#content-left-text{float:left; width:490px;}
#content-right {float:left; width:158px; margin:0 18px 0 24px; display:inline;}
#col-left{
	display:inline;
	float:left;
	margin:0 0 0 15px;
	width:147px;
}
#content-col{
	display:inline;
	float:left;
	margin:0 0 0 15px;
	text-align:left;
	width:695px;
}
#content-col a:link{
	color: #000;
}
#content-col a:hover{
	color: #000;
}
#image-wrapper{
	padding: 18px 0;
}
#image-main{
	width:492px;
	height:221px;
	float:left;
	/*margin:0 17px 0 0;*/
	margin:0 22px 0 0;
}
#image-right{
	float:left;
	width:158px;
	height:221px;
}
#footer{
	clear:both;
	height:16px;
	padding:8px 0;
	background-color:#000;
	color:#fff;
	width:872px;
	margin:0 auto;
}
#footer-left{
	float:left;
	width:147px;
	margin:0 0 0 15px;
	display:inline;
}
#footer-right{
	float:right;
	width:688px;
	margin:0 10px 0 0;
	display:inline;
}
#footer-right p{
	font-size:1em;
	margin:0;
	text-align:left;
}
#front-content-wrapper{
	background-color:#fff;
	color:#000;
	padding:10px 0px 20px 20px;
}
#front-content-col,#left-content-col{
	width:415px;
	float:left;
}
#front-content-image,#right-content-image{
	float:right;
	width:210px;
	padding:30px 0 0 0;
}
#right-content-image{
	text-align:center;
}
/* ELEMENT SPECIFIC STYLING */
#border-box{
	border:2px solid #fff;
	color:#fff;
	padding:15px;
}
#yhteystiedot{float:left; width:175px;}
#kartta{float:right; width:270px; height:270px; margin:0 0 0 10px;}
.kuva{
	text-align:center;
	width:193px;
	float:left;
	margin:0 25px 10px 0;
}
.kuva img{ border:1px solid #fff; }
.kuva p{
	font-size:1.4em;
	text-align:left;
	margin:2px 0;
	color:#fff;
}
.kuvat-sep{
	clear:both;
}
.msc{
	text-align:right;
	font-size:.9em;
}
.msc a{
	color:#000;
}