* { padding: 0; margin: 0; }
a {color:#999999; text-decoration:none;  outline:none!important;}
a:hover {color: #666666; text-decoration:none}

/* CSS Document */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; letter-spacing:.09em; outline:none; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em;}
ul,ol { list-style: none; }
fieldset,img { border: none; list-style:none!important; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

li {padding-right: 15px;}

i {font-family:Georgia, "Times New Roman", Times, serif; font-style: italic;}

/* TYPE */

.left {float:left;}
.right {float:right;}

#mainContent h1 {font-size:1.3em; margin: 4px 0;}
#mainContent h2 {font-size:1.15em; margin: 10px 0 5px;}


html, body {
  font: .85em/1.25 "Helvetica Neue", Arial, Helvetica, sans-serif; 
  color: #999;
  height: 100%;
}
#wrapper { 
 	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */

}

/* #+#+#+#+#+#+ HEADER  +#+#+#+#+#+# */

	#header, #subnav {
	background: #FFF;
	 width: 100%;
	 display:block;
	 position:fixed; 
	 top: 0;
	 left:0;
	 z-index: 99;
	 float:left;
	 color: #333;
	 padding: 0;
	 border-bottom:#DBD9DE 1px solid;
	 text-align: center;
	}
		#header div.topMain {
			display: block;
			margin: 0 auto;
			width: 850px;
			text-align:  left;
			}
		#header h1 {
			float: left;
			width: 250px;
			line-height: 500px;
			height: 1px;
			padding: 49px 0 0 0;
			overflow:hidden;
			background:#FFFFFF url(../img/logotype.gif) 0px 0px no-repeat;
		}
		#header div#topNav {
			border-left: #DBD9DE 2px solid;
			float: left;
			padding-left: 10px;
		}
		#header a {
			line-height: 30px;
			display: block;
			float: left;
			padding: 10px 15px 7px;
			margin: 0 3px;
			font-size: 1.2em;
			border-bottom: #FFF 3px solid;
			
		}
			#header a:hover {
				border-color: #AAA357;
			}
		#header a.home {
			float: left;
			width: 250px;
			line-height: 500px;
			height: 1px;
			padding: 49px 0 0 0;
			overflow:hidden;
			line-height: 30px;
			display: block;
			margin: 0;
			border-bottom: none;
			background:#FFFFFF url(../img/logotype.gif) 0px 0px no-repeat;
		}

/* #+#+#+#+#+#+ Nav  +#+#+#+#+#+# */

#subnav {
	top: 51px;
	left:0;
}
	#subnav div#submain {
		display: block;
		margin: 0 auto;
		width: 850px;
		text-align:  left!important;
	}
		#subnav div#submain div {
			float: left;
			border-right: #DBD9DE 2px solid;
			padding: 0 15px;
		}
		#subnav div#submain p {color: #CCC; margin: 5px 0;}
		#subnav div#submain a {
			line-height: 1.3em;
			display: block;
			float: left;
			padding: 4px 15px 3px;
			margin: 0 3px;
			font-size: 1.05em;
			border-bottom: #FFF 3px solid;
		}
			#subnav div#submain a:hover {
				border-color: #AAA357;
			}


