@charset "utf-8";
/* CSS Document */
/*======================================================INIT */
/* A Properties */
a { outline:none; color:#000; } /* Gets rid of Firefox's dotted borders */

a img { border:none } /* Gets rid of IE's blue borders */

/* Background */
#background {
	background-color: #FFFFF;
}
/* Main Container */
#main {
	position: absolute;
	width: 1024px;
	height: 768px;
}
/* Logo Container */
#logo {
	position: absolute;
	top: 25px;
	left: 25px;
}
/* Menu Container */
#menu {
	position: absolute;
	top: 152px;
	left: 25px;
	height: 216px;
	width: 310px;
}
/* Footer Properties */
#footer {
	position: absolute;
	top: 750px;
	left: 595px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	letter-spacing: 2px;
	color:#999;
}
/*======================================================PORTFOLIO */

#video {
	position: absolute;
	top: 70px;
	left: 360px;
}
#project_header {
	position:absolute;
	top: 25px;
	left: 360px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	letter-spacing: 2px;
}

/* HOME */
#main_home {
	position:absolute;
	width: 1024;
	height: 1600px;
}

/* RECENT PROJECTS */

#recent_projects_header {
	position:absolute;
	left: 360px;
	top: 25px;
}
#project_title_home {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	letter-spacing: 2px;
}
#description_typeface {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 13px;
}
#expo_1 {
	position:absolute;
	top: 50px;
	left: 0px;
}
#expo_2 {
	position:absolute;
	top: 50px;
	left: 200px;
}
#expo_3 {
	position:absolute;
	top: 50px;
	left: 400px;
}
#expo_4 {
	position:absolute;
	top: 100px;
	left: 0px;
}
	/* RECENT PROJECTS - LIMES */
#limes_image {
	position:absolute;
	left: 363px;
	top: 60px;
	height: 426px;
	width: 640px;
}
#limes_text {
	position:absolute;
	left: 360px;
	top: 520px;
	width: 640px;
}
	/* RECENT PROJECTS -  TACTILE */
#tactile_image {
	position:absolute;
	left: 363px;
	top: 620px;
	height: 426px;
	width: 640px;
}
#tactile_text {
	position:absolute;
	left: 360px;
	top: 1070px;
	width: 640px;
}
	/* RECENT PROJECTS -  MARBLES */
#marbles_image {
	position:absolute;
	left: 363px;
	top: 1205px;
	height: 300px;
	width: 448px;
}
#marbles_text {
	position:absolute;
	left: 360px;
	top: 1555px;
	width: 640px;
}

/* TACTILE ECHO */

#te_expo_container {
	position:absolute;
	left: 360px;
	top: 400px;
	width: 640px;
}
#te_project_description {
	position:absolute;
	left: 360px;
	top: 550px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 16px;
}
#te_project_images {
	position:absolute;
	top: 740px;
	left: 360px;
}
/* DIGITAL MARBLES */

#db_expo_container {
	position:absolute;
	left: 360px;
	top: 515px;
	width: 640px;
}
#db_project_description {
	position:absolute;
	left: 360px;
	top: 620px;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	line-height:16px;
}
#db_project_images {
	position:absolute;
	top: 830px;
	left: 360px;
}
/* PORTICO LIMES */

#limes_expo_container {
	position:absolute;
	left: 360px;
	top: 615px;
	width: 640px;
}
#limes_project_description {
	position:absolute;
	left: 360px;
	top: 720px;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	line-height:16px;
}
#limes_project_images {
	position:absolute;
	top: 930px;
	left: 360px;
}
/* BUTTONS */

#portfolio_btn {
	position: absolute;
	top: 0px;
	left: 0px;
}
#contact_btn {
	position: absolute;
	top: 0px;
	left: 167px;
}
#cv_btn  {
	position: absolute;
	top: 70px;
	left: 0px;
}
#biography_btn {
	position: absolute;
	top: 70px;
	left: 167px;
}
#interactive_3-D_btn {
	position: absolute;
	top: 140px;
	left: 0px;
	width: 142px;
	height: 25px;
	display: block;
	background-repeat:no-repeat;
}
#non_interactive_3-D_btn {
	position: absolute;
	top: 140px;
	left: 167px;
	width: 142px;
	height: 25px;
	display: block;
	background-repeat:no-repeat;
}
#interactive_2-D_btn {
	position: absolute;
	top: 190px;
	left: 0px;
	width: 142px;
	height: 25px;
	display: block;
	background-repeat:no-repeat;
}
#non_interactive_2-D_btn {
	position: absolute;
	top: 190px;
	left: 167px;
	width: 142px;
	height: 25px;
	display: block;
	background-repeat:no-repeat;
}
/* Thumbnail Container */
#thumbnails {
	position: absolute;
	top: 392px;
	left: 25px;
	height: 351px;
	width: 309px;
}
/* Thumbnail Containers */
#tn_1 {
	position:absolute;
	top: 0px;
	left: 0px;
	height: 115px;
	width: 75px;
}
#tn_2 {
	position:absolute;
	top: 0px;
	left: 116px;
	height: 115px;
	width: 75px;
}
#tn_3 {
	position:absolute;
	top: 0px;
	left: 235px;
	height: 115px;
	width: 75px;
}
#tn_4 {
	position:absolute;
	top: 115px;
	left: 0px;
	height: 115px;
	width: 75px;
}
#tn_5 {
	position:absolute;
	top: 115px;
	left: 116px;
	height: 115px;
	width: 75px;
}
#tn_6 {
	position:absolute;
	top: 115px;
	left: 235px;
	height: 115px;
	width: 75px;
}
#tn_7 {
	position:absolute;
	top: 230px;
	left: 0px;
	height: 115px;
	width: 75px;
}
#tn_8 {
	position:absolute;
	top: 230px;
	left: 116px;
	height: 115px;
	width: 75px;
}
#tn_9 {
	position:absolute;
	top: 230px;
	left: 235px;
	height: 115px;
	width: 75px;
}
/* Main Image Container */
#main_image {
	position: absolute;
	top: 25px;
	left: 360px;
	width: 640px;
	height: 480px;
}
/* SWF Container */
#swf_container {
	position: absolute;
	top: 65px;
	left: 405px;
}
/* Previous Button Container */ 
#previous_btn {
	position:absolute;
	top: 518px;
	left: 362px;
	width: 25px;
	height: 25px;
}
/* Next Button Container */ 
#next_btn {
	position:absolute;
	top: 519px;
	left: 975px;
	width: 25px;
	height: 25px;
}
/* Image Title Properties*/
#image_title {
	position: absolute;
	top: 515px;
	left: 383px;
	height: 18px;
	width: 592px;
	text-align: center;
	vertical-align:middle;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	letter-spacing: 2px;
}
/* Image Number Properties*/
#image_number {
	position: absolute;
	top: 553px;
	left: 640px;
	height: 18px;
	width: 80px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
}
/* Image Specs Properties */
#image_specs {
	position: absolute;
	top: 553px;
	left: 360px;
	height: 10px;
	width: 620px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 13px;
}
#image_specs_exception {
	position: absolute;
	top: 545px;
	left: 360px;
	height: 10px;
	width: 620px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 13px;
}
/* Image Description Properties */

