body{
	
	margin-left: 40px;
	margin-top: 10px;
	
	font-family: Tahoma;
	color:#999999;
	font-size: 10px; 
  padding: 0;
}

ul{
	padding: 0; margin: 0;
}
li{
	padding: 0; margin: 0;
}
li a{
	padding: 0; margin: 0;
}

tbody{
	padding:0;
	margin:0;
}

th,td{
	font-weight: normal;
	padding:0;
}

.clear{
	clear:both;
}

.subpage_content{
	padding-left:11px;
	
}
a:link {
color:#999999;
text-decoration:none;
}

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

a:visited {
color:#999999;
text-decoration:none;
}


/*MAIN NAV*/

#nav_btn li a {
background-image:url(../images/nav.gif);
background-repeat:no-repeat;
float:left;
height:0;
overflow:hidden;
padding-top:30px;
}

#nav_other li {
display:inline;
}

#nav_btn {
height:30px;
margin:0;
padding:0;
}

li {
margin-left:2.5em;
padding-left:0;
}

#nav_btn #nav_btn_works a {
background-position:0 0;
width:50px;
}

#nav_btn #nav_btn_biography a {
background-position:-50px 0;
width:65px;
}

#nav_btn #nav_btn_contact a {
background-position:-115px 0;
width:60px;
}

#nav_btn #nav_btn_connect a {
background-position:-175px 0;
width:55px;
}

#works_selected #nav_btn #nav_btn_works a {
background-position:0px -35px !important;
width:50px;
}

#biography_selected #nav_btn #nav_btn_biography a {
background-position:-50px -35px !important;
width:65px;
}

#contact_selected #nav_btn #nav_btn_contact a {
background-position:-115px -35px !important;
width:60px;
}

#connect_selected #nav_btn #nav_btn_connect a {
background-position:-175px -35px !important;
width:55px;
}

#nav_btn #nav_btn_works a:hover {
background-position:0 -70px;
width:50px;
}

#nav_btn #nav_btn_biography a:hover {
background-position:-50px -70px;
width:65px;
}

#nav_btn #nav_btn_contact a:hover {
background-position:-115px -70px;
width:60px;
}

#nav_btn #nav_btn_connect a:hover {
background-position:-175px -70px;
width:55px;
}


/*works NAV*/

#nav_works_btn li a {
background-image:url(../images/navworks.gif);
background-repeat:no-repeat;
float:left;
height:0;
overflow:hidden;
padding-top:30px;
}

#nav_works li {
display:inline;
}

#nav_works_btn {
height:30px;
margin:0;
padding:0;
}

#nav_works_btn #nav_btn_painting a {
background-position:0 0;
width:60px;
}

#nav_works_btn #nav_btn_boalab a {
background-position:-60px 0;
width:50px;
}

#nav_works_btn #nav_btn_video a {
background-position:-110px 0;
width:45px;
}

#nav_works_btn #nav_btn_text a {
background-position:-154px 0;
width:45px;
}



#painting_selected #nav_works_btn #nav_btn_painting a {
background-position:0px -35px !important;
width:60px;
}

#boalab_selected #nav_works_btn #nav_btn_boalab a {
background-position:-60px -35px !important;
width:50px;
}

#video_selected #nav_works_btn #nav_btn_video a {
background-position:-110px -35px !important;
width:45px;
}

#text_selected #nav_works_btn #nav_btn_text a {
background-position:-154px -35px !important;
width:45px;
}



#nav_works_btn #nav_btn_painting a:hover {
background-position:0 -70px;
width:60px;
}

#nav_works_btn #nav_btn_boalab a:hover {
background-position:-60px -70px;
width:50px;
}

#nav_works_btn #nav_btn_video a:hover {
background-position:-110px -70px;
width:45px;
}

#nav_works_btn #nav_btn_text a:hover {
background-position:-154px -70px;
width:45px;
}

.selectedsubmenu{font-weight:bold;}


/* ---------------------------------------------------------------------------------------------------------- */

/*PAINTINGS  NAV*/
#nav_paintings_btn li a {
float:left;
height:0;
width:140px;
}

