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

body {
font-family: "Trebuchet MS", Arial;
font-size:11px;
background: white;
padding: 0px 0px 35px 0px;
margin: 0px;
width: 100%;
}

.clearing {
clear: both;
margin: 0px;
padding: 0px;
}

a {
color: black;
text-decoration: none;
} 

a:hover {
text-decoration: underline;
}

h1 {
font-size: 11px;
}

h2 {
font-size: 11px;
color: #bbb;
color: #000000;
margin-bottom: 0px;
}

table{
border-collapse:collapse;
margin: 0px;
padding: 0px;
}

table td {
vertical-align: middle;
}

ul {
padding: 0px;
margin: 0px;
}

#site_container {
position: relative;
width: 1000px;
margin: 18px auto 20px auto;
padding: 0px;
/*border: 1px solid red;*/
}

#menu_container {
float: left;
width: 180px;
margin: 0px;
padding: 0px;
}

#menu_container_text {
position: absolute;
top: 0px;
left: 0px;
width: 180px;
margin: 0px;
padding: 0px;
}

#title_container{
float: left;
width: 180px;
margin: 0px;
padding: 0px 0px 3px 0px;
border-bottom: 1px solid black;
}

#title_container a img{
border: none;
}

#reiner_title {
float: right;
margin: 0px;
padding: 0px 0px 3px 0px;
}

#menu {
float: left;
width: 180px;
margin: 65px 0px 0px 0px;
padding: 0px;
z-index: 10;
}

#submenu {
float: left;
width: 180px;
margin: 130px 0px 0px 0px;
padding: 0px;
}

#menu ul, #submenu ul {
list-style-type: none;
float: left;
width: 180px;
margin: 0px;
padding: 0px;
}

#menu ul li {
float: left;
width: 180px;
margin: 0px;
padding: 0px;
font-size: 16px;
line-height: 24px;
font-weight: bold;
text-align: right;
color: #999999;
}

#menu ul li a{
float: left;
width: 180px;
margin: 0px;
padding: 0px;
font-size: 16px;
line-height: 24px;
font-weight: bold;
text-align: right;
color: #999999;
border-bottom: 1px solid white;
}

#submenu ul li {
float: left;
width: 180px;
margin: 0px;
padding: 0px;
font-size: 11px;
line-height: 17px;
font-weight: normal;
text-align: right;
color: #999999;
}

#submenu ul li a{
float: left;
width: 180px;
margin: 0px;
padding: 0px;
font-size: 11px;
line-height: 17px;
font-weight: normal;
text-align: right;
color: #999999;
border-bottom: 1px solid white;
}

#menu ul li a:hover, #submenu ul li a:hover{
border-bottom: 1px solid #999999;
text-decoration: none;
}

#menu ul li.selected, #submenu ul li.selected {
color: black;
border-bottom: 1px solid black;
}

#main_content_container {
position:relative;
float: left;
margin: 0px 0px 0px 10px;
padding: 0px;
width: 720px;
}

.gallery_text {
position: absolute;
right: 0px;
top: 3px;
width: 160px;
}

.small_print {
font-size: 10px;
}

#main_content_container_text {
float: left;
margin: 0px 0px 0px 190px;
padding: 0px;
width: 720px;
}

#photo_title_container {
float: left;
}

#text_container {
float:left;
margin-left: -190px;
border-top: 1px solid black;
left: 0px;
padding-left: 210px;
padding-left: 358px;
text-align: left;
z-index: 1;
background: none;
/*top: 208px;*/
}

#text_container p a.text_link {
color: black;
text-decoration: underline;
}

.news {
margin-top: 192px;
width: 370px;
}

.exhibitions {
margin-top: 169px;
}

.representatives{
margin-top: 244px;
}

.contact{
margin-top: 267px;
}

.biography {
margin-top: 219px;
width: 450px;
}

#text_container p {
font-size: 11px;
color: #bbb;
color: black;
}

#photography_title {
float: left;
}


/*photo gallery */

#photoviewercontainer {
width: 736px;
width: 810px;
padding:0;
margin:68px 0px 0px 0px;
background: white;
position:relative;
}

#photoviewercommandpanel {
	position:absolute;
	right:0px;
	top:500px;
	width:390px;
	background: none;
	z-index: 1;
}

#photoviewercommandpanel img, #photocontainer img{
	margin:0px;
}

#photocontainer img{
float: right;
}

#thumbnailscroll img {
	margin:0px 10px 0px 0px;
}

#photocontainer {
	width:640px;
	height:500px;
	position:relative;
	float: left;
	padding: 0px;
	margin: 0px;
	margin-bottom:0px;
	background-image: url(images/loading_b.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-position: 0px 0px;
	background-position: right top;
}

/*#photocontainer {
	width:600px;
	height:400px;
	position:relative;
	margin-bottom:4px;
	margin-left: 20px;
	background-image: url(images/gallery/loading_b.gif);
	background-repeat: no-repeat;
	background-position: center center;
}*/

#thumbnailcontainer {
	width:270px;
	height:60px;
	/*margin-left:25px;*/
	position:relative;
	float: right;
	margin: 0px 60px 20px 0px;
	overflow:hidden;
		z-index: 5;
	/*border: 1px solid lime;*/
	/*padding-bottom:28px;*/	
}

#thumbnailscroll {
	position:relative;
	top:0px;
	left:0px;
}




/* picture zoom section */
#photozoombackground {
	position:absolute;
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	background-color:#000000; 
	Filter: Alpha(Opacity=80); 
	opacity:0.8; 
	z-index:1; 
	display:block;
	cursor:pointer;
}

#photozoomcontainer{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

#photozoomcontent {
	position:absolute;
	width:100%;
	height:100%;
	background-image: url(images/loading_b.gif);
	background-repeat: no-repeat;
	background-position: top;
}



#photozoomviewer {
	position:absolute; 
	z-index:3;
	top:0px; 
	left:0px; 
}

#photozoomcontrols {
	position:absolute;
	top:300px;
	width:65px; 
}

/* end of photo gallery */