/*interface and global styles*/

* {margin:0px; padding:0px;} 
a {outline:none;} /* Fixes Firefox Bug */
body {
	font: 70% "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #403e3c;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	text-align: center;
	margin: 0px;
	color:#bbb4a6;
}
img { border: none;}
td {border-collapse:collapse;}
#topbar {
	margin: 0px;
	padding: 0px;
	height: 44px;
	width: auto;
	text-align: right;
}
#topbar #topnav {
	margin: 0px;
	padding: 0px;
	width: 584px;
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 0px;
	height: 104px;
}
#topnav #logo {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 195px !important;
}

.clear {
	clear: both;
}


/*this is for the dark color area - can be combined with other styles*/
.darkBG{background-color: #302e2c;}

/*to use anywhere*/
.padTop16{padding-top:16px;}
.padBottom10{padding-bottom:10px;}
.padBottom16{padding-bottom:16px;}
.marginTop16 {margin-top: 16px;}

/*basic text styles*/
h1{
	font-size: 13px;
	color: #9d9687;
	line-height: 20px;
	margin-top: 12px;
	margin-bottom: 6px;
}

p, ul, ol {
	font-size: 12px;
	line-height: 20px;
	margin-top: 4px;
	margin-bottom: 8px;
	color:#bbb4a6;
}



a {
	color: #aa7d59;
	text-decoration: none;
}
a:hover {
	color: #dad8d4;
	text-decoration: none;
}

.lightText {color: #c1baac;}
.darkText {color: #252422;}
.tanText{color: #9a9282;}
.blackText {color: #000;}
.text14 {font-size: 14px;}

/*footer styles*/
#footer {
	color: #9d9687;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	width: auto;
	padding-top: 92px;
	padding-bottom: 24px;
	background-image: url(images/bg_foot.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-left: 10px;
}
#footer a, #footer a:hover, #footer .phone{
	padding-right: 6px;
	padding-left: 6px;
}

/*title area*/

#title_div {
	clear:both;
	text-align: center;
	height: 83px;
	width: auto;
	margin-top:3px;
	margin-bottom: -2px;
}


/*home page*/
#title_div_home {
	clear:both;
	text-align: center;
	height: 83px;
	width: auto;
	margin-top:20px;
	margin-bottom: -2px;
}

h1.homeText {
	line-height: 18px;
	margin-top: 20px;
	color: #9a9282;
}

/*FORM STYLES*/

.formtext{font-size: 12px;
	padding: 2px 3px 4px 0px;
	color:#bbb4a6;}

.formField, .formTextBox{ 
	border-collapse:collapse; 
	border: 1px solid #242221; 
	background-color: #403e3c; 
	font-size: 12px; 
	color:#bbb4a6; 
	width: 230px; 
	height: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.formTextBox {
	height: 120px;
	overflow: hidden;
}

/*artist detail pages*/

/*the following style is for current artist page nav numbers*/
.pageNumbers {
	color: #252422;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	padding: 4px 2px;
}


p.clickImage {
	margin-top: 20px;
	font-style: italic;
	text-align: center;
	color: #9a9282;
}
h1.artistSubHead {
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 13px;
	margin-top: 0px;
	margin-bottom: 4px;
	text-transform: uppercase;
	color: #9a9282;
}
h2 {
	font-size: 12px;
	line-height: 20px;
	color: #a67e66;
	margin-top: 0px;
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: 2px;
}


/*ARTISTS*/

#artistInfo {
	margin: 0px 0px 0px 16px !important;
	padding: 0px!important;
	height: 317px !important;
	width: 720px !important;
	overflow: auto!important;
	scrollbar-face-color: #403e3c !important;
	scrollbar-arrow-color: #21201f !important;
	scrollbar-track-color: #302e2c !important;
	scrollbar-base-color: #403e3c !important;
	scrollbar-shadow-color: #403e3c !important;
	scrollbar-highlight-color: #403e3c !important;
	scrollbar-3dlight-color: #21201f !important;
  	scrollbar-darkshadow-color: #21201f !important;
}

/*the style artist image has changed*/
td.artistImg {padding-left: 10px; padding-right: 10px; padding-bottom: 0px;}

/*the next three styles are for the small links for the artists enlarge/info*/
td.artistImgLinks {
	padding-right: 14px;
	font-size: 9px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #161514;
}
.artistImgLinks a {color:#726B5C;}
.artistImgLinks a:hover {color:#dad8d4;}

td.artistInfoCell {
	padding: 6px 8px 6px 18px;
	border-left: 1px solid #21201f !important;
}
td.artistInfoCell p 
{color: #cdc7bc !important;
line-height:18px;
}

/*artist list page*/

#artistList td {
	width: 20%;
	text-align: center;
	padding: 0px 10px 8px 10px;
}

/*******************************************/
/*NEW FOR REVISIONS TO MOCKUPS DEC 9, 2007*/

/*******************************************/
/*REVISED AGAIN DEC 15, 2007 FOR THE DROP DOWNS AND THE BIO*/

#artistPage td {
	padding: 0px 10px 12px 10px;
}
/*******************************************/
/*NEW ID "artistDD" */
#artistPage td table#artistDD td {
text-align: right;
padding: 0px !important;
height: 22px;
}

#artistPage td table#artistDD td img {
	border: 0px none;
	padding: 0px; margin: 0px;
}
/*******************************************/
/*NEW ID "about" */
#artistPage td div#about {
	width: 800px;
	text-align: left;
}
#artistPage td div#about p, #artistPage td div#about ul, #artistPage td div#about ol{
	line-height:18px;
	margin-top:0px;
	margin-bottom:12px;
}

#artistList td p, #artistPage td p{
	font-size: 11px; line-height: 14px; margin-top: 2px; margin-left:4px; margin-right:4px;
}

#artistPage td p.artistSubmenus {
font-size: 10px;
line-height: 14px;
margin-top:6px;
}
.smallUpperCase{
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}


/*FOLLOWING REVISED DEC 9, 2007*/
#artistList td img,#artistPage td img{
	border: 1px solid #242221;
}
#artistList td a{
	color: #9a9282;
}
#artistList td a:hover{
	color: #aa7d59;
}

.clear {
	clear: both;
}

/**********************************/
/*NEW H2 Style FOR ARTISTS PAGES*/
#artistPage h2 {
	font-size: 13px;
	line-height: 20px;
	color: #a67e66;
	margin-top: 0px;
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: 2px;
}


#artistPage td a.lightLink{
color:#E6E3DD;
}
#artistPage td a.lightLink:hover{
color:#BA8670;
}
#artistPage td a.darkLink{
color:#aa7d59;
}
#artistPage td a.darkLink:hover{
color:#dad8d4;
}

/* DROPDOWN MENU STYLES */

#dropdown_navigation ul {
  padding:0;
  margin:0;
  list-style: none;
  background-color:#21201E;
  text-align:center;
  font-size:10px;
  line-height:14px;
  letter-spacing:1px;
  color:#c4814c;
  }
  
#dropdown_navigation ul li {
	background-color:#21201E;
	width:162px;
	margin-left:10px;
	border:1px solid #60452e;
	padding:1px 0px 0px 0px;
	height:14px;
}

#dropdown_navigation li {
  float: right;
  position: relative;
  width: 10em;
  }

#dropdown_navigation li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  width:162px;
  }
  
 #dropdown_navigation li ul li {
 	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
	border-top:0px solid #000000;
	padding:2px 0px 2px 0px;
	margin:0px;
	letter-spacing:0px;
 }


#dropdown_navigation li ul {
	top: 16px;
	left: 1px;
	}

#dropdown_navigation li:hover ul, 
#dropdown_navigation li.over ul {
	display: block;
	}

#dropdown_navigation #nav li li a,
#dropdown_navigation #nav li a {
	display: block;
	}

#dropdown_navigation #nav li li a:link,
#dropdown_navigation #nav li li a:visited,
#dropdown_navigation #nav li a:link,
#dropdown_navigation #nav li a:visited {
	color:#c4814c;
	text-decoration:none;
}