#image_description {
	position: absolute;
	top: 618px;
	left: 360px;
	height: 118px;
	width: 640px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 16px;
}
#image__exception {
	position: absolute;
	top: 590px;
	left: 360px;
	height: 118px;
	width: 640px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 16px;
}
/* Menu Button Properties */
.biography_btn {
	width: 142px;
	height: 45px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/init/biography_btn.png);
}
.biography_btn:hover {
	background-image:url(../images/init/biography_btn.png);
	background-color: #c0c0c0;
	width: 142px;
	height: 45px;
	display: block;
}
.biography_btn_select {
	width: 142px;
	height: 45px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/init/biography_btn.png);
	background-color: #c0c0c0;
}
.contact_btn {
	width: 142px;
	height: 45px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/init/contact_btn.png);
}
.contact_btn:hover {
	background-image:url(../images/init/contact_btn.png);
	background-color: #c0c0c0;
	width: 142px;
	height: 45px;
	display: block;
}
.contact_btn_select {
	width: 142px;
	height: 45px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/init/contact_btn.png);
	background-color: #c0c0c0;
}
.cv_btn {
	width: 142px;
	height: 45px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/init/cv_btn.png);
}
.cv_btn:hover {
	background-image:url(../images/init/cv_btn.png);
	background-color: #c0c0c0;
	width: 142px;
	height: 45px;
	display: block;
}
.cv_btn_select {
	width: 142px;
	height: 45px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/init/cv_btn.png);
	background-color: #c0c0c0;
}
.portfolio_btn {
	width: 142px;
	height: 45px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/init/portfolio_btn.png);
}
.portfolio_btn:hover {
	background-image:url(../images/init/portfolio_btn.png);
	background-color: #c0c0c0;
	width: 142px;
	height: 45px;
	display: block;

}
.portfolio_btn_select {
	width: 142px;
	height: 45px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/init/portfolio_btn.png);
	background-color: #c0c0c0;
}
.interactive_3-D_btn {
	width: 142px;
	height: 25px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/init/interactive_3-D_btn.png);
}
.interactive_3-D_btn:hover {
	background-image:url(../images/init/interactive_3-D_btn.png);
	background-color: #c0c0c0;
	width: 142px;
	height: 25px;
	display: block;

}
.interactive_3-D_btn_select {
	width: 142px;
	height: 25px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/init/interactive_3-D_btn.png);
	background-color: #c0c0c0;
}
.interactive_2-D_btn {
	width: 142px;
	height: 25px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/init/interactive_2-D_btn.png);
}
.interactive_2-D_btn:hover {
	background-image:url(../images/init/interactive_2-D_btn.png);
	background-color: #c0c0c0;
	width: 142px;
	height: 25px;
	display: block;
}
.interactive_2-D_btn_select {
	width: 142px;
	height: 25px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/init/interactive_2-D_btn.png);
	background-color: #c0c0c0;
}
.non_interactive_3-D_btn {
	width: 142px;
	height: 25px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/init/non_interactive_3-D_btn.png);
}
.non_interactive_3-D_btn:hover {
	background-image:url(../images/init/non_interactive_3-D_btn.png);
	background-color: #c0c0c0;
	width: 142px;
	height: 25px;
	display: block;
}
.non_interactive_3-D_btn_select {
	width: 142px;
	height: 25px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/init/non_interactive_3-D_btn.png);
	background-color: #c0c0c0;
}
.non_interactive_2-D_btn {
	width: 142px;
	height: 25px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/init/non_interactive_2-D_btn.png);
}
.non_interactive_2-D_btn:hover {
	background-image:url(../images/init/non_interactive_2-D_btn.png);
	background-color: #c0c0c0;
	width: 142px;
	height: 25px;
	display: block;

}
.non_interactive_2-D_btn_select {
	width: 142px;
	height: 25px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/init/non_interactive_2-D_btn.png);
	background-color: #c0c0c0;
}
/* Thumbnail Properties */

	/* non_interactive_2-D */
	
		/*watercolor*/
.watercolor_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/non_interactive_2-D/watercolor/thumbnail.png);}
.watercolor_tn:hover {
	background-image:url(../images/non_interactive_2-D/watercolor/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.watercolor_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/non_interactive_2-D/watercolor/thumbnail.png);
	background-color: #c0c0c0;
}
		/*pastel*/
.pastel_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/non_interactive_2-D/pastel/thumbnail.png);}
.pastel_tn:hover {
	background-image:url(../images/non_interactive_2-D/pastel/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.pastel_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/non_interactive_2-D/pastel/thumbnail.png);
	background-color: #c0c0c0;
}
		/*pencil drawing*/
.pencil_drawing_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/non_interactive_2-D/pencil_drawing/thumbnail.png);}
.pencil_drawing_tn:hover {
	background-image:url(../images/non_interactive_2-D/pencil_drawing/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.pencil_drawing_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/non_interactive_2-D/pencil_drawing/thumbnail.png);
	background-color: #c0c0c0;
}
		/*ink*/
.ink_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/non_interactive_2-D/ink/thumbnail.png);}
.ink_tn:hover {
	background-image:url(../images/non_interactive_2-D/ink/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.ink_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/non_interactive_2-D/ink/thumbnail.png);
	background-color: #c0c0c0;
}
		/*paint*/
