body {
/*	background-color: black;*/
	background-color: #5D555C;
	margin:0;
	padding:0;
	text-align:center;
	font-family: Arial,Helvetica,sans-serif;
	color:#000000;
	overflow:hidden;
}
body#menu, body#menu_info {
	background-color: black;/* upd 16-4 */
}
a, a:visited {
	color:#000000;
	text-decoration: none;
}

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

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

h1, h2 {  
	font-size: 0.75em;
	font-weight: normal;
	margin:0;
	padding:0;
}
p {
	font-size: 0.75em;
}
img {
	border:0;
}

/* begin pagina div's */

#preload {
	visibility:hidden;
}
#container {
	position:absolute;
	margin-left:-475px;
/* upd 6-5-08 wegens te hoog in IE */	
/*	margin-top:-290px; */
/*	top: 50%;*/
	margin-top:80px;
	left: 50%;
	width:970px;
/*	height:580px;*/
	background-color: #5D555C;
	text-align:center;/* does this do anything? */
/*	border:1px solid white;*/
}
body#menu #container {
	background: url(../images/menu_bg.jpg);
	margin-top:-290px;
	top: 50%;
	height:580px;
}
body#menu_info #container {
	background: url(../images/menu_info_bg.jpg);
	margin-top:-290px;
	top: 50%;
	height:580px;
}
body#home #container, body#fauxto #container {
	margin-top:-290px;
	top: 50%;
	height:580px;
}

#head-intro {
	position:absolute;
	left:216px;
	top:207px;/* upd 16-4 */
	width:544px;
	height:102px;/* upd 16-4 */
}
a#link_intro {
	display:block;
	width:544px;
	height:102px;/* upd 16-4 */
	background: url(../images/head_intro_combined.gif) bottom left;
}
a#link_intro:hover {
	background: url(../images/head_intro_combined.gif) top left;
}
#head-fauxto {
	position:absolute;
	left:148px;
	top:114px;
	width:679px;
	height:194px;
}
a#link_fauxto {
	display:block;
	width:679px;
	height:194px;
	background: url(../images/head_fauxto_combined.gif) bottom left;
}
a#link_fauxto:hover {
	background: url(../images/head_fauxto_combined.gif) top left;
}
/* upd 30-5 */
#menu-info-head {
	position:absolute;
	left:708px;
	top:33px;
	width:203px;
	height:40px;
	background: url(../images/menu_info_head.gif) bottom left;
}
#menu-info-bio {
	position:absolute;
	left:756px;
	top:114px;
	width:109px;
	height:33px;
}
a#link_info_bio {
	display:block;
	width:109px;
	height:33px;
	background: url(../images/menu_info_bio_combined.gif) bottom left;
}
a#link_info_bio:hover {
	background: url(../images/menu_info_bio_combined.gif) top left;
}
#menu-info-contact {
	position:absolute;
	left:690px;
	top:184px;
	width:237px;
	height:33px;
}
a#link_info_contact {
	display:block;
	width:237px;
	height:33px;
	background: url(../images/menu_info_contact_combined.gif) bottom left;
}
a#link_info_contact:hover {
	background: url(../images/menu_info_contact_combined.gif) top left;
}
#menu-info-order {
	position:absolute;
	left:724px;
	top:253px;
	width:174px;
	height:34px;
}
a#link_info_order {
	display:block;
	width:174px;
	height:34px;
	background: url(../images/menu_info_order_combined.gif) bottom left;
}
a#link_info_order:hover {
	background: url(../images/menu_info_order_combined.gif) top left;
}
#menu-info-links {
	position:absolute;
	left:784px;
	top:324px;
	width:52px;
	height:33px;
}
a#link_info_links {
	display:block;
	width:52px;
	height:33px;
	background: url(../images/menu_info_links_combined.gif) bottom left;
}
a#link_info_links:hover {
	background: url(../images/menu_info_links_combined.gif) top left;
}
#menu-info-home {
	position:absolute;
	left:784px;
	top:394px;
	width:53px;
	height:33px;
}
a#link_info_home {
	display:block;
	width:53px;
	height:33px;
	background: url(../images/menu_info_home_combined.gif) bottom left;
}
a#link_info_home:hover {
	background: url(../images/menu_info_home_combined.gif) top left;
}

#menu-selectedwork {
	position:absolute;
	left:456px;
	top:505px;
	width:316px;
	height:40px;
}
a#link_selectedwork {
	display:block;
	width:316px;
	height:40px;
	background: url(../images/menu_selectedwork_combined.gif) bottom left;
}
a#link_selectedwork:hover {
	background: url(../images/menu_selectedwork_combined.gif) top left;
}
#menu-info {
	position:absolute;
	left:831px;
	top:505px;
	width:66px;
	height:40px;
}
a#link_info {
	display:block;
	width:66px;
	height:40px;
	background: url(../images/menu_info_combined.gif) bottom left;
}
a#link_info:hover {
	background: url(../images/menu_info_combined.gif) top left;
}
/*
#menu-pictures {
	position:absolute;
	left:589px;
	top:485px;
	width:131px;
	height:36px;
}
a#link_pictures {
	display:block;
	width:131px;
	height:36px;
	background: url(../images/menu_pictures_combined.gif) bottom left;
}
a#link_pictures:hover {
	background: url(../images/menu_pictures_combined.gif) top left;
}
#menu-info {
	position:absolute;
	left:810px;
	top:485px;
	width:68px;
	height:36px;
}
a#link_info {
	display:block;
	width:68px;
	height:36px;
	background: url(../images/menu_info_combined.gif) bottom left;
}
a#link_info:hover {
	background: url(../images/menu_info_combined.gif) top left;
}
*/
#menu-look {
	position:absolute;
	left:119px;
	top:160px;
	width:219px;
	height:191px;
}
a#link_look {
	display:block;
	width:219px;
	height:191px;
	background: url(../images/menu_look.gif) bottom left;
}
/* mouseover not yet used */
a#link_look:hover {
	background: url(../images/menu_look.gif) top left;
}
#menu-velveeta {
	position:absolute;
	left:400px;
	top:160px;
	width:219px;
	height:190px;
}
a#link_velveeta {
	display:block;
	width:219px;
	height:190px;
	background: url(../images/menu_velveeta.gif) bottom left;
}
/* mouseover not yet used */
a#link_velveeta:hover {
	background: url(../images/menu_velveeta.gif) top left;
}
#menu-click {
	position:absolute;
	left:681px;
	top:160px;
	width:169px;
	height:241px;
}
a#link_click {
	display:block;
	width:169px;
	height:241px;
	background: url(../images/menu_click.gif) bottom left;
}
/* mouseover not yet used */
a#link_click:hover {
	background: url(../images/menu_click.gif) top left;
}

