﻿H1,H2{
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	color:#303030;
}

H3{
		
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	color:#7bb932;
}
H4{
	
	text-align:left;
	color:#7bb932;
	margin-bottom:0px;
}

h1{font-size:35px;}
h2{font-size:25px;}
h3{font-size:20px;}
h4{font-size:20px;}



body{	
	margin:0;
	padding:0;
}


#home { 
	background: url(../img/1.jpg) 50% 0 no-repeat fixed; 
	height: 1000px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}
#about { 
	background: url(../img/slide2tgp.jpg) 50% 0 no-repeat fixed; 
	height: 500px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

#section3 { 
	background: url(../img/.jpg) 50% 0 no-repeat fixed; 
	height: 450px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

#section4 { 
	background: url(../img/gray.jpg) 50% 0 repeat fixed; 
	height: 300px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}


#section4mobi { 
	background: url(../img/gray.jpg) 50% 0 repeat fixed; 
	height: 300px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1000px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

#chimp { 
	background: url(../img/) 50% 0 no-repeat fixed; 
	height: 500px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

#valipala{ 
	background: url(../img/valipala.jpg) 50% 0 no-repeat fixed; 
	height: 200px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}



#valipala-tuomas{ 
	background: url(../img/valipala-tuomas.jpg) 50% 0 no-repeat fixed; 
	height: 700px;
	margin: 0 auto; 
    width: 100%; 
   	 	max-width: 1920px; 
    	position: relative; 
    	box-shadow: 0 0 50px rgba(0,0,0,0.8);
}



#tuomas-info{ 
	background: url(../img/gray.jpg) 50% 0 repeat fixed;  
	height: 300px;
	margin: 0 auto; 
   	 width: 100%; 
    	max-width: 1920px; 
    	position: relative; 
    	box-shadow: 0 0 50px rgba(0,0,0,0.8);
}


#slide3 { 
	background: url(../img/slide3tgp.jpg) 50% 0 no-repeat fixed; 
	height: 500px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

#face { 
	height: 600px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    
}


#home article { background: url("../img/intro.png") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }

#about article { background: url("../img/parallax.png") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }






.topBar{width:100%;z-index:100}

.full-header{width:100%;position:fixed;z-index:100;top:0}

.topBar{min-height:80px;background-color:#262626;border-color:#000000}









.content
{
	
	
	width:1000px;
	font-family: 'Oswald', sans-serif;
	text-align:left;
	margin-left:auto;
	margin-right:auto;

	margin-top:0px;
	margin-bottom:0px;
	padding-left:20px;
	padding-right:0px;
	padding-top:60px;
	


}





.vasen
{	
	float:left;
	width:500px;
 	left:0;
	padding-left:0px;
	padding-right:0px;
	padding-top:00px;
	font-size:20px;
	 
   	
}

.oikea
{
	float:right;
	width:500px
 	right:0;
	padding-left:00px;
	padding-right:00px;
	padding-top:0px;
	text-align:left;
	height:80px;
 
	
	}


.facevasen
{	
	float:left;
	width:1000px;
 	left:0;
	margin-left auto;
	padding-right:0px;
	padding-top:00px;
	font-size:20px;
	 
   	
}

.faceoikea
{
	float:right;
	width:600px
 	right:0;
	padding-left:00px;
	padding-right:00px;
	padding-top:0px;
	text-align:left;
	
 
	
	}

.tuomas-content
{
	
	
	width:1000px;
	font-family: 'Oswald', sans-serif;
	text-align:left;
	margin-left:auto;
	margin-right:auto;

	margin-top:0px;
	margin-bottom:0px;
	padding-left:20px;
	padding-right:0px;
	padding-top:20px;
	color:#FFFFFF; 
   	

}
.footer-content-mobi
{
	
	
	width:1000px;
	font-family: 'Oswald', sans-serif;
	text-align:left;
	margin-left:auto;
	margin-right:auto;

	margin-top:0px;
	margin-bottom:0px;
	
	padding-right:0px;
	padding-top:20px;
	color:#FFFFFF; 
   	


}

.footer-content
{
	
	
	width:1000px;
	font-family: 'Oswald', sans-serif;
	text-align:left;
	margin-left:auto;
	margin-right:auto;

	margin-top:0px;
	margin-bottom:0px;
	padding-left:200px;
	padding-right:0px;
	padding-top:20px;
	color:#FFFFFF; 
   	


}


.padding
{	
	padding-left:100px;
	
   	
}




.footer-vasen
{	
	float:left;
	width:500px;
 	left:0;
	padding-left:0px;
	padding-right:0px;
	padding-top:00px;
	font-size:20px;
	color:#FFFFFF; 
	height:250px;
   	
}

.footer-oikea
{
	float:right;
	width:500px
 	right:0;
	padding-left:00px;
	padding-right:00px;
	padding-top:0px;
	text-align:left;
	color:#FFFFFF;
	height:250px;
	}


#imgbw
{	
	
	
	vertical-align:text-top;
 	left:0;
	padding-left:100px;
	padding-right:10px;
	padding-top:0px
	
	
}



.wrapper
{	position:relative;
	top:0;
	float:right;	
	width:500px;	
	margin-bottom:10px;
	margin-top:10px;
	
 	

	
	}
.slide
{		
		
	margin-bottom:10px;
	margin-top:10px;
	height:370px;
 	

	
	}


.mobile1
{
	
	
	width:100%;
	font-family: 'Oswald', sans-serif;
	text-align:left;
	margin-left:auto;
	margin-right:auto;

	margin-top:0px;
	margin-bottom:0px;
	padding-left:00px;
	padding-right:0px;
	padding-top:0px;
	


}

.mobile1top0
{
	
	
	width:100%;
	font-family: 'Oswald', sans-serif;
	text-align:left;
	margin-left:auto;
	margin-right:auto;

	margin-top:-10px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	


}


.mobile1top0black
{
	
	
	width:100%;
	font-family: 'Oswald', sans-serif;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color:#262626;
	margin-top:-10px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	


}

.facecontent
{
	
	
	width:1000px;
	font-family: 'Oswald', sans-serif;
	text-align:left;
	margin-left:auto;
	margin-right:auto;

	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	


}

.black
{
	
	
	width:100%;
	background-color:#262626;



}
.margin
{
	
	
	max-width:1000px;
	padding-left:20px;
margin-left:auto;
	margin-right:auto;


}