/* -- End Top Navigation -- */

	
/* #+#+#+#+#+#+ Body  +#+#+#+#+#+# */
	#main {
		width: 100%;
		text-align: center;
	}
	#mainContent { 
	 width: 870px;
	 padding: 75px 15px 0;
	 margin:0 auto 30px;
	 clear:both;
	 text-align: left;
	}
	
	#mainContent div.mainDiv {
		width: 500px;
		padding: 3px 15px;
		color: #6e6e6e; 
		float: left;		
	}
	
	#mainContent .mainDiv h2, #mainContent .mainDiv h3 {padding-left:0em; margin:10px 0 1em; font-weight: normal;}
	
	#mainContent .mainDiv ul {
		margin: 3px 10px 5px 1em;
		
	}
	#mainContent .mainDiv ul li {
		margin: 3px 10px 5px;
		padding: 0;
		
	}
	
	#mainContent .mainDiv dl dt {
		font-style:italic;
		font-family:Georgia, "Times New Roman", Times, serif;
		float:left;
		text-align:right;
		line-height:1.6em;
		width:8em;
		padding-right:2em;
		border-right: #CCC 1px solid;
		
	}
	#mainContent .mainDiv dl dd {
		padding-left:11em;
		margin-bottom:1em;
		line-height:1.6em;
		color: #999;
	}
		#mainContent .mainDiv dl dd span.im {
			font-weight:bold;
			letter-spacing:.1em;
			color: #666;
			}
		#mainContent .mainDiv dl dd i {
			font-family:Georgia, "Times New Roman", Times, serif;
			
		}
		#mainContent .mainDiv dl dd b {
			color: #999;
			
		}

	
		#mainContent div.work {
			width:900px;
			float:left;
			text-align:center;
			border-bottom:#DBD9DE 1px solid
		}
			#mainContent div.image { width:450px; float:left; margin:15px 0}
			#mainContent div.zoom { width:400px; float:right; padding:20px; border-left:#DBD9DE 1px solid;}
			#mainContent a.hide { display:block;width:400px; float:right; padding:20px 0;}
			#mainContent div.zoom img {}
			ul.topImgNavbar { 
				float:left; clear:none; width: 900px; height:27px; border-bottom:#DBD9DE 1px solid;text-transform:uppercase;
				
			}
			
		#mainContent div.imgNavbar {width: 450px; float:left; text-align:center;text-transform:uppercase; border-bottom:#DBD9DE 1px solid}
			#mainContent div.imgNavbar a {
			width: 24.8%; display:block; float:left;line-height:27px; height:27px;
			}
			
			#mainContent div.imgNavbar a.last {border:none}
			
		#mainContent div.details {
			width:900px;
			float:left;
			margin-top:5px;
			text-align:left;
		}
			#mainContent div.details span.summ {
				display:block;
				margin:2px 30px;
				padding: 1px 5px;
			}
	.hires a.hide { display:block;width:400px; text-align:center; font-size:1.2em; line-height:30px;}
	
.sideBar div.thumbs img.thumbnail {
	display: block;
	float: left;
	margin: 8px;
	padding: 3px;
	border-bottom: #FFF 3px solid;
	cursor: pointer;
}
	.sideBar div.thumbs img.thumbnail:hover, .sideBar div.thumbs img.current {
		border-bottom: #AAA357 3px solid;
	}
	

div.sideBar {
	width: 300px; float: right; border-left: #CCC 1px solid; padding: 10px;
}	

	div.sideBar p {
		margin: 3px 0;
		padding: 1px 0;
		line-height: 1.3em;
	}
	div.sideBar h2 {
		font-size: 1.35em!important; 
		letter-spacing: .125em;
	}
	div.sideBar span.titleSpan {
		font-style:italic;
		font-size: 1.35em!important; 
		letter-spacing: .125em;
		color: #666;
	}
	div.sideBar span.yearSpan {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
	}
	
	div.sideBar span.thumbsSpan a {
		font-size: .95em;
		margin-top: .5em;
		color: #CCC ;
	}
	div.sideBar span.thumbsSpan a:hover {
		color: #808080 ;
	}
	
	div.sideBar span {
		line-height: 1.3em!important;
		margin: .2em;
	}
	div.sideBar span.info, div.sideBar span.lib {
		display: block;
	}
	div.sideBar span.libDivision {
		font-size: .85em;
		color: #CCC;
	}
	div.sideBar span.libTitle {
		border-bottom: #ebebeb 1px solid;
		margin-bottom: 10px;
		font-size: .95em;
		color: #b6b6b6;
	}

/* #+#+#+#+#+#+ FOOTER  +#+#+#+#+#+# */
	
	.footer, .push {
		height: 40px; /* .push must be the same height as .footer */
	}

	#footer { 
	 background: #FFF;
	 width: 100%;
	 display:block;
	 padding: 0;
	 border-top:#DBD9DE 1px solid;
	 text-align: center;

	}
		#footer div.bottomMain {
			display: block;
			margin: auto auto;
			width: 850px;
			text-align:  left;
			}
			#footer div.bottomMain h1 {
				font-style:italic;
				font-size: .8em;
				float:left;
				color: #b3b3b3;
				text-align:right;
				line-height:30px;
			}
			
			
a.closeHiRes {
	display: block;
	clear: both;
	margin: 0 0 1em;
}