*{
	margin: 0;
	padding: 0;
}

img{
	border: none;	
	outline: none;
}

body{
	font-family: Courier, "Courier New", Arial, Verdana,  sans-serif;
	font-size: 13px;
	background: #FCFCF9 url("../img/blank_page.jpg") repeat top left;
	color: #333;
}

a{
	color: #333;
	text-decoration: underline;
}

a:hover{
	color: #333;
	text-decoration: none;
	}


#wrap{
	background: url("../img/blank.jpg") no-repeat top left;
	width: 100%;	
	}
	
#container{
	width: 995px;
	}

#top{
	width: 100%;
	height: 200px;
	}
	
#containerContent{
	margin-top: 30px;
	}

#content{
	width: 700px;
	float: left;
	padding-left: 60px;
	}

#content p{
	width: 675px;
	}
		
#left{
	width: 235px;
	float: left;
	text-align: right;
	}

h1#header a{
	width: 250px;
	height: 157px;
	display: block;
	}

h1#header span{
	display: none;
	}

h2{
	font-size: 13px;
	margin: 0;	
	}

p{
	margin: 0 0 1em 0;
	}

/****************************************************** navigatie */	

#nav{
	width: 690px;
	height: 50px;
	position: absolute;
	top: 107px;
	left: 290px;
	}
	
#nav span{
	display: none;
	}
		
#nav li{
	display: inline;
	float: left;
	}
	
#films a{
	width: 170px;
	height: 50px;
	display: block;
	}

#films a:hover, #films a.selected{
	background: url("../img/films_over.jpg") no-repeat top left;
	}


#drawings a{
	width: 160px;
	height: 50px;
	display: block;
	}

#drawings a:hover, #drawings a.selected{
	background: url("../img/drawings_over.jpg") no-repeat top left;
	}

#books a{
	width: 170px;
	height: 50px;
	display: block;
	}

#books a:hover, #books a.selected{
	background: url("../img/books_over.jpg") no-repeat top left;
	}

#commissions a{
	width: 190px;
	height: 50px;
	display: block;
	}

#commissions a:hover, #commissions a.selected{
	background: url("../img/commissions_over.jpg") no-repeat top left;
	}		
	
#bottomNav{
	width: 360px;
	height: 40px;
	position: absolute;
	top: 157px;
	left: 620px;
	}

#bottomNav span{
	display: none;
	}
		
#bottomNav li{
	display: inline;
	float: left;
	}

#news a{
	width: 80px;
	height: 40px;
	display: block;	
	}

#news a:hover, #news a.selected{
	background: url("../img/home_over.jpg") no-repeat top left;
	}

#about a{
	width: 80px;
	height: 40px;
	display: block;	
	}

#about a:hover, #about a.selected{
	background: url("../img/about_over.jpg") no-repeat top left;
	}

#cv a{
	width: 40px;
	height: 40px;
	display: block;	
	}

#cv a:hover, #cv a.selected{
	background: url("../img/cv_over.jpg") no-repeat top left;
	}

#links a{
	width: 60px;
	height: 40px;
	display: block;	
	}

#links a:hover, #links a.selected{
	background: url("../img/links_over.jpg") no-repeat top left;
	}

#contact a{
	width: 100px;
	height: 40px;
	display: block;	
	}

#contact a:hover, #contact a.selected{
	background: url("../img/contact_over.jpg") no-repeat top left;
	}

/*************************************************************************/

.news img{
	margin-bottom: 1.5em;
	display: block;
	}


#containerContent h1{
	font-size: 14px;
	border-bottom: 0px solid #999;
	margin: 0 0 1em 0;
	/*padding: 0.3em 0;*/
	text-transform: uppercase;
	
	}	
	
.seeMore{
	margin: 0;
	font-weight: bold;
	}

	
#containerContent ul{
	margin: 0 0 1.5em 0;
	}

.booksImg{
	padding: 0 5px 1em 5px;
	}

.divider{
	border-top: 2px solid #666;
	}

#left ul{
	list-style-type: none;
	font-weight: bold;
	text-align: right;
	}

#left ul a{
	text-decoration: none;
	}

#left ul a:hover{
	color: #999;
	}

#left ul a.selected{
	color: #999;
	}


#containerContent ul{
	list-style-type: none;	
	}

#content .big{
	padding-bottom: 1em;
	}
	
.drawings{
	padding: 12px 24px 12px 0;
	/*width: 145px;
	height: 116px;*/
	}
	
#footer{
	position: relative;
	top: 120px;
	left: 290px;
	background: none;
	font-size: 11px;
	color: #999;
	}

#footer a{
	text-decoration: none;
	color: #999;
	}

#footer a:hover{
	text-decoration: none;
	color: #000;
	}
	
	
table{
	margin-bottom: 1.5em;
	width:100%;
	}

td{
	vertical-align: text-top;
	}	

td.col1{
	/*width: 120px;*/
	padding-right: 20px;
	}
	
td.col2{
	
	}		

.credits{
	font-size: 11px;
	color: #888;
	}	

#movie{
	margin-bottom: 2em;
	}			
/******************************** fixes */
.clearfix{
	clear: both;
}

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}