/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{margin: 0; padding : 0;}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	font-weight: normal;
}

/* Rmoves list-styles from lists */
ol, ul
{ list-style: none; }

/* Normalizes font-style and font=weight to normal */
address, caption, cite, code, dfn, em, th, var, strong
{ font-style: normal; font-weight: normal; }

/* Removes border from table */
table
{ border-collapse: collapse; border-spacing: 0; }

/* Removes border from fieldset and img */
fieldset, img
{ border: 0; }

/* Left-aligns text in caption and th */
caption, th
{ text-align: left; }

/* Removes quotation marks from q */
q:before, q:after
{ content:''; }

html
{ text-align: center; }

body {
	margin: 0 auto;
	background-color: #4F2700;
	text-align: left;
}

div#site_container {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 750px;
	height: 560px;
	margin-top: -280px;
	margin-left: -375px;
	overflow: hidden;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
/* BRANDING */
div#branding {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	margin-bottom: 10px;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
h1 {
	height: 25px;
	background-image: url(../images/paulvandongen.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
div#branding h1 a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 25px;
	display: block;
}
/* NAVIGATION */
div#navigation {
	position: absolute;
	top: 50px;
	left: 0px;
	width: 100%;
	height: 40px;
}

ul#nav_main{
	margin:0;	
}

ul#nav_main li {
 line-height: 40px;
	float:left;
	margin-left: 25px;
}
ul#nav_main li.first {
	margin-left: 0;
}

/* CONTENT */
div#content {
	position: absolute;
	top: 90px;
	left: 0px;
	width: 100%;
	height: 430px;
}
div.no_scroll {
	overflow: hidden;	
}
div.scroll {
	overflow: auto;	
}
/* PICTURE WINDOW */
/* LOADING */
div#picture {
	position: absolute;
	z-index: 400;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
div#picture_back {
	position: fixed;
	z-index: 200;
	background-color: #FFFFFF;
	opacity: .5;
	filter: alpha(opacity=50);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
div#picture_main {
	position: absolute;
	z-index: 300;
	border: 1px solid #333333;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../images/spinner.gif);
}
h5#picture_title {
	clear: left;
	margin-top: 3px;
	height: 22px;
	overflow: hidden;
}
div#pic_next {
	position: absolute;
	z-index: 400;
	right: 50px;
	top: 50%;
	width: 50px;
	height: 50px;
	overflow: hidden;
}
div#pic_next a{
	width: 50px;
	height: 50px;
	background-image: url(../images/next.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	text-indent: -9999px;
}	
div#pic_next a:hover{
	background-position: -50px 0px;
}	
div#pic_prev {
	position: absolute;
	z-index: 400;
	left: 50px;
	top: 50%;
	width: 50px;
	height: 50px;
	overflow: hidden;
}
div#pic_prev a{
	width: 50px;
	height: 50px;
	background-image: url(../images/prev.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	text-indent: -9999px;
}	
div#pic_prev a:hover{
	background-position: -50px 0px;
}
/** FRONT **/
h2#main_title {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 20px;
    margin-top: 245px;
    margin-left: -375px;
	color:#FFFFFF;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 16px;
	width: 750px;
	text-align: center;
}