#nav_paintings{
width:140px;
/* padding:15px 0;*/
float:left;
}

#nav_paintings li {
display:block;
margin-left: 8px;
list-style: none;
padding-top:20px;
}

#nav_paintings_btn {
width:140px;
margin:0;
padding:0;
}





/*BOALAB NAV*/
#nav_boalab_btn li a {
float:left;
height:0;
width:140px;
/*
overflow:hidden;
*/
/*padding-top:30px;*/
}

#nav_boalab{
width:140px;
	/*padding:15px 0;*/
	float:left;
}

#nav_boalab li {
display:block;
margin-left: 8px;
list-style: none;
padding-top:20px;
}
 
#nav_boalab_btn {
width:140px;
margin:0;
padding:0;
}


/*BOALAB VIDEO*/
#nav_video_btn li a {
float:left;
height:0;
width:140px;

}

#nav_video{
width:140px;
	/*padding:15px 0;*/
	float:left;;
}

#nav_video li {
margin-left: 8px;
list-style: none;
padding-top:20px;
}

#nav_video_btn {
width:140px;
margin:0;
padding:0;
}

/*BOALAB TEXT*/
#nav_text_btn li a {
float:left;
height:0;
width:140px;

}

#nav_text{
width:140px;
	/*padding:15px 0;*/
	float:left;
}

#nav_text li {
margin-left: 8px;
list-style: none;
padding-top:20px;
}

#nav_text_btn {
width:140px;
margin:0;
padding:0;
}

/*GALLERY*/
.gallery{
	padding-top:20px;
	padding-left:200px;
}

/*HOME*/
#home{
	width:635px;
	position:relative;
}

#home_pic{
	
	position:absolute;
	left:0; 
	top:0;  

	width:435px;
	margin:0;
}

#exhibition{
	
	position:absolute;
	left:435px; 
	top:45px; 
	width:200px;
	
}

#exhibition_text{
	width:200px;
	padding-bottom: 20px;
}

/*BIOGRAPHY*/
#biography{
	padding-top:20px;
}

#exhibitions{
	padding:16px 0;
}

#bio_left{
	float:left;
	padding-right: 40px;
}

.biotable{
	width:440px;
}

.biotable_in{
	margin-bottom:7px;
}

.table_below{
	margin-top:10px;
}

.biohead{
	text-align:left;
	padding-bottom: 15px;
}
.left{
	width:35px;
	
}

/*CONTACT*/

#contact{
	padding-top:13px;
}

.contacttable td, .contacttable th{
	padding: 7px 0;
}

.euro_contact{
	width:130px;
	
}
.dom_contact{
	width:150px;
	
}

#contact_form{
	padding-top:7px;
	width: 440px;
	float:left;
}

#contact_pic{
	padding-left:530px;
	padding-top:135px;
}

.contact_info{
	padding-top:23px;
	padding-bottom:5px;
	padding-left:2px;
	width: 440px;
	/*border-bottom: 1px solid #cccccc;*/
}



#contact_message{
	padding-top:30px;
}

#form_float{
	float:left;
}

#contact_send{
	float:right;
	margin-top: 10px;
}

/*CONNECT*/
.link{
	width:180px;
	float:left;
}
#connect{
	padding-top:40px;
}

/*PRINT VRESION*/
.printversion{
	padding-top:10px;
	padding-bottom:50px;
}

#detailinfo{
	margin-top:60px;
	margin-left:200px;
	width:400px;
}

#detailinfo h3 .info{

}
#detailinfo .info{

}
#detailinfo .italic{
 font-style:italic;
}
#detailinfo .links{
 color:#333333;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#bottomNav{display:none;}

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #999999; }
#imageData #imageDetails{ width: 100%; float: left; text-align: right; }	
#imageData #caption{ font-weight: normal;	text-align:right;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	display:none ;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #ffffff; }

