/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	//font-size: 10px;
	//font-family: Verdana, sans-serif;
	background: #fff;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	//font-size: 18px;
        //line-height: 21px;
	font-size: 14px;
        line-height: 18px;
	color: #191805;
	margin: 50px;
}
.captioning {
	position: relative;
	//color: #000000;
	top: 10px;
      	//font-size: 13px;
      	//text-transform: uppercase;
}
.title {
	display: inline; 
}
.caption {
	display: inline;
}

p {
    margin: 0 0 0px 0;
}
.head1 {
    margin: 21px 0 0px 0;
  //  color: #000000;
    display: block; 
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

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

a img { border: none; }

#menu {
    width: 100%;
    overflow: auto;
    top: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    height: 100%;
    //background-color: #fff;
    z-index:5;
    text-align: center;
}




#menubox {
        top: 50px;
        position: relative;
	width:510px;
	padding: 25px;
	margin: 0 auto;
	//display: block; 
	background-color: #FFF636;
	 z-index:6;
	//background-image: url('http://www.johannesromppanen.com/new/img/yelbg.png');
}
#randimg1 {
        top: 120px;
        left: -188px;
        position: absolute;
   	z-index:10;
}
#randimg2 {
        top: 420px;
        left: 508px;
        position: absolute;
   	z-index:10;
}
#randimg3 {
        top: -20px;
        left: 628px;
        position: absolute;
   	z-index:10;
}
#randimg4 {
        top: 480px;
        left: -108px;
        position: absolute;
   	z-index:10;
}


.bottomspacer {
        height: 50px;

}
#infobox {
    width:100%;
    top: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    text-align: center;
    height: 100%;
    display: block; 


}
#mouseoverbox {
	width:260px;
	top: 290px;
	position: relative;
	margin:auto; 
	display: block; 
}

#infoboxy {
	//width:250px;
	//top: 290px;
    	//position: relative;
	//margin:auto; 
	//display: block; 
        background-color: #FFF636;
	padding: 5px;
	//font-size: 24px;
        //line-height: 28px;
	//background-image: url('http://www.johannesromppanen.com/new/img/yelbg.png');
	//background-repeat: repeat-y;
	//background-position: 0px 10px; 
	visibility: visible;

}
#bakbox {
    width:100%;
    top: 12px;
    bottom: 0;
    left: 0;
    position: fixed;
    text-align: center;
    height: 100%;


}
#bakboxy {
//	width:300px;

	margin: 0 auto; 
	display: block; 

}

#text {
	position:fixed;
	left:0;
	top:0;
//	width:300px;
	margin: 0 auto; 
	display: block; 

}


#menu ul {
	list-style: none;
	margin: 0 0 0px 0;
}

#menu ul li.section-title { }

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

.container {
    padding: 0px 0px 0px 0px;
    text-align: center;
}



#content p { 
	//width: 300px;
	 margin-bottom: 0px; 
}



h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ 
	//width: 300px; 
margin: 0; 
padding: 0 0 0px 0; 
}

#once { clear: left; }