/*
grey text: 656565
red: cc0000

top nav: 13px arial
bold
title: 18px/24px
big text: 14px/24px
small text: 12px/24px
1px borders

fonts installed:
font-family: BernhardGotURW-Lig;
font-family: BernhardGotURW-Med;
font-family: BernhardGotURW-Hea;
commented these out to save download time. you can uncomment them in the fonts.css file:
//font-family: Sketchetik-Light
//font-family: BernhardGotURW-ExtLig;
//font-family: BernhardGotURW-ExtHea;
//font-family: BernhardGotURW-Ult;

*/
/******************* RESET ALL*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body { line-height: 1.5; }
ol, ul {list-style: none;}
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
:focus { outline: 0; }

/******************* SHARED ELEMENTS*/
/*always show scrollbar*/
html {
height:100%;
margin-bottom:1px;
overflow-y:scroll;
}
body {
text-align:center; /*for IE5 centering*/
color:#000000;
font-smooth:always;
padding:0;
margin:0;
background:#ffffff;
font: 12px/24px BernhardGotURW-Lig, arial;
color:#000000;
}
a {
color:#656565;
text-decoration:underline;
}
a:hover {
color:#cc0000;
text-decoration:underline;
}
nobr {
white-space:nowrap;
}
h1, h2 {
float:left;
width:100%;
font: 18px/24px BernhardGotURW-Med, arial;
}
h1 a, h2 a {
color:#000000;
text-decoration:none;
}
h1 a:hover, h2 a:hover {
color:#cc0000;
text-decoration:underline;
}
h3 {
float:left;
width:100%;
font: 14px/24px BernhardGotURW-Lig, arial;
}
h4 {
float:left;
width:100%;
font: 13px/24px BernhardGotURW-Lig, arial;
}
.image {
float:left;
}
.image img {
display:block;
float:left;
border: 1px solid #ffffff;
padding:9px;
}
.image img:hover {
border: 1px solid #cc0000;
}
.description {
float:left;
}
p.indent {
margin-left:10px;
}

/******************* COLUMNS */
.container {
position:relative;
width:960px;
min-height:520px;
padding:24px 0 36px 0;
margin: 0 auto;
text-align:left;
}

/******************* TOP NAV */
.top-nav {
float:left;
width:100%;
}
.top-nav h1 {
float:left;
width:100%;
}
.top-nav h1 img, .top-nav h1 a {
display:block;
float:left;
border:0;
}
.top-nav .links-container {
float:left;
width:100%;
}
.top-nav ul {
float:left;
}
.top-nav li {
float:left;
font: bold 13px/24px BernhardGotURW-Med, arial;
}
.top-nav ul a {
display:block;
float:left;
text-decoration:none;
color:#2b2b2b;
/*font-weight:bold;*/
}
.top-nav ul a:hover {
color:#cc0000;
text-decoration:none;
}
.top-nav ul a.on, .top-nav ul a.on:hover {
color:#cc0000;
font-weight:bold;
text-decoration:none;
}
.top-nav ul.info {
height:86px;
}
.top-nav ul.info li {
width:60px;
margin:0px 10px;
}
.top-nav ul.exhibitions {
}
.top-nav ul.exhibitions ul {
display:none;
}
.top-nav ul.exhibitions li {
width:140px;
margin:0px 10px;
}
.top-nav ul.exhibitions li ul {
width:140px;
margin:0;
}
.top-nav ul.exhibitions li ul li {
width:140px;
margin:0 0 0 10px;
line-height: 17px;
}

/******************* FOOT */
.foot {
clear:both;
position:relative;
width:960px;
padding:3px 0 24px 0;
margin: 0 auto;
text-align:center;
color:#cc0000;
border-top:1px solid #cc0000;
}

/******************* HOMEPAGE */
#homepage .current-exhibition {
float:left;
width:100%;
}
#homepage .current-exhibition h1 {

}
#homepage .current-exhibition h2 {
font-size:16px;
}
#homepage .current-exhibition .image-container {
float:left;
width:640px;
}
#homepage .current-exhibition .image-container .image-details {
float:left;
width:640px;
text-align:center;
}
#homepage .current-exhibition .image {
width:640px;
}
#homepage .current-exhibition .description {
width:290px;
margin:6px 8px 0 10px;
}

#homepage .top-divider {
margin-top:20px;
}

#homepage .announcement {
float:left;
width:100%;
}
#homepage .announcement .image {
width:160px;
}
#homepage .announcement .image img {
width:140px;
}
#homepage .announcement .description {
width:780px;
margin:6px 8px 0 10px;
}

/* new side-by-side design on homepage for 2 shows */
#homepage .side-by-side {
float:left;
width:480px;
}
#homepage .side-by-side .image-container {
float:left;
width:240px;
}
#homepage .side-by-side .image-container .image-details {
float:left;
width:240px;
text-align:center;
}
#homepage .side-by-side .image {
width:240px;
}
#homepage .side-by-side .image img {
width:220px;
height:auto;
}
#homepage .side-by-side .description {
width:230px;
margin:6px 8px 0px 2px;
}