a.jScrollArrowUp { background: transparent url('basic_arrow_up.gif') repeat-x scroll 0pt 0pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
a.jScrollArrowUp:hover { background-position: 0pt -15px; }
a.jScrollArrowDown { background: transparent url('basic_arrow_down.gif') repeat-x scroll 0pt 0pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
a.jScrollArrowDown:hover { background-position: 0pt -15px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0pt -30px; }
.orange-bar .jScrollPaneTrack { background: rgb(255, 102, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.orange-bar .jScrollPaneDrag { background: rgb(0, 0, 255) url('drag_grab.gif') no-repeat scroll 50% 50%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.orange-bar .scroll-pane { background: rgb(102, 153, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.holder { margin: 10px; float: left; }
.scroll-pane { background: #ffffff none repeat scroll 0% 0%; overflow: auto; width: 200px; height: 200px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; float: left; }
.wide { width: 400px; }
.super-wide { width: 700px; }
.tall { height: 400px; }

#news { height: 500px; }

/* ::::: http://www.kelvinluck.com/assets/jquery/jScrollPane/styles/jScrollPane.css ::::: */

.jScrollPaneContainer { overflow: hidden; position: relative; z-index: 1; }
.jScrollPaneTrack { background: #efefef none repeat scroll 0% 0%; position: absolute; cursor: pointer; right: 0pt; top: 0pt; height: 100%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.jScrollPaneDrag { background: #cccccc none repeat scroll 0% 0%; overflow: hidden; position: absolute; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; cursor: pointer; }
.jScrollPaneDragTop { overflow: hidden; position: absolute; top: 0pt; left: 0pt; }
.jScrollPaneDragBottom { overflow: hidden; position: absolute; bottom: 0pt; left: 0pt; }
a.jScrollArrowUp { overflow: hidden; display: block; position: absolute; z-index: 1; top: 0pt; right: 0pt; text-indent: -2000px; height: 9px; }
a.jScrollArrowUp:hover {  }
a.jScrollArrowDown { overflow: hidden; display: block; position: absolute; z-index: 1; bottom: 0pt; right: 0pt; text-indent: -2000px; height: 9px; }
a.jScrollArrowDown:hover {  }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {  }

/* ::::: null ::::: */

#news { height: 200px; }
.winXP .jScrollPaneTrack { background: transparent url('windows_track.gif') repeat-y scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.winXP .jScrollPaneDrag { background: transparent url('windows_drag_middle.gif') no-repeat scroll 0pt 50%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.winXP .jScrollPaneDragTop { background: transparent url('windows_drag_top.gif') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 4px; }
.winXP .jScrollPaneDragBottom { background: transparent url('windows_drag_bottom.gif') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 4px; }
.winXP a.jScrollArrowUp { background: transparent url('windows_arrow_up.gif') no-repeat scroll 0pt 0pt; height: 17px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.winXP a.jScrollArrowUp:hover { background-position: 0pt -20px; }
.winXP a.jScrollArrowDown { background: transparent url('windows_arrow_down.gif') no-repeat scroll 0pt 0pt; height: 17px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.winXP a.jScrollArrowDown:hover { background-position: 0pt -20px; }
.winXP a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover { background-position: 0pt -40px; }
.osX .jScrollPaneTrack { background: transparent url('osx_track.gif') repeat-y scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.osX .jScrollPaneDrag { background: transparent url('osx_drag_middle.gif') repeat-y scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.osX .jScrollPaneDragTop { background: transparent url('osx_drag_top.gif') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 6px; }
.osX .jScrollPaneDragBottom { background: transparent url('osx_drag_bottom.gif') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 7px; }
.osX a.jScrollArrowUp { background: transparent url('osx_arrow_up.png') no-repeat scroll 0pt -30px; height: 24px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.osX a.jScrollArrowUp:hover { background-position: 0pt 0pt; }
.osX a.jScrollArrowDown { background: transparent url('osx_arrow_down.png') no-repeat scroll 0pt -30px; height: 24px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.osX a.jScrollArrowDown:hover { background-position: 0pt 0pt; }
.left .jScrollPaneTrack { left: 0pt; right: auto; }
.left a.jScrollArrowUp { left: 0pt; right: auto; }
.left a.jScrollArrowDown { left: 0pt; right: auto; }
* html .osX .jScrollPaneDragBottom { bottom: -1px; }