#dropdown_navigation #nav li li a:hover,
#dropdown_navigation #nav li li a:active,
#dropdown_navigation #nav li a:hover,
#dropdown_navigation #nav li a:active {
	color:#d5d1c8;
	text-decoration:none;
	background-color:#21201E;
}

#dropdown_navigation #nav li li a:link,
#dropdown_navigation #nav li li a:visited,
#dropdown_navigation #nav li li a:hover,
#dropdown_navigation #nav li li a:active {
	background-image:none;
}

#dropdown_navigation #nav li a:link,
#dropdown_navigation #nav li a:visited {
	background-image:url(images/btn_down_arrow_gold.gif);
	background-repeat:no-repeat;
	background-position:150px 3px;
}

#dropdown_navigation #nav li a:hover,
#dropdown_navigation #nav li a:active {
	background-image:url(images/btn_down_arrow_white.gif);
	background-repeat:no-repeat;
	background-position:150px 3px;
}

#preload_arrow_1 {background-image:url(images/btn_down_arrow_white.gif);}


/* END DROPDOWN MENU STYLES */


/*styles for other pages*/

#exhibitList td {padding: 4px 0px 16px;}
#photokunst td {padding: 4px 0px 4px;}
#bookList td {padding: 4px 0px;}
.bookBorderList, .newsList {
	border-left: 1px solid #242221;
}
.bookBorderList td {
	padding-top: 16px;
	padding-bottom: 16px;
}
.newsList td {
	padding-top: 10px;
	padding-bottom: 10px;
}

.newsList .news_item {font-size:12px;padding-bottom:20px;}
#exhibition_content {font-size:12px;}
#exhibition_content ul {margin-left:30px;}
#exhibitList td img, #photokunst td img{
	border: 1px solid #242221;
}
#exhibitList td a img, #photokunst td a img{
	border: none !important; padding: 0px !important; 
}

#exhibitList td img {border:none;}

#exhibitList td h1, #photokunst td h1, h1.contactHeader, #bookList td h1, #bookList td h2{
	font-size: 17px;
	font-weight: normal;
	line-height: 22px;
	color: #9f765e;
	margin-top: 14px;
	margin-bottom: 0px;
	text-transform: uppercase;
	letter-spacing: 3px;
}

#photokunst td h1, h1.contactHeader{
font-size: 14px;
	margin-top: 14px;
	line-height: 20px;
	margin-bottom: 14px;
	letter-spacing: 2px;
}

h4{
	font-size: 14px;
	font-weight: normal;
	margin-top: 14px;
	margin-bottom: 14px;
	line-height: 22px;
	color: #9f765e;
}

h5{
	font-size: 12px;
	font-weight: bold;
	margin-top: 14px;
	margin-bottom: 2px;
	line-height: 22px;
	color: #9f765e;
	text-transform: uppercase;
	letter-spacing: 1px;
}

h1.contactHeader{margin-top: 20px;}
#bookList td h1{
color: #a8a295;
	font-size: 13px;
	margin-top: 14px;
	line-height: 20px;
	margin-bottom: 14px;
	letter-spacing: 2px;
}

#exhibitList td h2, #photokunst td h2, #bookList td h3 {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	color: #9a9282;
	margin-top: 0px;
	margin-bottom: 12px;
	text-transform: none;
	letter-spacing: 0px;
	font-style: italic;
}
#photokunst td h2 {font-style: normal;}

#bookList td h2{margin-top: 0px; margin-bottom: 12px;}

#bookList td h3, #photokunst td h3 {font-size: 16px; line-height: 24px; margin-bottom: 0px; background-color: #21201e; padding-left: 6px; padding-right: 8px;}

p.bookInfo{padding: 6px 8px; margin: 0px; border-right: 1px solid #21201e; border-bottom: 1px solid #21201e; border-left: 1px solid #21201e;}

#exhibitList td p, #bookList td p {
	line-height: 18px;
}
#photokunst td p{margin-bottom: 12px;}
#exhibitList td table.infoTable{
	border-top: 1px solid #21201e;border-right: 1px solid #21201e; border-left: 1px solid #21201e;
	padding: 0px;
}
#exhibitList td table.infoTable tr td{
	padding: 0px;
}
/*********************************************************************/
/*NEW STYLES ADDED HERE FOR THE INTEGRATION OF PHOTO DETAIL STYLES DEC 9*/