/* new stacked design on homepage for 2 shows */
#homepage .stacked .image-container {
float:left;
width:560px;
}
#homepage .stacked .image-container .image-details {
float:left;
width:560px;
text-align:center;
}
#homepage .stacked .image {
width:560px;
}
#homepage .stacked .image img {
width:540px;
height:auto;
}
#homepage .stacked .image-details {
display:none;
}
#homepage .stacked .description {
width:370px;
margin:6px 8px 0 10px;
}

/******************* EXHIBITIONS LIST */
#exhibitions-list .top-divider {
margin-top:24px;
}
#exhibitions-list .exhibition {
float:left;
width:100%;
}
#exhibitions-list .exhibition h1 {
}
#exhibitions-list .exhibition h2 {
font-size:16px;
}
#exhibitions-list .exhibition .image {
width:160px;
}
#exhibitions-list .exhibition .description {
width:780px;
margin:6px 8px 0 10px;
}


/******************* ABOUT (refer to #basic id below) */


/******************* NEWS */
#news .description {
width:300px;
margin:0px 10px;
}
#news .description h1 {
margin:0 0 10px 0;
}

#news a.mailing-list {
display:block;
width:100%;
float:left;
background: url('../images/site/email-icon.gif') no-repeat 10px 5px;
text-indent:40px;
font-weight:bold;
margin:10px 0 15px 0;
}

#news .top-divider {
margin-top:24px;
padding-top:12px;
border-top:1px solid #656565;
}
#news .article {
float:left;
width:100%;
}
#news .article .image {
width:160px;
}
#news .article .description {
width:780px;
margin:6px 8px 0 10px;
}


/******************* ARTISTS LIST */
#artists .top-nav {
	height:110px;
}
#artists .description {
width:300px;
margin:0px 10px;
}
#artists .description a {
display:block;
float:left;
width:100%;
text-decoration:none;
color:#656565;
}
#artists .description a:hover {
text-decoration:underline;
color:#cc0000;
}
#artists .description h1 {
margin:0 0 10px 0;
}
#artists .description h2 {
font: 12px/24px BernhardGotURW-Med, arial;
}

#artists .image {
width:550px;
margin-top:48px;
}
#artists .image:hover {
cursor:pointer;
}


/******************* ARTIST & EXHIBITION DETAIL PAGE */
#artist .description {
width:240px;
margin:0px 70px 0 10px;
}
#artist .description h1 {
margin-bottom:12px;
}
#artist .description h2 {
font-size:16px;
}
#artist .description div.pr {
float:left;
width:100%;
margin:12px 0;
}

#artist .image-grid {
float:left;
width:490px;
margin:34px 0 0 0;
}
#artist .image-grid .image {
width:160px;
}
#artist .image-grid .image img {
border:1px solid #ffffff;
}
#artist .image-grid .image img:hover {
border:1px solid #cc0000;
cursor:pointer;
}



/******************* ARTIST SLIDESHOW */
#artist-slideshow .title {
float:left;
width:100%;
}
#artist-slideshow .title h1 {
margin:0 0 0 10px;
}
#artist-slideshow .description {
padding:10px;
}

/*slideshow*/
#artist-slideshow .slide-show {
float:left;
width:100%;
margin:12px 0 0 0;
}
#artist-slideshow .slide-show a.left, #artist-slideshow .slide-show a.right {
display:block;
float:left;
width:70px;
margin:0 0 0 10px;
}
#artist-slideshow .slide-show a {
text-decoration:none;
}
#artist-slideshow .slide-show a:hover {
text-decoration:underline;
}
#artist-slideshow .slide-show .details {
clear:both;
float:left;
width:640px;
text-align:center;
}

#artist-slideshow .slide-border {
float:left;
border:1px solid #656565;
}
#artist-slideshow .slides {
float:left;
overflow:hidden;
width:620px;
height:380px;
margin:9px;
}
#artist-slideshow .slides ul {
float:left;
margin-left:0;
/* width = 656 x #of slides */
width:1312px;
height:380px;
}
#artist-slideshow .slides li {
float:left;
width:620px;
height:380px;
overflow:hidden;
text-align:center;
}
#artist-slideshow .slides li td {
text-align:center;
vertical-align:middle;
width:620px;
height:380px;
}
#artist-slideshow .slides li td.loading {
background: url('../images/site/loading.gif') no-repeat center center;
}
#artist-slideshow .slides li .slide-details {
display:none;
}


/******************* BASIC PAGE */

#basic .description {
margin:0 10px 0 10px;
width:940px;
}
#basic .description .about-copy {
float:left;
max-width:520px;
}
#basic .description .about-image {
float:right;
min-width:290px;
}
#basic .description .about-image img {
display:block;
float:right;
margin:0 0 0 10px;
}

#basic .description h1, #basic .description h2 {
margin:0 0 24px 0;
}
#basic .description .top-divider {
margin-top:36px;
padding-top:12px;
border-top:1px solid #656565;
}
#basic .description img.about-image {
margin:10px 0 10px 10px;
float:right;
}

#basic a.mailing-list {
display:block;
width:100%;
float:left;
background: url('../images/site/email-icon.gif') no-repeat 0px 5px;
text-indent:30px;
font-weight:bold;
margin:0 0 25px 0;
}