html	{
		 color: #000; 
		 text-align: center; 
		 background: black;
		 }
		 
body	{ text-align: center; }

div, td, th, p, li	{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", helvetica, arial, verdana, sans-serif; 
					font-size: 11px; 
					color: #000; 
				}
					
/** DIVS **/

/* container for all content */
div#main	{ 
				width: 680px;				
				margin: 0 auto;
				text-align: left; 
				background-color: #FFF; 
			}

/* the site title */
div#head	{ 
	padding: 20px 0 20px 40px;
    width: 100%;
    background: white;
 }
#head a	{ color: #000; }
#head a:hover	{ color: #999; }

/* main table of contents - about | artwork | contact */
div#toc	{ padding-bottom: 10px; width: 850px; }

/* navigation - within each  the toc areas */
div#nav	{ float: left;
		  padding: 0px 0px; 
		  width: 260px; 
		  font-weight: normal; background-color: #fff; }

/* about section nav */
div#aboutToc	{ padding-top: 0px; }

/* artwork section nav */
#artToc	a { letter-spacing: -0.08em;  }
.tight {  letter-spacing: -0.08em; }

#artToc img	{ width: 40px;
			  height: 35px;
			  vertical-align: middle;
			  padding-right: 5px;
			}

#artToc img:hover { /* for IE*/
					filter:alpha(opacity=90);
					/* css3 standard */
					opacity:0.9;
					/* Mozilla */
					-moz-opacity:0.9;
				}

#artToc li	{ padding-bottom: 5px; }

/* selected artwork section nav */
#focus img	{ height: 90px;
		width: 135px;
		padding-bottom: 5px;
		}
#focus img:hover { /* for IE*/
					filter:alpha(opacity=100);
					/* css3 standard */
					opacity:1.0;
					/* Mozilla */
					-moz-opacity:1.0;
					}
li#focus { padding: 0px 0px; }

#focus p { color: #000; }

ul#artwork { margin-left: 0px; padding-left: 0px;}
#artwork li { padding-bottom: 0px; }
#artwork a	{ color: #AAA;
				/*background-image: url('images/arrow_999.png'); 
				background-repeat: no-repeat; background-position: 0% 1px; 
				padding-left:12px; 
				padding-right:0; 
				padding-top:0; 
				padding-bottom:0;
				*/ }
#artwork a:hover { color: #000;  
					/*background-image: url('images/arrow_000.png');
					padding-left:12px; 
					padding-right:0;
					padding-top:0; 
					padding-bottom:0;*/ }
				
#artwork a.selected { font-weight: bold;
					color: #000;  
					/*(background-image: url('images/arrow_000.png');
					padding-left:12px; 
					padding-right:0;
					padding-top:0;
					padding-bottom:0;*/ }

/* contact section nav */
div#contact	{ padding-left: 40px; }

/* content area */
div#content { width:100%; float: left; padding: 10px 0 30px 40px; background-color: white;}

/* current events */
div.exhibitions {width: 600px;
    text-align: end;
    padding: 10px 20px;
    margin: 10px 0;
    padding-right: 20px;
	border: 1px solid #f2f2f2;
	float: left;
}
.exhibitions a.exhibition_link { line-height: 20px; clear: both; float: left; width: 100%; }
.exhibitions ul { padding: 0; }
.exhibitions li { float: right; clear: both; padding-bottom: 10px; }

.w400	{ width: 400px; }
					
strong		{ font-size: 12px; }

h1		{ font-size: 20px; 
			line-height: 16px;
			margin: 10px 0 10px 0; 
			letter-spacing: -0.06em; }

h2		{ font-size: 14px; 
			line-height: 16px;
			margin: 10px 0 0 0; 
			letter-spacing: -0.03em; }
			
h3		{ font-size: 11px; 
			line-height: 16px;
			margin: 10px 0 0 0; 
			font-weight: normal; 
			letter-spacing: 0.1em; }


a.selected	{  font-weight: bold;
				color: #000; }
a.selected:hover	{ color: #999; }

a		{ color: #888; 
		  text-decoration: none;
		  }

a:hover		{ color: #000; }
a:active	{ color: #522;  }

a.cover		{ color: #FFF; 
				  border-color: #FFF; }
a.cover:hover	{ color: #522; 
					  border-color: #C00; }
a.cover:active	{ color: #FFF; 
					  border-color: #FFF; }

a.link		{ color: #AAA;
				background-image: url('images/arrow_999.png'); 
				background-repeat: no-repeat; background-position: 0% 1px; 
				padding-left:12px; 
				padding-right:0; 
				padding-top:0; 
				padding-bottom:0; }
a.link:hover	{ color: #000;  
					background-image: url('images/arrow_000.png');
					padding-left:12px; 
					padding-right:0;
					padding-top:0; 
					padding-bottom:0;  }

ul	{ list-style-type: none; }
		  
img.thumb	{  height: 20px;
		   width:35px;
		}

img			{ border: 0px; }
img.link	{ border: 1px dashed; 
				  background-color: #FFF; }
img.dotted	{ border: 1px dotted; 
				  background-color: #CC9; }
img.border	{ border: 1px dashed #FFF; }
img.logo		{ margin: 3px 5px; 
				  border: 0px; }

table.fixed	{ table-layout: fixed;
			  empty-cells: show; }
table.space	{ margin: 0px auto; }

.indent10	{ padding-left: 10px; }


.justified	{ text-align: justify; }

.noPad	{ padding-top: 0px; margin-top: 0px; }


.margin 	{ margin: 5px; }
.marg_left	{ margin: 5px auto 0px 30px; }
.low		{ margin: 5px auto 0px 5px; }
.high		{ margin: 0px auto 0px 0px; }
.padding 	{ padding: 10px; }
.padding_top 	{ padding: 5px 5px 0px 5px; }
.padding_left 	{ padding: 10px 10px 0px 45px; text-align: left;}

.uc		{ text-transform: uppercase; }
.red		{ color: #C00;}
.black		{ color: #000;}
.none		{ text-transform: none; list-style-type: none; }
.nobul   	{ list-style-type: none;}
.blue		{ color: #00C; }
.gray		{ color: #999; }
.minigray	{ color: #555; font-size: 8px; }
.mini		{ font-size: 9px; }
.small	{ font-size: 8px; }
.bold		{ font-weight: bold; }
.hide		{ display: none; }
.large		{ font-size: 1.1em; }
.larger		{ font-size: 1.3em; }
.small		{ font-size: 0.9em; }
.close		{ line-height: 35px; }

.title		{ background-color: #FFFFFF;}

.flat		{ padding: 0px; }

.pipe		{ color: #00C; 
			  font-size: 10px; }
.bg_white	{ background-color: #FFFFFF; }
.gradient	{ background: #EAEEF3 url('images/gradient.gif'); 
				  font-size: 11px }

.center 	{ text-align: center;  float: center;}
.left	 	{ float: left; text-align: left; }
.right	 	{ float: right; text-align: right; }
.top	 	{ vertical-align: top; }
.bottom		{ vertical-align: bottom;}
.middle		{ vertical-align: middle; }
.wide		{ width: 250px; }

.clear	 	{ clear: both; }