/*****Reset*****/
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {  content: '';  content: none;}/* remember to define focus styles! */
del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0;  padding: 0;  border: 0;  outline: 0;  font-size: 100%;  vertical-align: baseline;background: transparent;}
ins {text-decoration: none;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
/*****eof Reset*****/



/***** common settings *****/
body {line-height: 100%;}
a{color:#9FD9EC;text-decoration:none;}
a:hover{color:#333333;}
.content p{margin-bottom: 11px;}

.clear{clear: both; font-size: 0px; height: 0;}
.right{float:right;}
.left{float:left;}
.nofloat{float:none;clear:both;}
.hideIt{display:none;}
.showIt{display:block;}
.blue-color{color:#0099cc;}
.blue-border{border: 2px solid #9FD9EC;}
.text-right{text-align:right;}
.text-left{text-align:left;}
/*eof common SETTINGS ******/
 


/* LAYOUT and margins***********************************************************************/
#header-stripe{background: #80CCE6; height: 500px; margin-top:-500px; border-bottom:1px solid #ccc;}
#header{height: 80px; padding: 36px 0;padding-bottom:24px;position:relative;}
h2{margin-top:36px;margin-bottom:18px;}
#container,#header{  width: 955px;  margin: 0 auto;}
.content{position: relative; width: 100%;}
#footer{border-top: 1px solid #BFE6F2;  text-align: right;   padding: 9px 0px; width:100%; }
#address{  display: block;  float: left;   line-height: 120%; }#white-cube, #black-cube {height: 10px; width: 10px;  margin-right: 3px;}
.divider{margin:0px 6px; color:#ccc;}
.hide-wrapper{overflow:hidden;position:relative;margin:0;border:none;width:100%;}
.thumb-display{width: 100%; padding: 36px 0;position:relative;}
.info-panel{ margin-left: 18px;margin-right: 18px;  margin-bottom: 36px; font-size:11px;}
.thumbs{display: block; padding: 0 0;position:relative;}
.heading{padding:6px 0;padding-bottom:0;}
#color-quicklink{  display: block;  clear: both; text-transform: uppercase;}

	/*index.php */
	#dsc{ font-size:11px;padding:9px 0; color:#999;text-transform:uppercase; border-top: 2px solid #BFE6F2;width:100%;}
	/*eof index.php */

		
	/*NAVIGATION*/
	#main-nav{display: block;   text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;position:absolute;right:0;top:46px;}
	#main-nav li{margin-left: 18px; font-size: 14px; float: left;}
	#main-nav li a:hover{color: #666;}

	.white #main-nav a,.black #main-nav a{display: block; text-decoration: none;}
	.sec-nav { display: block;   text-align: right;    border-top: 0px dotted #DFF2F9;  float:right; margin-bottom:9px;}
	.sec-nav li{  display: inline;  margin-left: 19px;    }
	.horz-bar2,.horz-bar{padding: 0;  float: left;  width: 100%;  padding-top: 9px;  font: 11px Arial, Helvetica, sans-serif;  text-transform: uppercase;}
	.horz-bar{   border-top: 1px dotted #BFE6F2; border-bottom: 2px solid #BFE6F2;}
	/*eof NAVIGATION*/
	
	
	/*exhibitions.php */
	#ex-content{padding:18px 0;}
	.ex-text{margin-left:268px;padding-bottom:36px;}
	.exhibitions .info-panel img{ border: 2px solid white;}
	.exhibitions .info-panel ul{padding-top:18px; clear:both;}
	.exhibitions .info-panel{width:276px;height:229px;}
	/*eof exhibitions.php */


	/*artwork.php */
	.artwork .info-panel heading,h2{font-size:18px;}
	.artwork .info-panel{ width: 200px;  margin-right: 18px;  padding: 18px 0;  padding-left: 0;}
	.artwork .thumbs a{display:block;margin: 12px; padding: 0px;  border: 2px solid white; }
	.artwork .heading{border:none;}
	#art-label,#full-art{margin-bottom:18px;}
	#art-details{ margin: 18px 0; width: 100%; float: none;}
	/*artwork.php */


	/*publications.php */
	.publications .info-panel {width:auto; margin-right:36px;}
	.publications .info-panel img{margin-bottom:18px;}
	/*eof publications.php */
	
	
	/*artistlist.php */
	.artists-list .info-panel{ width:300px; overflow:hidden;}
	.artists-list .content li{padding-bottom:12px;}
	.artists-list .content ul{padding-right:54px;}
	/*eof artistlist.php */
	
	/*bio.php */
	.bio .content{width:600px; padding:36px 0;}
	/*eof bio.php */
	
	
	/*gallery php */
	.gallery .content img {display:block;}
	/* eof gallery*/

#prev-next{margin-bottom: 18px; font-family: Arial, Helvetica, sans-serif;}






/* eof LAYOUT ********************************************************/












/* COLOR and font ***********/
#selectbox_link {  border: 1px solid #f1f1f1;  text-decoration: none;  color: #999;  padding: 0 3px;  padding-right: 20px;  text-transform: capitalize;}
.black{background:#333; font-family: Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC;}
.white{background: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif;color:#666;}
#prev-next a:hover,.sec-nav li a:hover{  color: #999;  text-decoration: none;  font: 11px Arial, Helvetica, sans-serif; text-transform: uppercase;}

.artists-list .content a{color:#0099cc; text-decoration:none; font-size:16px;font-family:Arial, Helvetica, sans-serif;letter-spacing:2px;text-transform:uppercase;}
.artists-list .content a:hover{color:#666;}
.heading, h2{font-family:Arial, Helvetica, sans-serif;color:#0099cc;font-size:14px; font-weight:normal;}
.current-link{color:#999 !important; }
#color-quicklink{color:#999;}
.sec-nav li{text-transform: uppercase;  color: #9FD9EC;}

.sec-nav li a,#prev-next a{  color: #9FD9EC;  text-decoration: none;  font: 11px Arial, Helvetica, sans-serif;  text-transform: uppercase;}
.sec-nav li a.selected{color: #666;}
.content{font-size:12px;line-height:18px;}

.artist-list .info-panel{width:100%;}
h3,h1{ color: #0099CC;  font: normal 24px Arial, Helvetica, sans-serif;   display: block;}
h1{font-size:16px;padding-bottom:3px;letter-spacing:4px;}
#back{color:#9FD9EC;font-weight:bold; text-transform:capitalize;}
#footer{ color: #9FD9EC; font-size: 10px; text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;}
#find-us{text-decoration:none;}

	#main-nav a{color: #9FD9EC;}


.divider{color:#999;}

.black .artists-list .content a{ }
.black .horz-bar{   border-top: 1px dotted #0099cc; border-bottom: 2px solid #0099cc;}
.black #footer { border-top: 1px solid #0099cc; }
.black .sec-nav li{text-transform: uppercase;  color: #ccc;}

.black .sec-nav li a,#prev-next a{  color: #0099cc;  text-decoration: none;  font: 11px Arial, Helvetica, sans-serif;  text-transform: uppercase;}
.black .sec-nav li a.selected{color:#ccc;}
.black h1{color: #9FD9EC;  }
.black .current-link {
color:#999 !important;
}
.black .heading{color: #9FD9EC;}
.black #color-quicklink {color:#999;}
	.black #main-nav a,.black h2{color: #0099cc;}
.black .blue-color {color: #9FD9EC;}
.black #back{color: #ccc;}
.black .artists-list .content a{color:#9FD9EC !important;}
/* eof COLOR COLOR and font ***********/





#color-quicklink select{text-transform: uppercase; border: 0;}
#ex-details {font: 11px/120% Verdana, Arial, Helvetica, sans-serif; display: block;}
#ex-details h1,#art-details h1{text-transform: capitalize;  float: none;  font-size: 16px;  margin-bottom: 18px;}




.linkselectContainer{margin-top: 15px;}
:focus {outline: 0;}/* remember to highlight inserts somehow! */
a.linkselectLink{
  background: #fff url("images/arrow.gif") no-repeat right 5px;
}
.black a.linkselectLink{  background: #333 url("images/arrow.gif") no-repeat right 5px;}
.black #selectbox_link ,.black .linkselectContainer .scrollable{  border:1px solid #666;
}
.black .linkselectContainer .scrollable{background:#333}
.black .linkselectContainer ul li.selected{color:white;}




#nav {padding-bottom:36px;}
#nav li {  float: left; margin-right:8px; margin-top:8px; margin-bottom:8px;list-style: none }
#nav a {  display: block; border: 2px solid #fff; }
#nav a.activeSlide { border: 2px solid #9FD9EC;  }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }

