/* Much here is directly or indirectly thanks to the work of
Jeffrey Zeldman (zeldman.com), Dave Shea (mezzoblue.com),
Doug Bowman (stopdesign.com), Todd Dominey (whatdoiknow.org),
and countless others who advance the web design industry. 
You're better off learning from them. */

/* Copyright 2005 Lynsey Ring. Design by Anthony Bosio (abosio.com). */



html>body div#main {
	min-height: 600px;
	}


body {
	background: #c5c5cd url(/images/pattern.gif) repeat-y;
	margin: 0;
	padding: 0;
	}

a {
	color: #00f;
	text-decoration: none;
	border-bottom: 1px solid #99f;
}


a:visited {
	color: #66f;
	border-color: #99f;	
}

a:hover {
	color: #f00;
	border-color: #f00;
}

#container {
	background: url(/images/background.gif) top center repeat-y;
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 30px 0 0 0;
	}



#subbar {
	float: left;
	background-color: transparent;	
	padding: 0;	
	font: 11px verdana, helvetica, arial, sans serif;

	/* False margin value for all versions of IE Win, including 6.0 */	
	margin-left: 40px;
	width: 170px;
	}

html>body div#subbar {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left: 80px;
	width: 200px;
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#nav {
	margin: 10px 0 0 0;
	list-style: none;
	height: 160px;
	}



#nav li {
	padding: 0;
	text-indent: -9999px;
	width: 158px;
	height: 40px;

	/* False margin value for all versions of IE Win, including 6.0 */	
	margin-left: 0;
	}
	
html>body ul#nav {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin: 10px 0 0 -40px;
	}

#nav li a {
	border: 0;
	}


#nav li#gallery a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	border-left: 10px solid #e4e6ed;
	text-decoration: none;
	background: transparent url(/images/gallery.gif) top left no-repeat;
	}

#nav li#gallery a:hover {
	border-left: 10px solid #7a142a;
	}

#nav li#about a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	border-left: 10px solid #e4e6ed;
	text-decoration: none;
	background: transparent url(/images/about.gif) top left no-repeat;
	}

#nav li#about a:hover {
	border-left: 10px solid #7a142a;
	}


#nav li#exhibitions a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	border-left: 10px solid #e4e6ed;
	text-decoration: none;
	background: transparent url(/images/exhibitions.gif) top left no-repeat;
	}

#nav li#exhibitions a:hover {
	border-left: 10px solid #7a142a;
	}

#nav li#contact a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	border-left: 10px solid #e4e6ed;
	text-decoration: none;
	background: transparent url(/images/contact.gif) top left no-repeat;
	}

#nav li#contact a:hover {
	border-left: 10px solid #7a142a;
	}



body.gallery #nav li#gallery a {
	border-left: 10px solid #c5c5cd;
}

body.about #nav li#about a {
	border-left: 10px solid #c5c5cd;
}

body.exhibitions #nav li#exhibitions a {
	border-left: 10px solid #c5c5cd;
}

body.contact #nav li#contact a {
	border-left: 10px solid #c5c5cd;
}




#logotype {
	margin: 0;
	padding: 40px 0 0 0;
	border: 1px solid #c5c5cd;

}


#main {
	background-color: #fff;
	width: 520px;
	margin: 0 0 20px 280px;
	padding: 10px;
	color: #000;	
	font: 13px/21px georgia, times, serif;
	}


h1 {
	padding-bottom: 5px;
	margin-bottom: 0;
	color: #7a142a;	
	font: 20px georgia, times, serif;
	border-bottom: 1px solid #7a142a;
}


h2 {
	width: 150px;
	padding: 15px 0 5px 5px;
	margin-bottom: 0;
	color: #666;	
	font: 17px georgia, times, serif;
	border-width: 1px 1px 1px 1px; 
	border-color: #e4e6ed;
	border-style: solid;
}

.statement {
	text-align: right;
	margin: 0 0 30px 0;
	color: #7a142a;	
	font: 21px/30px georgia, times, serif;
}

.note {
	font: 10px verdana, helvetica, arial, sans serif;
	color: #333350;
}

#footer {
	text-align: right;
	border-top: 1px solid #c5c5cd;
	margin-left: 80px;
	padding: 10px 0 10px 0;
	background-color: #e4e6ed;	
	width: 740px;
	color: #000;
	font: 10px verdana, helvetica, arial, sans serif;
	}