body {
	background-color: #fff;
	font-family: verdana;	font-size: 12px;	color: #ccc;
	margin:0; padding:0;
}

* {margin:0; padding:0; }
ul, li { list-style-type: none; text-indent: none;}
a:link, a:visited {text-decoration: none; color: #051350;}
a:hover, a:active {text-decoration: none; color: #00f;}





/*** structure ***/
#container {position: relative; width: 875px;  height: 660px; margin: auto;
	background: url(images/bg_internal.png) top center no-repeat; }




#imageboxWrapper {position: absolute; top:0; left: 7px; width: 860px; height: 490px; }
	#imagebox {position: relative; width: 860px; height: 490px; margin: 0; text-align: center; overflow: hidden;
			display: table-cell; vertical-align: middle;
			/* for standards-browser centering */
			}
	
		#imagebox .image { }
			#imagebox img {position: relative; top: 0; z-index: 50;
					border: 1px solid black; height: auto; width: auto;
								}






#sectionbar {height: 23px; width: 860px; margin: 0px auto auto auto; text-align: left;
		position: absolute; top: 490px; }

#siteurl {display: block;  position: absolute; top:4px; right:15px; }
	#siteurl a {font-size: 10px;   text-transform: uppercase; /*color:#2691ff;*/ }
	#siteurl a:hover {color: #2691ff; }
	
#subnav {position: absolute; top:2px; left: 15px;  height: 23px; width: auto; }
	#subnav li {float: left;  text-align: center; padding:0; }
	
	#subnav a, #subnav a:visited { font-size: 11px; width: auto; padding: 6px 8px; color: #555; font-family: verdana; display: block; }
		#subnav a:visited {color: #000;}
		#subnav a:hover { color: #ffae00; }
		#subnav a.current {color: #ffae00; background-color: #fff; font-weight:bold;}
		#subnav a.current:hover { }
			#subnav a.homelink, #subnav a.homelink:visited {color: #ce7d35; margin-right: 15px; margin-left:0; font-weight: bold;}
			#subnav a.homelink:hover, #subnav a.homelink:active {color: #ffae00;}
/* this fixes firefoxes shifting of the scrollbox div for some reason */





#scrollbox {position: absolute; top: 526px; left:0; width: 840px; height: 68px; margin: auto;  padding: 0; overflow: hidden;
		z-index:10; position: relative; text-align: center; }
div[id="scrollbox"] {height: auto !important; }

#scroller {height: 62px; width: 840px; margin: 0 auto; text-align: center;  }
	#scroller img {display: inline; }
	#scroller a.thumbnail {width: 66px; height: 66px;   margin: 0 3px;  }
		.hausman #scroller a.thumbnail {margin: 0 1px; } /* compensate for his wider thumbs */
	#scroller a.thumbnail img {margin: 0px; border: 1px solid #444; width: 60px; height: 60px; }
		.hausman #scroller a.thumbnail img {width: auto; }
	#scroller a.thumbnail:hover img {border: 1px solid #fff; }

#works {  }


a#prev, a#next {font-size: 10px; width: 65px; padding-top: 20px; padding-bottom: 20px;  border: none; display: block; 
		position: absolute; top: 11px;  }
	a#prev {left:-10px; }
	a#next {right:-10px; }
	/*a#prev, a#prev:visited {left: 0px;  background: url(images/link_prev.png) top left no-repeat; }
	a#next, a#next:visited {right: 0px; background: url(images/link_next.png) top left no-repeat; }
		a#prev:hover {background: url(images/link_prev.png) top right no-repeat; }
		a#next:hover {background: url(images/link_next.png) top right no-repeat; }*/
		a#prev span, a#next span { font-size: 10px;   }
		a#prev:hover, a#next:hover {color: #2691ff; }

#hidden_images {height: 1px; width: 1px; display: block;  }
	#hidden_images ul {margin-left: -3000px; }






#footer {position: absolute; bottom: 0; margin: auto auto auto 10px;
	width: 855px; height: 12px;  font-size: 10px; color: #999;}

.email {position: absolute; top: -25px; right: 0; }
.address {margin-right: 40px;}
.phone {position: absolute; top: 0px; left: 0; }
.forge22 {float: right;  }
	.forge22 a, .forge22 a:visited {color: #666; }
	.forge22 a:hover {color: #00f; }




/*** site styles***/

#bio {	font-family: georgia, arial, helvetica, serif; font-size: 12px; color: #bbb; text-align: left; padding: 2px; line-height: 18px;}
	#bio h2 {margin: 2px; line-height: 14px; }
	#bio ul {font-size: 10px; font-family: verdana, arial, sans-serif; line-height: 14px; margin-left: 2em;}
	#bio p {margin: 0 auto 1em auto; color: #000; }

.bob {width: 175px; height: 160px; border: 1px solid #CC9900; margin: 2em 3px 3px 3px; float: right; }


h1 {display: block; position: absolute; top: 593px; left: 15px;
	width: 172px; height: 42px;
	background-image: url(images/bob_wolter_logo2.png); background-repeat: no-repeat;
	background-position: top center;
	z-index: 2;
}
h1 a {width: 100%; height: 100%; display: block; }
h1 a span {display: none;}



h2 {color:#051350;  font-size: 20px; font-family: georgia, "times new roman", serif; text-align: center; }
h2.artist { position: absolute; bottom: 24px; left: 130px; z-index: 10;
		
		margin: 0 1px 12px 1px;
		width: 600px; height: 24px; display: block; 
	}
/* for some reason, safari floats  the h2 incorrectly, so it has a bit more
margin-bottom to acocunt for this. */

h3 {text-align: center; font-size: 12px; color: #0f0;}