/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* 

{
	
margin: 0;
	
padding: 0;
}



html, body {
	
font-size: 12px;
	
font-family: Andale Mono, sans-serif;
color: #333;	
background: #FFF;  
height: 100%
}



body.section-1 { }

body.section-2 { }

body.section-3 { }



a:link { text-decoration: none; color: #000;}

a:active { text-decoration: none; color: #000;}

a:visited { text-decoration: none; color: #666; }

a:hover { text-decoration: underline; color: #666;}


a img { border: none; }


#logolink a {
    
width: 311px;
    
top: 25px;
    
left: 50px;
	
position: absolute;

display: block;
   
z-index: 5; 
height: 81px;
	

}




#menu {
    
width: 390px;
    
overflow: hidden;
    
top: 0px;
    
bottom: 0;
	
left: 0;
    
position: fixed;
    
height: 100%;

background: #FFF url('http://www.jonathanvdk.com/logolink.gif') no-repeat fixed 50px 30px;  
	

}



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



#menu ul li.section-title { }



#content {
    
height: 100%;
    
margin: 0 0 0 400px;
top: 50px;
}

#menu .container {
	margin-left: 50px;
	margin-top: 70px;
	padding-right: 20px;
}

.container {
    
padding: 50px 5px 25px 5px;
}



#content p { 
width: 400px; 
padding-bottom: 9px; }

p {
    

margin: 0 0 9px 0;
}

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: 400px; 
margin: 0; 
padding: 0 0 12px 0; }



#once { clear: left; }

#page {
margin: 100px auto 100px auto;
padding: 20px 20px 20px 20px;
font-size: 14px;
	
font-family: Arial, sans-serif;

color: #000;	
width: 400px;
height: 150px;
border: 1px solid #000;
}

p.nav {
	display:block;
	position: absolute;
	top: 72px;
	left: 405px;
	height: 30px;
	width: 400px;
	
}

#s1 {
	margin-top: 50px;
	
}