/**
* CSS
* 
* @
* @author Samu Mikkonen 
* 
*/
* {
	margin: 0;
	padding: 0;
}


html{
background:url("bg.png") repeat fixed 0 0 #E6E6E6;

}



body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	text-shadow: 1px 2px 1px rgba(0,0,0,.5);
	background: #E6E6E6;
}

body.section-1 { color: #333333; }
body.section-2 { }
body.section-3 { }

a:link { color:white; text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color:white; }
a:hover { text-decoration: underline; }

a img { border: none; }

#menu {

    width: 215px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
    padding-left: 30px;
}

#menu ul {


	margin-left: 0;
	margin-bottom: 12px;
	margin-right: 0;
	margin-top: 90px;
	list-style: none;
	line-height: 1.5;
}

#menu ul li.section-title { }
.nav {  
margin:2px 2px 2px -1px;
}

.hidden{
display: none;

}



.none{
display: block !important;
}



.p.nav{
text-align: left;
}

#content {
    height: 100%;
    margin: 0 0 0 250px;
    top: 0;
    text-align: left;
}

.container {
    padding-left: 5px;
    padding-bottom: 27px;
    padding-right: 18px;
    padding-top: 36px;
    margin-bottom: 0px;
    
    position: absolute;
    top: 0;

}

#content p { 

padding-top: 33px;
padding-bottom: 5px; 
padding-right: 14px; 
margin-left: -5px; 
margin-top: -1px; 
position: absolute;
top: 0;


width: 720px; 
font-style: normal; 
font-weight: normal; 
color:white; 
margin-bottom: 9px; 
font-size: 14px; 
text-align: left;
}

p {
    color: #333333;
    margin: 0 0 9px 0;
	font-size: 16px;
}

h1 { 
position: absolute;
color:white;
cursor: pointer;
font-size: 30px;
text-shadow: 1px 2px 1px rgba(0,0,0,.5);
font-weight: normal;
 
}
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ float: left; margin: 0; padding: 0; text-align: left;	
}
#img-container p	{position: relative; width: 400px; padding: 0 0 12px 0; text-align: left; }

#once { clear: left; }

.img-bot{
 -webkit-box-shadow: rgba(0,0,0,0.6) 0px 1px 3px;
 -moz-box-shadow: rgba(0,0,0,0.6) 0px 1px 3px;
 box-shadow: rgba(0,0,0,0.6) 0px 1px 3px;

}

.yhteystiedot{
font-size: 18px;
color:black;
text-shadow: 1px 2px 1px white;

}

.yhteystiedot a{
color:black;
text-shadow: 1px 2px 1px white;
text-decoration: underline;

}

.yhteystiedot a:hover{
color:blue;
text-shadow: 1px 2px 1px white;

}