.paint_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/non_interactive_2-D/paint/thumbnail.png);}
.paint_tn:hover {
	background-image:url(../images/non_interactive_2-D/paint/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.paint_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/non_interactive_2-D/paint/thumbnail.png);
	background-color: #c0c0c0;
}
		/*rechtbank alkmaar entree*/
.rechtbank_alkmaar_entree_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/non_interactive_2-D/rechtbank_alkmaar_entree/thumbnail.png);}
.rechtbank_alkmaar_entree_tn:hover {
	background-image:url(../images/non_interactive_2-D/rechtbank_alkmaar_entree/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.rechtbank_alkmaar_entree_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/non_interactive_2-D/rechtbank_alkmaar_entree/thumbnail.png);
	background-color: #c0c0c0;
}
		/*paulus buys fresco*/
.paulus_buys_fresco_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/non_interactive_2-D/paulus_buys_fresco/thumbnail.png);}
.paulus_buys_fresco_tn:hover {
	background-image:url(../images/non_interactive_2-D/paulus_buys_fresco/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.paulus_buys_fresco_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/non_interactive_2-D/paulus_buys_fresco/thumbnail.png);
	background-color: #c0c0c0;
}
		/*feesttent decoratie*/
.feesttent_decoratie_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/non_interactive_2-D/feesttent_decoratie/thumbnail.png);}
.feesttent_decoratie_tn:hover {
	background-image:url(../images/non_interactive_2-D/feesttent_decoratie/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.feesttent_decoratie_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/non_interactive_2-D/feesttent_decoratie/thumbnail.png);
	background-color: #c0c0c0;
}
		/*paagman etalage boombox*/
.paagman_etalage_boombox_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/non_interactive_2-D/paagman_etalage_boombox/thumbnail.png);}
.paagman_etalage_boombox_tn:hover {
	background-image:url(../images/non_interactive_2-D/paagman_etalage_boombox/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.paagman_etalage_boombox_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/non_interactive_2-D/paagman_etalage_boombox/thumbnail.png);
	background-color: #c0c0c0;
}

	/* non_interactive_3D */
	
		/*devils doorway */
.devils_doorway_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/non_interactive_3-D/devils_doorway/thumbnail.png);}
.devils_doorway_tn:hover {
	background-image:url(../images/non_interactive_3-D/devils_doorway/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.devils_doorway_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/non_interactive_3-D/devils_doorway/thumbnail.png);
	background-color: #c0c0c0;
}
		/*great sorrow*/
.great_sorrow_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/non_interactive_3-D/great_sorrow/thumbnail.png);}
.great_sorrow_tn:hover {
	background-image:url(../images/non_interactive_3-D/great_sorrow/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.great_sorrow_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/non_interactive_3-D/great_sorrow/thumbnail.png);
	background-color: #c0c0c0;
}
		/*facade*/
.facade_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/non_interactive_3-D/facade/thumbnail.png);}
.facade_tn:hover {
	background-image:url(../images/non_interactive_3-D/facade/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.facade_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/non_interactive_3-D/facade/thumbnail.png);
	background-color: #c0c0c0;
}
		/*all_africans_fed*/
.all_africans_fed_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/non_interactive_3-D/all_africans_fed/thumbnail.png);}
.all_africans_fed_tn:hover {
	background-image:url(../images/non_interactive_3-D/all_africans_fed/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.all_africans_fed_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/non_interactive_3-D/all_africans_fed/thumbnail.png);
	background-color: #c0c0c0;
}
		/*modern_people*/
.modern_people_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/non_interactive_3-D/modern_people/thumbnail.png);
}
.modern_people_tn:hover {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/non_interactive_3-D/modern_people/thumbnail.png);
	background-color: #c0c0c0;
}
.modern_people_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/non_interactive_3-D/modern_people/thumbnail.png);
	background-color: #c0c0c0;
}

	/* interactive 2-D */
	
		/*corrupt*/
.corrupt_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/interactive_2-D/corrupt/thumbnail.png);}
.corrupt_tn:hover {
	background-image:url(../images/interactive_2-D/corrupt/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.corrupt_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/interactive_2-D/corrupt/thumbnail.png);
	background-color: #c0c0c0;
}
		/*websites*/
