* { margin: 0; padding: 0 }

html { min-height: 100.1%; height: 100%; background: #fff url(/images/bg.gif) repeat-y top left; }

body {
	font-size: 0.75em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ededed;
	background: #930800 url(/images/bg3.png) repeat-y top center;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg.png', sizingMethod='scale');
	line-height: 1em;
	min-height: 100%;
	_height: 100%;
	width: 900px;
	position: relative;
}

#home body { background-color: #777; }

body.news, body.contact { background-color: transparent; }

#exhibitions body.exhibitions { background-color: transparent; }

	ul { list-style: none; }
	
	a, .portfolio p { text-decoration: none; color: #d7a366; font-weight: bold; }
	
		a img { border: none; }
	
	a.feed_link { padding-left: 14px; background: transparent url(/images/rss_icon.gif) no-repeat 0px 60%; }
	
	h1, h2, h3, h4, h5 { text-transform: uppercase; color: #d7a366; }
	
	object:focus { border: none; }
	
	.nobold { font-weight: normal !important; }
	
	.clear { clear: both; }
	
	.wrap {
		width: 890px;
		margin: 0 auto;
		padding: 0 0 0 10px;
		_height: 100%;
		min-height: 100%;
	}

		#header h1 {
			background: transparent url(/images/johnhenry.gif) 50% 50% no-repeat;
			width: 157px;
			height: 24px;
			position: absolute;
			top: 380px;
			left: 24px;
			z-index: 10;
		}
		
		#header h1 span, #header p { display: none; }
		
	#navigation, #content, #footer { margin: 0 50px 0 190px; }

	#home #navigation { background: #ccc; }

	#navigation {
		background: #930800 url(/images/nav_bg.gif) repeat-y top left;
		padding: 2.6em 3.6em 2.2em;
		height: 3.3em;
	}
	
	#home #navigation { background-image: url(/images/nav_bg_home.gif); }
	
		#navigation ul {
			height: 30px;
			margin: 0 auto;
			width: 491px;
		}
	
		#navigation ul li {
			float: left;
			width: auto;
			font-size: 1.1em;
			text-transform: uppercase;
		}
		
			#navigation ul li a {
				display: block;
				padding: 10px;
				color: #ededed;
				height: 9px;
				background-position: 50% 10px;
				background-repeat: no-repeat;
			}
			
			#navigation ul li.selected a, #navigation ul li.ancestor a {
				background-color: #930800;
			}
			
			#navigation ul li a:hover { background-position: 50% -17px; }

			#navigation ul li.nav-home a {
				background-image: url(/images/nav_home.png);
				_background-image: url(/images/nav_home.gif);
				width: 34px;
			}

			#navigation ul li.nav-news a {
				background-image: url(/images/nav_news.png);
				_background-image: url(/images/nav_news.gif);
				width: 35px;
			}

			#navigation ul li.nav-portfolio a {
				background-image: url(/images/nav_portfolio.png);
				_background-image: url(/images/nav_portfolio.gif);
				width: 68px;
			}

			#navigation ul li.nav-galleries a {
				background-image: url(/images/nav_galleries.png);
				_background-image: url(/images/nav_galleries.gif);
				width: 64px;
			}

			#navigation ul li.nav-bio a {
				background-image: url(/images/nav_bio.png);
				_background-image: url(/images/nav_bio.gif);
				width: 20px;
			}

			#navigation ul li.nav-exhibitions a {
				background-image: url(/images/nav_exhibitions.png);
				_background-image: url(/images/nav_exhibitions.gif);
				width: 75px;
			}

			#navigation ul li.nav-contact a {
				background-image: url(/images/nav_contact.png);
				_background-image: url(/images/nav_contact.gif);
				width: 55px;
			}
			
			#home #navigation ul li.selected a { background-color: #ccc; }

			#home #navigation ul li.nav-home a {
				background-image: url(/images/nav_home_home.png);
				_background-image: url(/images/nav_home_home.gif);
			}

			#home #navigation ul li.nav-news a {
				background-image: url(/images/nav_news_home.png);
				_background-image: url(/images/nav_news_home.gif);
			}

			#home #navigation ul li.nav-portfolio a {
				background-image: url(/images/nav_portfolio_home.png);
				_background-image: url(/images/nav_portfolio_home.gif);
			}

			#home #navigation ul li.nav-galleries a {
				background-image: url(/images/nav_galleries_home.png);
				_background-image: url(/images/nav_galleries_home.gif);
			}

			#home #navigation ul li.nav-bio a {
				background-image: url(/images/nav_bio_home.png);
				_background-image: url(/images/nav_bio_home.gif);
			}

			#home #navigation ul li.nav-exhibitions a {
				background-image: url(/images/nav_exhibitions_home.png);
				_background-image: url(/images/nav_exhibitions_home.gif);
			}

			#home #navigation ul li.nav-contact a {
				background-image: url(/images/nav_contact_home.png);
				_background-image: url(/images/nav_contact_home.gif);
			}

	.confirm {
		background: transparent url(/images/nav_bg.gif) repeat-y -14px 50%;
		text-align: center;
		padding: 12px;
		font-weight: bold;
		margin: 2em 70px 0 210px;
		border: 3px solid #6a0600;
		font-size: 1.5em;
	}						

	#content {
		line-height: 1.6em;
		padding: 0 3.8em 7.1666em;
		margin-top: 3.8em;
	}

	#home #content { padding: 0; margin-top: 0; }
	
		#content h2 { _line-height: 1.2em; }
	
		#content h3 { font-size: 1.2em; margin-bottom: 1em; }

		#content .rule {
			height: 1px;
			width: 100%;
			_width: auto;
			background: #6a0600;
			margin: 2.25em 0;
			overflow: hidden;
		}
	
		#content #left {
			width: 180px;
			float: left;
		}
		
			#content #left h3 {
				padding-bottom: 0.5em;
				margin-bottom: 0.5em;
				border-bottom: 1px solid #6a0600;
			}
			
			#content #left ul { margin-bottom: 2.5em; }
			
				#content #left ul li { margin-bottom: 0.75em; line-height: 1.1em; }

					#content #left ul li a { color: #ededed; }
		
		#content #right {
			margin-left: 220px;
		}
		
			.galleries #content img {
				float: left;
				margin: 0 3em 1em 0;
				border: 3px solid #7c0700;
			}
		
		.galleries .page-content { display: inline; }
		
		.galleries .gallery {
			margin-bottom: 2em;
			padding-bottom: 2em;
			border-bottom: 1px solid #6a0600;
			min-height: 90px;
			_height: 90px;
		}
		
			.galleries .gallery h3, .galleries .gallery p { margin-left: 224px; }
		
		#content label {
			font-weight: bold;
		}
		
		#content .form-text, #content .form-textarea {
			border: 1px solid #fff;
			background: url(/images/input_bg.gif) no-repeat top left;
			padding: 3px 1px 1px 2px;
			font-size: 1.25em;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			width: 330px;
			margin: 0.25em 0 1em;
		}
		
		#content .form-textarea { height: 8em; }

		#content .form-button {
			padding: 5px;
			border: none;
			font-weight: bold;
			color: #fff;
			background: #6a0600;
		}

			#content #calendar-container ul {
				margin: 0 auto;
			}
		
				#content #calendar-container ul li {
					display: block;
					float: left;
					width: 33%;
					margin-bottom: 0;
				}

				#content #calendar-container ul li.current-month { text-align: center; font-weight: bold; }

				#content #calendar-container ul li.rightarrow { text-align: right; }

					#content #calendar-container ul li a { font-weight: normal; color: #c26862; }

			#content #calendar-container .days-table { width: 100%; }
			
			#content #calendar-container .days-title-row { display: none; }

				#content #calendar-container .days-table td {
					text-align: center;
					font-weight: bold;
					background: #6c0904;
					vertical-align: middle;
					height: 22px;
					width: 14.25%;
				}

					#content #calendar-container .days-table td.selected a { color: #ff0000; }
					
				#content #calendar-container ul.bottom-section { display: none; }

		#content .port_section { margin-bottom: 3em; }
				
			#content .port_section h3 { margin-bottom: 0; }

				#content .port_section .port_thumbs {
					width: 550px;
					height: 162px;
					overflow: hidden;
					margin: 0 0 0.5em 0;
					white-space: nowrap;
					*height: 190px;
					*overflow: auto;
					scrollbar-face-color: #9c514e;
					scrollbar-highlight-color: #6a0600;
					scrollbar-shadow-color: #6a0600;
					scrollbar-3dlight-color: #6a0600;
					scrollbar-arrow-color: #6a0600;
					scrollbar-track-color: #6a0600;
					scrollbar-darkshadow-color: #6a0600;
				}

					#content .port_section .port_thumbs img {
						height: 156px;
						width: auto;
						border: 3px solid #fff;
						margin-right: 10px;
					}
					
				#content .port_section .scroll_track {
					height: 20px;
					background: #720701;
					width: 100%;
					*display: none;
				}

				#content .port_section .scroll_handle {
					height: 16px;
					background: transparent url(/images/slider_bg.gif);
					width: 50px;
					border: 2px solid #720701;
					cursor: move;
				}
				
		.portfolio #content img { border: 3px solid #fff; margin: 1em 0; max-width: 350px; _width: expression(this.clientWidth > 350 ? "350px" : "auto"); height: auto; }
		
		#portfolio .portfolio #content img { max-width: 550px; _width: expression(this.clientWidth > 550 ? "550px" : "auto"); height: auto; }

	#portfolio .portfolio_links {
		min-height: 430px;
		_height: 430px;
	}

		.portfolio #content .portfolio_links { margin-top: 1em; text-align: center; }

			.portfolio #content .portfolio_link { text-align: center; float: left; margin: 1em; }
			
				#portfolio .portfolio #content .portfolio_link img {
					border: 3px solid #fff;
					height: 150px;
					width: auto;
					margin: 0;
				}

				.portfolio #content .portfolio_thumb {
					border: 3px solid #fff;
					height: 150px;
					width: auto;
					margin: 1em;
				}
		
		#content .callout {
			font-size: 1.5em;
			line-height: 1.58em;
			margin-bottom: 1em;
		}

		#content .paged_navigation { text-align: center; position: relative; padding: 2em 30%; }

			#content .paged_navigation span { margin: 0 0.5em; }

				#content .paged_navigation span a { font-weight: normal; }

					#content .paged_navigation span span.selected a { font-weight: bold; }

			#content .paged_navigation .prev_link { position: absolute; left: 0px; width: 25%; text-align: left; }

			#content .paged_navigation .next_link { position: absolute; left: 420px; width: 25%; text-align: right; }
	
	#footer, #footer a { color: #6a0600; }
	
	#footer {
		padding: 0 4.5em 3.8em;
		clear: both;
		font-size: 0.8333em;
		position: absolute;
		bottom: 0px;
	}
	
	#home #footer { padding-top: 1.5em; position: static; }
	
	#home #footer, #home #footer a { color: #ffffff; }