/*
Last Updated 18/01/08


	Contents:
	
	1. Universal
	2. Main Structure
	3. Main Navigation
	4. Page Specific
	
		a. General Settings
		b. Splash Page
		c. Contact Page
		d. Mailing List gadget
		e. Current Exhibition
		f. Gallery Styles
		g. About Artist
		h. Past Exhibitions
		i. Artist Articles
		
	5. Special Classes

*/	


/* /////////////////////////////////////////////////// 
1. Universal
////////////////////////////////////////////////////// */

html, body {
	height: 100%;
}

body {
	text-align: center;
	margin: 0;
	font-family:"lucida grande", arial, sans-serif;
	background-color:#3A3532;
}

.header {
}
#hd {
	padding:0px 0px 0px 130px;
	*padding:0px 0px 0px 120px;
	margin:0px;
}
/* Logotype */
h1 {
	background: url('../images/logo.gif') no-repeat;
	float:left;
	height:30px;
	width:269px;
	text-indent:-5000px;
	display:inline;
}
h1 a {
	height:30px;
	width:269px;
	display:block;
}
h2 {
	color:#3A3532;
	font-size:12px;
	margin-top:5px;
	text-transform:uppercase;
}
h3 {
	font-weight:bold;
	color:#746A62;
	line-height:35pt;
	text-transform: uppercase;
}

h4 {
	color:#3A3532;
	font-size:116%;
	text-transform: uppercase;
}
h5 {
	font-weight:bold;
}
h5 a {
	color:#3A3532;
	text-decoration:none;
}
h5 a:hover {
	color:#6C635C;
}
h6 {
	font-size:123.1%;
}
h6 a {
	color:#3A3532;
	text-decoration:none;
	text-transform:uppercase;
}
h6 a:hover {
	color:#6C635C;
}

/* /////////////////////////////////////////////////// 
2. Main Structure
////////////////////////////////////////////////////// */

#custom-doc {
	width:62.3076923em; /* 810px / 13 = em value*/
	*width:60.8060769em; /* IE em value (above em value * .9759) */
}

/* Contains entire document */
#main_container {
	width: 95%;
	height: 100%;
	margin: 0px;
}

/* Spacer for centering pager vertically */
#distance {
	margin-bottom: -275px;
	width: 1px;
	height: 50%;
	float: left;
}

/* Centered Website */
.container {
	position: relative;
	text-align: left;
	margin: 0 auto;
	clear: left;
	height:39.2307692em; /* 510px / 13 = em value*/
	*height:38.2853077em; /* IE em value (above em value * .9759) */
}

#artist_list {
	padding:0px 10px 0px 0px;
	clear:left;
	width:120px;
	text-align:right;
	float:left;
	color:#C4C3C2;
	font-size:85%;
}
#artist_list li { height:1.45em; *height:1.376019em; overflow:hidden; }
#artist_list li a:link, #artist_list a:visited {color:#C4C3C2; text-decoration:none; }
#artist_list li a:hover {color:#FFFFFF; }
#artist_list .active a { color:#837A72; font-weight:bold; }


.download_pdf {
	background-image:url('../images/pdf_icon.gif');
	background-repeat:no-repeat;
	background-position: top left;
	padding-left:25px;
	height:17px;
}

/* /////////////////////////////////////////////////// 
3. Main Navigation
////////////////////////////////////////////////////// */

#main_nav {
	padding-top:10px;
	width:405px;
	height:14px;
	float:left;
	display:inline;
}

#main_nav li {
	padding-left:20px;
	text-align:left;
	text-indent:-5000px;
	float:right;
	display:inline;
}
#contact a { display:block; background:url('../images/nav_contact.gif') 0px 0px no-repeat; width:50px; height:14px; }
#current_exhibitions a { display:block; background:url('../images/nav_currentexhibition.gif') 0px 0px no-repeat; width: 123px; height:14px; }
#past_exhibitions a { display:block; background:url('../images/nav_pastexhibitions.gif') 0px 0px no-repeat; width: 107px; height:14px; }