/* for gallery */

#myGallery
{
	width: 416px;
	height: 316px;
/* upd 24-4 */
	width: 873px;
	height: 336px;
/*	z-index:5; do we need this?*/
/*	border: 10px solid #FEF2E2; upd 24-4 */
	margin:auto;/* centers the div within the container */
	border:0;/* upd 24-4 anders zwarte border */
}
body.vertGal #myGallery {
	width: 316px;
	height: 416px;
/* upd 24-4 */
	width: 673px;
	height: 436px;
}
#myGalleryControl {
	position:relative;
	width: 426px;
	margin: 10px auto;/* centers the div within the container */
	height:10px;
}
body.vertGal #myGalleryControl {
	width: 326px;
}	
#button_play {
	position:absolute;
	left:0;
}
#button_stop {
	position:absolute;
	left:29px;
}
#button_back {
	position:absolute;
	left:187px;
}
body.vertGal #button_back {
	left:143px;
}
#button_forward {
	position:absolute;
	left:222px;
}
body.vertGal #button_forward {
	left:178px;
}
#button_up {
	position:absolute;
	left:423px;/* zou 427 moeten zijn volgens psd waarom klopt dat niet? */
}
body.vertGal #button_up {
	left:318px;/* zou 427 moeten zijn volgens psd waarom klopt dat niet? */
}
/* upd 2-6-08 */
body#info_order #button_up {
	left:424px;
}
#myInfoContainer {
	position:absolute;
	left:253px;
	height:10px;
	width:145px;
}
body.vertGal #myInfoContainer {
	left:203px;
}
.jdGallery .slideInfoZone
{
	width:auto;
	height:auto;
	background-color: #5D555C;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	display:inline;
	padding: 0;
	margin: 0;
	font-size: .6em;/* upd 16-4 */
	font-weight: bold;
	letter-spacing:0.2em;/* upd 16-4 */
	line-height:100%;
	color: #C0E4E5;
}

.jdGallery .slideInfoZone p
{
	display:inline;
	padding: 0;
	padding-left:5px;
	margin: 0;
	font-size: .6em;/* upd 16-4 */
	color: #C0E4E5;
}

/* upd 24-4 */
.jdGallery .slideElement {
	background-color: #5D555C;
}	

/* for scrollpane */
body#info, body#info_order {
	padding-top:110px;;
}
.holder {
	width: 490px;
	height: 340px;
	text-align:left;
	margin:auto;/* centers the div within the container */
}
*:first-child+html .holder {/* for IE7 */
	overflow:hidden;
}
.scroll-pane {
	width: 450px;
	height: 240px;
	padding:20px 20px 50px 20px;
	overflow: auto;
	background-color:#FEF2E2;
	text-align:left;
}
/* some of below used, some not */
.osX .jScrollPaneTrack {
/*	background: url(images/scrollpane/osx_track.gif) repeat-y;*/
	background-color:#98938A;
	right: 10px;
	top: 0;
}
.osX .jScrollPaneDrag {
	background: url(../images/scrollpane/scroll_down.gif) no-repeat 0 0;
	height:6px;
}
/* not used */
			.osX .jScrollPaneDragTop {
				background: url(../images/scrollpane/osx_drag_top.gif) no-repeat;
				height: 6px;
				display:none;
			}
			.osX .jScrollPaneDragBottom {
				background: url(../images/scrollpane/osx_drag_bottom.gif) no-repeat;
				height: 7px;
				display:none;
			}
			.osX a.jScrollArrowUp {
				height: 24px;
				background: url(../images/scrollpane/osx_arrow_up.png) no-repeat 0 -30px;
			}
			.osX a.jScrollArrowUp:hover {
				background-position: 0 0;
			}
			.osX a.jScrollArrowDown {
				height: 24px;
				background: url(../images/scrollpane/osx_arrow_down.png) no-repeat 0 -30px;
			}
			.osX a.jScrollArrowDown:hover {
				background-position: 0 0;
			}
/* for info page */
body#info h1{
	font-weight:bold;
	font-size:10px;
	letter-spacing:0.5em;
	color:#D20019;
}			
body#info h2{
	font-weight:bold;
	font-size:11px;
	color:black;
}
body#info p{
	font-size:12px;
	line-height:1.75em;
}
body#info #result p{
	color:#D20019;
}