.websites_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/interactive_2-D/websites/thumbnail.png);}
.websites_tn:hover {
	background-image:url(../images/interactive_2-D/websites/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.websites_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/interactive_2-D/websites/thumbnail.png);
	background-color: #c0c0c0;
}	
		/*man in need*/
.man_in_need_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/interactive_2-D/man_in_need/thumbnail.png);}
.man_in_need_tn:hover {
	background-image:url(../images/interactive_2-D/man_in_need/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.man_in_need_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/interactive_2-D/man_in_need/thumbnail.png);
	background-color: #c0c0c0;
}
		/*puppet*/
.puppet_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/interactive_2-D/puppet/thumbnail.png);}
.puppet_tn:hover {
	background-image:url(../images/interactive_2-D/puppet/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.puppet_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/interactive_2-D/puppet/thumbnail.png);
	background-color: #c0c0c0;
}
		/*keesje*/
.keesje_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/interactive_2-D/keesje/thumbnail.png);}
.keesje_tn:hover {
	background-image:url(../images/interactive_2-D/keesje/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.keesje_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/interactive_2-D/keesje/thumbnail.png);
	background-color: #c0c0c0;
}
	/* interactive 3-D */
		/*portico limes */
.limes_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/limes/thumbnail.png);
}
.limes_tn:hover {
	background-image:background-image:url(../images/limes/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.limes_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/limes/thumbnail.png);
	background-color: #c0c0c0;
}
		/*tactile echo*/
.te_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/tactileecho/thumbnail.png);
}
.te_tn:hover {
	background-image:background-image:url(../images/tactileecho/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.te_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/tactileecho/thumbnail.png);
	background-color: #c0c0c0;
}
		/*digital marbles*/
.db_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/digitalmarbles/thumbnail.png);
}
.db_tn:hover {
	background-image:background-image:url(../images/digitalmarbles/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.db_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/digitalmarbles/thumbnail.png);
	background-color: #c0c0c0;
}
		/*the drag*/
.the_drag_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/interactive_3-D/the_drag/thumbnail.png);
}
.the_drag_tn:hover {
	background-image:url(../images/interactive_3-D/the_drag/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.the_drag_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/interactive_3-D/the_drag/thumbnail.png);
	background-color: #c0c0c0;
}
		/*ccig*/
.ccig_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/interactive_3-D/CCIG/thumbnail.png);}
.ccig_tn:hover {
	background-image:url(../images/interactive_3-D/CCIG/thumbnail.png);
	background-color: #c0c0c0;
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
}
.ccig_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/interactive_3-D/CCIG/thumbnail.png);
	background-color: #c0c0c0;
}
		/*plug*/
.plug_tn {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/interactive_3-D/plug/thumbnail.png);}
.plug_tn:hover {
	background-image:url(../images/interactive_3-D/plug/thumbnail.png);
	background-color: #c0c0c0;
}
.plug_tn_select {
	width: 75px;
	height: 115px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(../images/interactive_3-D/plug/thumbnail.png);
	background-color: #c0c0c0;
}
/*======================================================CONTACT */
/* Contact Container */
#contact {
	position:absolute;
	top: 292px;
	left: 25px;
}
/* Contact Typography */
SPAN.contact {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	letter-spacing: 1px;
}
/*======================================================BIOGRAPHY */
/* Biography Text Container */
#biography {
	position:absolute;
	top: 383px;
	left: 360px;
	width: 640px;
	height: 240px;
	overflow: auto;
}
/*Biography Picture Container */
#biography_picture {
	position: absolute;
	top: 25px;
	left: 570px;
	width: 86px;
	height: 133px;
}
/*======================================================CV */
/* CV  */
#cv {
	position:absolute;
	top: 25px;
	left: 360px;
	width: 640px;
	height: 710px;
	overflow: auto;
}
/*======================================================*/
/* GENERAL TYPOGRAPHY */
SPAN.general_content {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	letter-spacing: 1px;
}SPAN.general_content_italic{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	letter-spacing: 1px;
	font-style: italic;
}