#contact a:hover {background-position: 0px -14px; }
#past_exhibitions a:hover {background-position: 0px -14px; }
#current_exhibitions a:hover {background-position: 0px -14px; }

#contact.active a { background-position: 0px -28px; }
#past_exhibitions.active a { background-position: 0px -28px; }
#current_exhibitions.active a { background-position:0px -28px; }


/* /////////////////////////////////////////////////// 
4. Page Specific
////////////////////////////////////////////////////// */

/* 
a. General Settings 
------------------------------- */
#content {
	float:left;
	background-color:#FFFFFF;
	height:510px;
	width:675px;
	color:#3A3532;
	overflow:hidden;
}

/*
b. Splash Page 
------------------------------- */
#splash_container {
	width: 100%;
	height: 100%;
	margin: 0px;
}
#splash_distance {
	margin-bottom: -25px;
	width: 1px;
	height: 50%;
	float: left;
}
/* Spacer for centering pager vertically */
#splash {
	position: relative;
	margin: 0 auto;
	clear: left;
	height:47px;
	width:463px;
	text-align:center;
}
#splash img {

}


/* 
c. Contact Page 
------------------------------- */

#contact_main {
	z-index:1;
	position:absolute;
	padding-left:40px;
	color:#3A3532;
	padding-top:15px;
	padding-bottom:40px;
	font-size:93%;
	line-height:17pt;
}
#contact_main a { color:#746A62; text-decoration:none; }
#contact_main a:hover { color:#3A3532; }


/*
d. Mailing List gadget 
------------------------------- */

#mailing_list_off {
	z-index:500;
	position:absolute;
	float:right;
	background: url('../images/mailinglist_off.gif') no-repeat;
	margin:485px 500px;
	text-transform:uppercase;
	display:none;
}
#mailing_list_off a { 
	display:block;
	width:154px;
	height:9px;
	cursor:pointer;
}
#mailing_list_on {
	background:white;
	z-index:500;
	position:absolute;
	float:right;
	margin:430px 420px;
	*margin:420px 415px;
	padding:0px;
	width:226px;
}
#mailing_list_on td {
	padding:0px 0px 5px 0px;
	margin:0px;
}
#mailing_list_on label {
	display:inline;
	width:55px;
	height:15px;
	overflow:hidden;
	margin-right:10px;
}
#mailing_list_on input {
	color:#44403D;
	width:153px;
	background:#D4D3D2;
	border:0;
	font-family:"lucida grande", arial, sans-serif;
	font-size:93%;
	padding:0px 0px 0px 2px;
	margin:0px;
}
#mailing_list_on select {
	color:#44403D;
	width:155px;
	background:#D4D3D2;
	border:0;
	font-family:"lucida grande", arial, sans-serif;
	font-size:93%;
}
#mailing_list_on .ok {
	width:22px;
	height:23px;
	margin-left:5px;
	padding-left:0px;
}
/*
e. Current Exhibition
------------------------------- */

#current_main {
	line-height:17pt;
	margin-top:0px;
	width:675px;
	padding:0px;
}

#current_content_outer {
	margin:35px 0px 45px 20px;
	float:left;
	display: table;
	height: 420px;
	width:380px;
	#position: relative;
}
.current_content_middle {
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
}
.current_content_inner {
	#position: relative;
	#top: -50%;
}
.current_content_inner .caption {
	font-size:85%;
	line-height:16px;
}
#current_content {
}
#current_content img {
	padding:5px 0px 5px 0px;
}
.current_content_outer {
	height: 420px;
	#position: relative;
}
#exhibition_detail_outer {
	margin:35px 20px 45px 20px;
	float:left;
	display: table;
	height: 410px;
	width:200px;
	#position: relative;
}
.exhibition_detail a {
	text-decoration:none;
	color:#3A3532;
}
.exhibition_detail a:hover {
	color:#000;
}
.current_showingnow {
	color:#A2A0A0;
	font-size:123.1%;
}
#homepage_message {
	text-align:left;
	float:left;
	width:400px;
	margin:185px 0px 0px 60px;
}
#homepage_message a {
	color:#3A3532;
	text-decoration:none;
	font-weight:bold;
}
#homepage_message a:hover {
	color:#6C635C;
}
#homepage_message ul {
	padding:0px;
	margin:0px;
}
#homepage_message ul li {
	margin:0px;
	background:url('../images/bullet.gif') no-repeat 0px 8px;
	padding:0px 0px 0px 10px;
}

#video_div {
	text-align:right;
	float:left;
	width:380px;
	padding:60px 0px 0px 0px;
	margin:70px 5px 0px 0px;
}
.current_link {
	display:block;
}

#left_div, #right_div {
	float:left;
	width:180px;
	margin:70px 5px 0px 0px;
}
#left_div {
	margin-left:40px;
}
.right_table, .left_table {
	width:180px;

}
.td_1, .td_2, .td_3, .td_4 {
}
.td_1 {
	text-align:left;
	*padding:0px 0px 5px 0px;
}
.td_3 {
	text-align:right;
	*padding:0px 0px 5px 0px;
}
.td_4 {
	text-align:right;
}
.td_top_image {
	height:180px;
	width:180px;
	overflow:hidden;
}
.td_bottom_image {
	height:180px;
	width:180px;
	overflow:hidden;
}
.td_top_image {
}

/*f. Gallery Styles 
------------------------------- */

#gallery_main {
	padding-top:30px;
	margin-left:40px;
}

#gallery_title {
	margin-top:-9px;
	height:30px;
	width:380px;
	float:left;
	position:absolute;
}

#gallery_details {
	color:#6C635C;
	padding-right:40px;
	margin-top:-2px;
	text-align:right;
	float:right;
	height:50px;
}

#gallery_links { margin-right:40px; float:right; width:180px; height:50px;}
#gallery_links ul, #gallery_links li { padding: 0; float:right; list-style-type: none; }
#gallery_links li a { list-style-type: none; text-indent:-5000px; }

#gallery_thumbs {
	margin-top:30px;
	text-align:center;
	clear:both;
}

/*
#gallery_thumbs .next {
	background:url('../images/next.gif') no-repeat;
	float:left;
}
#gallery_thumbs .next a {
	width:16px;
	height:16px;
	display:block;
}
#gallery_thumbs .previous {
	background:url('../images/previous.gif') no-repeat;
}
#gallery_thumbs .previous a {
	width:12px;
	height:16px;
	display:block;
}
*/

#gallery_content {
	margin-left:-30px;
	clear:both;
	position:absolute;
	width:675px
}

#gallery_image {
	display: table;
	#position: relative;
	height:320px;
	text-align:center;
	width:435px;
	padding:0px 0px 0px 30px;
}
#gallery_caption {
	margin:15px 0px 0px 505px;
	padding:0px 20px 0px 0px;
	text-align:right;
	float:right;
	display: table;
	height:320px;
	line-height:17pt;
	position:absolute;
	width:150px;
	
}
#gallery_caption a {
	color:#3A3532;
	text-decoration:none;
	font-weight:bold;
}
#gallery_caption a:hover {
	color:#6C635C;
}


/*
g. About Artist
------------------------------- */

#artist_main {
	padding-top:30px;
	margin-left:37px;
}

#gallery_header {
	height:45px;
	overflow:hidden;
}
#artist_header {
	height:30px;
	overflow:hidden;
}

#artist_title {
	margin-top:-10px;
	float:left;
	width:410px;
}
#artist_title h2 {
    margin-top:10px;
}

.about_artist { margin: 2px 0px 0px 21px; }
.about_artist a { display: block; background:url('../images/nav_aboutartist.gif') no-repeat 0 0; height:14px; width: 99px; }
.about_artist a:hover { background-position: 0 -14px; }
.about_artist.active a { background-position: 0 -28px;}

.artist_work { margin: 2px 0px 0px 21px; }
.artist_work a { display: block; background:url('../images/nav_artistwork.gif') no-repeat 0 0; height:14px; width: 39px; }
.artist_work a:hover { background-position: 0 -14px; }
.artist_work.active a { background-position: 0 -28px; }

