/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~GLOBAL STYLES ~~~~~~~~~ */

* { margin: 0;
	padding:0;
	}
	
html {
 	font-size: x-small; 
}

body {
	background: #eae6e4 url("../images/bg-subheader.gif") top center repeat-x;
	color: #8c8c8c;
	font-family: Georgia, "Times New Roman", serif;
	margin: 0 auto;
	line-height: 1.4em;
}

body#home { background: #eae6e4 url("../images/bg.gif") top left; }
body#images { background: #eae6e4 url("../images/bg-images.gif") top center repeat-x; }
body#zoom { background: #eeebea url("../images/bg-zoom.gif")  center -84px repeat-x; padding-top:36px; }

a img { border: none;}

a, a:link { color: #b16652; text-decoration: none; font-style: italic;  }

#label a, #label a:link { font-style: normal;  }

a:visited { color: #b16652; }

a:hover { color: #925342; }

p { margin: 16px 0; clear:both; }

h1 { text-align: center; width:442px; margin:40px 0 14px 0; height:28px; }

h2 { font-size: 16px; font-weight: normal; }

h3 { text-transform: uppercase; letter-spacing: .19em; font-style: normal; font-weight: normal; font-size: 10px; }

h1 span { visibility: hidden }


#statement h1 { background: url("../images/hd-biography.gif") top center no-repeat; }
#prints h1 { background: url("../images/hd-prints.gif") top center no-repeat; width:582px;}
#contact h1 { background: url("../images/hd-contact.gif") top center no-repeat; }	
#press h1 { background: url("../images/hd-press.gif") top center no-repeat;  width:486px;}	
#article h1 { background: url("../images/hd-article.gif") top center no-repeat;  width:582px;}	
#show h1#academy { background: url("../images/hd-show-academy.gif") top center no-repeat;  width:746px; height: 100px; margin-bottom:0px; }
#show h1#blkmrkt { background: url("../images/hd-show-blkmrkt.gif") top center no-repeat;  width:746px; height: 100px; margin-bottom:0px; }
#show h1#bedtime { background: url("../images/hd-show-bedtime.gif") top center no-repeat;  width:746px; height: 100px; margin-bottom:0px; }
#show h1#symmetrical { background: url("../images/hd-show-symmetrical.gif") top center no-repeat;  width:746px; height: 100px; margin-bottom:0px; }
.initial { font-style:italic; font-size: 16px;	line-height: 1.7em; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~LAYOUT STYLES ~~~~~~~~~ */

#page {
	width:746px;
	margin: 0 auto;
}

#content-images {
	float:left;
	width:746px;
}

#content, #content-wide, #content-press, #content-show {
	clear: both;
	padding: 50px 155px;
	font-size: 11px;
	line-height: 2.1em;
}

#content-wide { padding: 50px 130px 0 130px; }
#content-press { padding: 50px 80px 0 80px; }
#content-show { padding: 0; }


#emailaddress {
	width: 124px;
	float:left;
	margin-left:20px;
	text-align: right;
}


#friends, #press-links {
	width: 244px;
	float:left;
	margin-left:20px;
	border-left: 1px dashed #cfc9c6; 
	padding-left:20px;
	margin-bottom: 200px;
}

#press-links {
	margin-bottom: 0px;
}

	#friends #links {
		width: 200px;
		float:left;
		padding-top:2px;
	}

#press-film {
	padding-top:14px;
	border-top: 1px dashed #cfc9c6; 
	margin-top:20px;
	margin-bottom: 10px;
	clear:both;
	float:left;
	
}

.prints-left {
	border-right: 1px dashed #cfc9c6; 
	clear:both;
	float:left;
	width:250px;
	margin:10px 0;
	text-align:center;
}

.prints-right {
	float:right;
	width:310px;
}

.prints-right-line {
	border-top: 1px dashed #cfc9c6; 
	padding-top: 10px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~--~~~IMAGES STYLES ~~~~~~~~--~ */

		
#label {
	background: url("../images/bg-label.jpg") top left no-repeat;
	width:250px;
	height: 190px;
	float:left;
	margin-top:10px;
	}

#label #label-content {
	width:194px;
	height:124px;
	float:left;
	margin:35px 26px 0 30px;
	font: 11px/14px 'Courier New', Courier, monospace;
	color: #796666;
}


#label h2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
}

	#label #previous a {
		background: url("../images/btn-previous-off.gif") top left no-repeat;
		float:left;
		height:20px;
		width:104px;
		margin:5px 0 0 5px;
	}
	
	#label #previous a em, #label #next a em { visibility: hidden; }
	
	#label #previous a:hover {
		background: url("../images/btn-previous-on.gif") top left no-repeat;
	}
	
	#label #next a {
		background: url("../images/btn-next-off.gif") top left no-repeat;
		float:right;
		height:20px;
		width:94px;
		margin:5px 5px 0 0;
	}
	
	#label #next a:hover {
		background: url("../images/btn-next-on.gif") top left no-repeat;
	}
	
	
#larger  {  margin:16px 0 0 172px;
			width:85px; 
			float:left;
			}
		
	#larger a  { 
			float:left;
			background: url("../images/btn-larger-off.gif") top left no-repeat; 
			height:17px;
			width:85px;
			}
	
	#larger a:hover  {	background: url("../images/btn-larger-on.gif") top left no-repeat; }
	
	#larger a em { visibility: hidden; }


.frame {
		background: #cbc7c6;
		border:1px solid #e0dcda;
		padding:1px;
		float: right;
		margin-top: 11px;
		}
		
.frame div {
		border:3px solid #FFFFFF;
		}
		
.close { 
		clear:both;
		float:left;
		padding: 3px 7px; 
		border:1px solid #e4dfdd;
		margin-top: 22px;
		font-style: italic;
		}
		 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~---~~~HOME STYLES ~~~~---~~~~~ */

#bg-home { 
	background: url("../images/bg-home.gif") 11px 0 repeat-x;
	margin-top:159px;
	float:left;
	width:100%;
	height:167px;
	}

#news-top {
	margin-top:70px;
	width:746px;
	height:27px;
	background: url("../images/news-top.gif") no-repeat;
	clear:both;
}

#news-bottom {
	margin-top:70px;
	width:746px;
	height:27px;
	background: url("../images/news-bottom.gif") no-repeat;
	clear:both;
}

#news {
	width:746px;
	background: url("../images/bg-news.gif") top left repeat;
	color:#8c8c8c;
	float:left;
	padding:6px 0;
	font-size: 11px;
	line-height: 18px;
}

#news-col1 {
	float:left;
	width:216px;
	margin:0px 30px;
}

#news-col2 {
	float:left;
	width:216px;
	margin:0px 30px;
}

#recent {
	float:left;
	width:99px;
	height: 59px;
	background: url("../images/home-recent-news.gif") no-repeat;
	margin:0px 41px;
}

#recent span {
	visibility: hidden
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~NAVIGATION STYLES ~~~~~~~~~ */


#nav {
	background: url("../images/navigation.gif") top left no-repeat;
	overflow: hidden;
	padding:17px 17px 20px 17px;
	margin-top:20px;
}


#home #nav {
	background: url("../images/navigation-home.gif") top left no-repeat;
	overflow: hidden;
	padding:17px 17px 20px 17px;
	margin-top:50px;
}


#nav ul, #subnav ul {
	float:left;
	list-style-type: none;
	display:inline;
	margin:0;
	padding:0;
}

#nav ul li, #subnav ul li {
	float:left;
	margin:0;
	padding:0;
}


#nav ul li a, #subnav ul li a {
	display:block;
	position: relative;
}


#nav ul li a em {
	position: absolute;
	top:0;
	background: url("../images/navigation.gif") top left no-repeat;
	width: 100%;
	height:32px;
	cursor:pointer; /*ie6 fix*/
}

#home #nav ul li a em {
	position: absolute;
	top:0;
	background: url("../images/navigation-home.gif") top left no-repeat;
	width: 100%;
	height:32px;
	cursor:pointer; /*ie6 fix*/
}

#nav ul li#home a {  width: 65px; height:32px; }
#nav ul li#home a:hover em { background-position: -18px -87px; }

#nav ul li#images a {  width: 76px; height:32px;}
#nav ul li#images a:hover em { background-position: -83px -87px; }

#nav ul li#press a { width: 71px; margin-right:291px; height:32px;}
#nav ul li#press a:hover em { background-position: -159px -87px; }

#nav ul li#statement a {  width: 81px; height:32px;}
#nav ul li#statement a:hover em { background-position: -521px -87px; }

#nav ul li#contact a {  width: 68px; height:32px;}
#nav ul li#contact a:hover em { background-position: -602px -87px; }

#nav ul li#prints a {  width: 59px; height:33px;}
#nav ul li#prints a:hover em { background-position: -670px -87px; }

/*this em uses gilder and levin method so people who have images turned off but css on will still see the navigation*/

#nav ul li#home a em{ background-position: -18px -17px;}

#nav ul li#images a em{ background-position: -83px -17px;}

#nav ul li#press a em{ background-position: -159px -17px;}

#nav ul li#statement a em{ background-position: -521px -17px; }

#nav ul li#contact a em{ background-position: -602px -17px; }

#nav ul li#prints a em{ background-position: -670px -17px; }

/*automatic highlight of the current page tab */

#home #nav ul li#home a em{ background-position: -18px -87px;}
#images #nav ul li#images a em{ background-position: -83px -87px;}
#press #nav ul li#press a em{ background-position: -159px -87px;}
#article #nav ul li#press a em{ background-position: -159px -87px;}
#statement #nav ul li#statement a em{ background-position: -521px -87px; }
#contact #nav ul li#contact a em{ background-position: -602px -87px; }
#prints #nav ul li#prints a em{ background-position: -670px -87px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~SUBNAVIGATION STYLES ~~~~~~~~ */

#subnav {
	width:724px;
	clear:both;
	margin:14px 0 0 10px;
	float:left;
}

#subnav ul li a em {
	position: absolute;
	top:0;
	background: url("../images/subnav.gif") top left no-repeat;
	width: 100%;
	height:25px;
	cursor:pointer; /*ie6 fix*/
}

#subnav ul li#paintings08 a {  width: 130px; height:25px;}
#subnav ul li#paintings08 a:hover em { background-position: 0px -25px; }

#subnav ul li#paintings07 a {  width: 118px; height:25px;}
#subnav ul li#paintings07 a:hover em { background-position: -130px -25px; }

#subnav ul li#paintings06 a {  width: 118px; height:25px;}
#subnav ul li#paintings06 a:hover em { background-position: -248px -25px; }

#subnav ul li#paintingsarch a { width: 142px; height:25px;}
#subnav ul li#paintingsarch a:hover em { background-position: -366px -25px; }

#subnav ul li#drawings a {  width: 85px; height:25px;}
#subnav ul li#drawings a:hover em { background-position: -508px -25px; }

#subnav ul li#installations a {  width: 131px; height:25px;}
#subnav ul li#installations a:hover em { background-position: -593px -25px; }


#subnav ul li#paintings08 a em { background-position: 0 0;}
#subnav ul li#paintings07 a em { background-position: -130px 0;}
#subnav ul li#paintings06 a em { background-position: -248px 0;}
#subnav ul li#paintingsarch a em { background-position: -366px 0;}
#subnav ul li#drawings a em { background-position: -508px 0; }
#subnav ul li#installations a em { background-position: -593px 0; }

/*automatic highlight of the subpage tab */

.paintings08 #subnav ul li#paintings08 a em { background-position: 0 -25px;}
.paintings07 #subnav ul li#paintings07 a em { background-position: -130px -25px;}
.paintings06 #subnav ul li#paintings06 a em { background-position: -248px -25px;}
.paintingsarch #subnav ul li#paintingsarch a em { background-position: -366px -25px;}
.drawings #subnav ul li#drawings a em { background-position: -508px -25px; }
.installations #subnav ul li#installations a em { background-position: -593px -25px; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~FOOTER STYLES ~~~~~~~~ */

#footer { 
	clear:both;
	float:left;
	width:746px;
	text-align: center;
	padding:6px 0 30px 0; 
	margin-top:30px; 
	border-top: 1px dashed #cfc9c6; 
	letter-spacing: .2em;
	color: #b1aaa7;
	font-weight: normal;
	text-transform: uppercase; 
	font-size: 9px;
	}
	
.photo-right {float: right; margin:0 0 20px 40px; }
.photo-left {float: left; margin: 0 40px 20px 0; }

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

.clear {clear: both; }