/*LITTLE THUM TABLE ADDED DEC 9*/
#tinyThums td {
padding: 0px 0px 10px;
}
#tinyThums td img {
border: 1px solid #242221;
}
#tinyThums td a {
color: #242221;
}

table.infoTable{
	border-top: 1px solid #21201e;
	border-right: 1px solid #21201e;
	border-left: 1px solid #21201e;
}

td.photoTitle{
	padding: 12px 4px;
	font-size: 16px;
	font-style: italic;
}
td.photoCaption{ padding: 2px 4px 10px; font-size: 12px; line-height: 18px; color:#bbb4a6;}
td.photoCode {
	font-size: 12px;
	font-weight: bold;
	color: #9a9282;
	padding: 4px;
}

td.columnHeader {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #21201e;
	padding: 4px !important;
	color: #9d5f00;
	letter-spacing: 1px;
}
/*********************************************************************/
/*PHOTO DETAIL COLUMN HEADER NOW THIS*/
td.columnHeaderNew {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #21201e;
	padding: 5px 0px;
	color: #9D5F00;
	letter-spacing: 1px;
}

td.backNext{
font-size: 10px;
text-transform:uppercase;
letter-spacing: 1px;
text-align: center;
padding-left: 20px;
}
/****************ADDED THIS DEC 12 ONE ABOVE IS OUT**********************/
td.backNext2{
font-size: 10px;
text-transform:uppercase;
letter-spacing: 1px;
text-align: center;
padding-right: 10px;
}

td.backNext a{color: #aa7d59;}
td.backNext a:hover{color: #dad8d4;;}

td.columnDetail,td.columnDetail2, td.columnDetail3, td.columnDetail4{
	font-size: 12px;
	padding: 3px 4px 12px 4px !important;
	border-bottom: 1px solid #21201e;
}
td.columnDetail2, td.columnDetail4{
	border-right: 1px solid #21201e;
}
td.columnDetail3,td.columnDetail4 {padding-bottom:3px !important;}

/*PHOTO DETAIL COLUMN INFO NOW THIS*/
td.columnDetailNew {
	font-size: 11px;
	padding: 5px 0px;
	color:#bbb4a6;
	border-right: 1px solid #21201e;
	border-bottom: 1px solid #21201e;
}


td.detailButton {
	border-bottom: 1px solid #21201e;
	padding-top: 4px;
	padding-right: 42px;
	padding-bottom: 4px;
}

td.license {
	font-size: 11px;
	background-color: #21201e;
	padding: 4px 12px 4px 43px;
	color: #cdc7bc;
	text-transform: uppercase;
	font-weight: bold;
}
.licenseHeader {
	font-weight: bold;
	text-transform: uppercase;
	background-color: #21201e;
	color: #d38e50;
	letter-spacing: 1px;
	font-size: 11px;
}
td.licenseButton {
	background-color: #21201e;
	padding-top: 4px;
	padding-right: 42px;
	padding-bottom: 4px;

}
td.seperatorCell {
	font-size: 1px;
	line-height: 1px;
}
.imgCaptionSmall {
	font-size: 11px;
	color: #9a9282;
	padding-top: 6px;
	text-align: center;
}

#exhibitList td.imgCaptionSmall {padding-bottom:4px;}

#returnExhibit {
	text-align: center;
	width: auto;
	padding-top: 24px;
}
.bookListThum, .bookListNoImage{margin: 0px 20px 10px 20px;}
.bookListThum img{border: 1px solid #21201e;}
.bookListNoImage{
	width: auto;
	height: 140px;
	width: 162px;
	background-color: #504d4a;
	background-image: url(books/book_no_image.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #21201e;
}
.metropolisCaption {
	font-size: 12px;
	line-height: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #9d9687;
}