.column_1 {
	clear:left;
	float:left;
	width:250px;
	margin-right:40px;
	height:100%;	
}
.column_2 {
	float:left;
	width:250px;
	margin-right:20px;
	height:100%;
}

.artist_articles li {
	padding:0px 0px 10px 0px;
}
.artist_articles .pe_date {
	font-size: 85%;
	color:#655D56;
	white-space: nowrap;
}
.artist_articles a {
	text-decoration:none;
	color:#3A3532;
}
.artist_articles a:hover {
	color:#6C635C
}

.artist_cv {
	z-index:500;
	position:absolute;
	background: url('../images/button_artistcv.gif') no-repeat;
	float:left;
	margin:485px 0px 0px 495px;
	*margin:485px 0px 0px 465px;
	text-transform:uppercase;
}
.artist_cv a { 
	display:block;
	width:139px;
	height:9px;
}

.artist_exhibitions li {
	padding:0px 0px 10px 0px;
}
.artist_exhibitions .pe_date {
	font-size: 85%;
	color:#655D56;
}
.artist_exhibitions a {
	color:#3A3532;
	text-decoration:none;
}
.artist_exhibitions a:hover {
	color:#6C635C
}

/*
h. Past Exhibitions 
------------------------------- */

#past_content {
	clear:left;
	float:left;
}
#year_title {
	margin-top:-10px;
	float:left;
	width:90px;
	height:45px;
}
#past_main {
	font-size:93%;
	padding-top:25px;
	margin-left:30px;
}
#past_header {
	overflow:hidden;
	height:30px;
}
#past_years {
	clear:left;
	float:left;
	text-align:left;
	width:40px;
	margin-right:20px;
	margin-left:10px;
	padding:0px 35px 0px 0px;
	background: url('../images/vert_line.gif') no-repeat right 18px;
}
#past_years li {
	height:21px;
}
#past_years li a {
	color:#3A3532;
	text-decoration:none;
}
#past_years li a:hover {
	color:#000;
}
#past_years .active {
	font-weight:bold;
}
#past_months {
	float:left;
	text-align:right;
	width:80px;
}
#past_months li {
	height:28px;
}
#past_months li a {
	color:#3A3532;
	text-decoration:none;
}
#past_months li a:hover {
	color:#000;
}
#past_months .active {
	color:#3A3532;
	font-weight:bold;
}
#past_details {
	margin-left:80px;
	width:200px;
	height:380px;
	float:left;
	overflow:auto;
}
#past_details .pe_date {
	font-size: 85%;
	color:#655D56;
}
#past_details .pe_artists {
	
}
#past_title {
	margin-top:-10px;
	float:left;
	width:430px;
}
#past_oldsysystem {
	padding:0px 10px 0px 0px;
	height:340px;
	overflow:auto;
	width:500px;
}
#past_oldsysystem li {
	padding:0px 0px 10px 0px;
	margin:0;
}
#past_oldsysystem p {
	font-size:85%;
	padding:0;
	margin:0;
}
#past_oldsysystem h5 {
	font-weight:bold;
	font-size:85%;
}
#past_oldsysystem h3 {
	font-size:100%;	
}

/*
i. Artist Articles
------------------------------- */
.artist_articles, .artist_exhibitions { 
	height:400px;
	overflow:auto;
}
#artist_article {
	margin:0px 0px 0px 0px;
	clear:left;
	padding:0px 10px 0px 0px;
	height:390px;
	overflow:auto;
	width:590px;
}
.artist_article_content {
	display:none;
}
#article_content .note {
	color:#655D56;
	font-size:93%;
	font-style:italic;
}
#article_content p {
	line-height:13pt;
}
	
/* //////////////////////////////////////////////////////
5. Special Classes
////////////////////////////////////////////////////// */

.hide {
	display:none;
}
.clear-all {
	clear:both;
}
.clear-left {
	clear:left;
}