@charset "utf-8";
/*CSS Document */

#hold {
	/* gives the basic background color
same height as shadow
to center within shadow left = shadow width - hold width divede by 2
 */
	top: 0px;
	height: 850px;
	width:950px;
	left: 0px;
	position: absolute;
	z-index: 2;
background-color:#660000;
	visibility: visible;
}
#shadow {
/* this centers and holds content etc */
	top: 0px;
	height: 850px;
	width:950px;
	position: relative;
	margin: auto;
	z-index: 1;
}

#header {
	height: 82px;
	width: 950px;
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 0px;
	background-color: 660000;
	visibility: visible;
	text-align: center;
	padding-top: 6px;
}

#youarehere {
	height: 16px;
	width: 100px;
	position: absolute;
	z-index: 5;
	top: 111px;
	left: 845px;
	visibility: visible;
	}
	
#zadistaLogo {
	height: 29px;
	width: 225px;
	position: absolute;
	z-index: 5;
	top: 103px;
	left: 6px;
	visibility: visible;
	}

#tellafriend {
	height: 15px;
	width: 124px;
	position: absolute;
	z-index: 5;
	top: 834px;
	left: 10px;
	visibility: visible;
	}
	
	#counter {
	height: 15px;
	width: 60px;
	position: absolute;
	z-index: 5;
	top: 835px;
	left: 885px;
	visibility: visible;
	text-align:right;
	}

	
	#copyright {
	height: 15px;
	width: 200px;
	position: absolute;
	z-index: 5;
	top: 835px;
	left: 630px;
	visibility: visible;
	}

#contentMain {
	height: 467px;
	width: 950px;
	position: absolute;
	z-index: 3;
	top: 138px;
	left: 1px;
	visibility: visible;
	background-color: #400000;
}
#biographyEnglish {
	height: 447px;
	width: 500px;
	position: absolute;
	z-index: 3;
	top: 227px;
	left: 40px;
	background-color: #400000;
	padding: 40px;
	visibility: visible;
}
#englishTodutch {
	height: 17px;
	width: 36px;
	position: absolute;
	z-index: 3;
	top: 118px;
	left: 607px;
	background-color: #660000;
	padding-left: 10px;
	padding-right: 10px;
	visibility: visible;
}

#biographyDutch {
	height: 392px;
	width: 500px;
	position: absolute;
	z-index: 3;
	top: 117px;
	left: 39px;
	background-color: #400000;
	padding: 40px;
	visibility: hidden;
}
#dutchToenglish {
	height: 17px;
	width: 37px;
	position: absolute;
	z-index: 3;
	top: 118px;
	left: 607px;
	background-color: #660000;
	padding-left: 10px;
	padding-right: 10px;
	visibility: hidden;
}

#flyout {
	position: absolute;
	height: 100px;
	width: 100%;
	top: 100px;
	background-color:#00FF00;
	z-index: 0;
}
#logo {
	height: 63px;
	width: 90px;
	position: absolute;
	z-index: 4;
	top: 13px;
	left: 850px;
	visibility: visible;
}

#navigation {
	height: 200px;
	width: 88px;
	position: absolute;
	z-index: 3;
	top: 308px;
	left: 520px;
	background-color:#FFFFCC;
}

#footer {
	height: 30px;
	width: 950px;
	position: absolute;
	z-index: 3;
	top: 101px;
	left: 1px;
	visibility: visible;
	background-color: #8c0000;
}

#photo1 {
	height: 675px;
	width: 950px;
	position: absolute;
	z-index: 3;
	top: 159px;
	left: 0px;
	background-color: #400000;
	visibility: visible;

}
#recentWork {
	height: 675px;
	width: 950px;
	position: absolute;
	z-index: 3;
	top: 159px;
	left: 0px;
	visibility: visible;
	background-color: #350000;
}
#linksDiv {
	height: 671px;
	width: 950px;
	position: absolute;
	z-index: 3;
	top: 156px;
	left: 0px;
	visibility: visible;
	background-color: #350000;
}


#textbox1 {
	height: 510px;
	width: 587px;
	position: absolute;
	z-index: 4;
	top: 191px;
	left: 2px;
	visibility: visible;
	padding: 20px
}

#galleryBoxLarge {
	height: 500px;
	width: 635px;
	position: absolute;
	z-index: 4;
	top: 236px;
	left: 0px;
	visibility: visible;
	text-align:center;
}

#controls {
	height: 20px;
	width: 282px;
	position: absolute;
	z-index: 4;
	top: 110px;
	left:654px;
	visibility: visible;
	text-align:center;
}

#thumbs {
	height: 539px;
	width: 297px;
	position: absolute;
	z-index: 5;
	top: 227px;
	left:641px;
	visibility: visible;
	text-align:center;
}

#title1 {
	height: 258px;
	width: 250px;
	position: absolute;
	z-index: 4;
	top: 367px;
	left: 658px;
	visibility: visible;
	padding: 10px;
	background-color: 660000;
}
#saleTitle {
	height: 469px;
	width: 250px;
	position: absolute;
	z-index: 4;
	top: 241px;
	left: 658px;
	visibility: visible;
	padding: 10px;
	background-color: 660000;
}
#homeTitle {
	height: 42px;
	width: 566px;
	position: absolute;
	z-index: 4;
	top: 668px;
	left: 34px;
	visibility: visible;
	padding: 3x;
	background-color: 660000;
}
#bioTitle {
	height: 316px;
	width: 250px;
	position: absolute;
	z-index: 4;
	top: 279px;
	left: 644px;
	visibility: visible;
	padding: 10px;
	background-color: 660000;
}
#introText {
	height: 62px;
	width: 897px;
	position: absolute;
	z-index: 5;
	top: 732px;
	left: 18px;
	visibility: visible;
	padding: 10px;
	background-color: #660000;
}
#introPic1 {
	height: 345px;
	width: 283px;
	position: absolute;
	z-index: 5;
	top: 183px;
	left: 646px;
	visibility: visible;
	padding: 5px;
}
#colPic {
	height: 500px;
	width: 400px;
	position: fixed;
	z-index: 4;
	top: 150px;
	left: 0px;
	padding: 10px;
	background-color: #CCCCFF;
	visibility: hidden;
}


#navcontainer ul
{
	padding-left: 0;
	margin-left: 0;
	background-color: #350000;
	color: White;
	float: left;
	font-family: arial, helvetica, sans-serif;
	margin-top: 4px;
}
#navcontainer {
	position: relative;
	width: 600px;
	left:300px;
}


#navcontainer ul li {
 display: inline;
  }

#navcontainer ul li a {
padding: 0.2em 1em;
background-color: #350000;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover {
	background-color: #8C0000;
	color: #fff;
}