body { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; padding-bottom: 100px; }
.clear { clear: both; }
ul, li { padding: 0; margin: 0; list-style: none; }
a { text-decoration: none; color: #BF311A; }
a:hover { text-decoration: underline; }
a img { border: 0; }
.more { overflow: hidden; }

table h1 { padding: 0; margin: 0;font-size: 24px; }
h1 { padding: 0; margin: 0;font-size: 24px; }

#container { width: 947px; margin: 0 auto;overflow: hidden; }
#sidebar { float: left; width: 227px; }
#sidebar .top { background: #7E8083; width: 227px; height: 435px; }
#sidebar #nav { padding: 16px 0 0 2px; margin: 0; }
#sidebar #nav li a span { display: none; }


#sidebar #nav li a { display: block; width: 130px; height: 40px; }
#sidebar #nav li.artists-nav a { background: url('images/nav-artists.gif'); height: 21px; }
#sidebar #nav li.artists-nav a:hover { background-position: 0 21px; }
#sidebar #nav li.exhibitions-nav a { background: url('images/nav-exhibitions.gif'); height: 26px; }
#sidebar #nav li.exhibitions-nav a:hover { background-position: 0 26px; }
#sidebar #nav li.news-nav a { background: url('images/nav-news.gif'); height: 18px; }
#sidebar #nav li.news-nav a:hover { background-position: 0 18px; }
#sidebar #nav li.media-nav a { background: url('images/nav-media.gif'); height: 22px; }
#sidebar #nav li.media-nav a:hover { background-position: 0 22px; }
#sidebar #nav li.about-nav a { background: url('images/nav-about.gif'); height: 24px; }
#sidebar #nav li.about-nav a:hover { background-position: 0 24px; }
#sidebar #nav li.contact-nav a { background: url('images/nav-contact.gif'); height: 21px; }
#sidebar #nav li.contact-nav a:hover { background-position: 0 21px; }

#sidebar #nav li.artists-nav.active a { background-position: 0 21px; }
#sidebar #nav li.exhibitions-nav.active a { background-position: 0 26px; }
#sidebar #nav li.news-nav.active a { background-position: 0 18px; }
#sidebar #nav li.media-nav.active a { background-position: 0 22px; }
#sidebar #nav li.about-nav.active a { background-position: 0 24px; }
#sidebar #nav li.contact-nav.active a { background-position: 0 21px; }

#sidebar #social { padding: 130px 0 0 2px; margin: 0; }
#sidebar #social ul { padding: 0px 0 0 10px; }
#sidebar #social li { display: inline;  padding: 0; margin: 0; }
#sidebar #social li a { padding: 0; margin: 0; }
#sidebar #social .facebookLike { padding: 4px 0 0 12px; }

#signup { position: absolute; top: 425px; width: 227px;}
#signup form { padding: 0; margin: 0; }
#signup .text { margin-left: 14px; margin-top: 0; width: 200px; height: 18px;  }
#signup img { margin-left: 14px; margin-bottom: 3px;  }

#signup .text.blur { color: #ACADAC; }
#signup .submit { float: right; margin: 4px 13px 0 0; color: #fff; border: 0; background: transparent; cursor: pointer; font-weight: bold; }
#signup .submit:hover { color: #BF311A; }


#main {width: 705px; float: right; overflow: hidden; }

#bottomNav { clear: left; margin: 0 auto; position: relative; left: 50%; text-align: center; color: #ACADAC; }
#bottomNav ul { position: relative;  float:left; padding: 0px; clear: left; margin: 0;}
#bottomNav ul li { list-style: none; display: inline; position: relative; left: -50%; padding: 0;margin: 0; margin-right: 29px; }
#bottomNav ul li.last { margin-right: 0px; }
#bottomNav #bottomNavLinks { padding: 30px 0 0 0; margin: 0; font-size: 14px; }

#bottomAddress { clear: left; margin: 0 auto; position: relative; left: 50%; text-align: center; color: #ACADAC; }
#bottomAddress ul { position: relative;  float:left; padding: 0px; clear: left; margin: 0; }
#bottomAddress ul li { list-style: none; display: inline; position: relative; left: -50%; padding: 0; margin: 0; margin-right: 8px;}
#bottomAddress ul li.last { margin-right: 0; }

#bottomAddress #address { padding-top: 8px; }
#bottomAddress .copyright { clear: left; position: relative;  float:left; margin: 0; }
#bottomAddress .copyright span { position: relative;  float:left; left: -50%;  font-size: 12px; padding-top: 5px; }

.home-news {  background: #DCDDDE; width: 227px; margin-top: 13px; padding-bottom: 18px; height: 300px; }
.home-news h2 { font-size: 18px; color: #5F6062; margin: 0; padding: 18px 18px 0 18px; }
.home-news p { font-size: 13px; color: #000; margin: 0; padding: 8px 18px 0 18px; }
.home-news .more { float: right; margin: 18px 18px 0 0; }
.home-news .more a { font-size: 13px; color: #BF311A; font-weight: bold; }

.home-slider { float: right; }
.home-slider .slide { margin: 0; padding: 0;}
.home-slider .slide .title { padding-top: 35px; margin: 0 auto;}
.home-slider .slide .title a p { font-size: 18px; padding: 0 0 0 0px; margin: 0; text-align: center; color: black; }
.home-slider .slide .title a:hover { text-decoration: none; }
.home-slider .slide .title a:hover p { color: #BF311A; }
.home-slider .jcarousel-control { position: absolute; right: 0px;  top: 390px; z-index: 1000; }
.home-slider .jcarousel-control a { display: block; margin-left: 4px; float: left; padding: 2px 0;  }

#current { position: absolute; left: 50%; margin-left: -37px; top: 395px; z-index: 1000; }

#upcoming-link { height: 24px; width: 98px; background: url("images/upcoming.png"); display: block; margin: 0 auto; }
#upcoming-link:hover { background-position: 0 -24px; }
.exhibitions { position: relative; clear: both; float: right;  width: 678px; text-align: center; left: 339px; margin-top: 37px; }
.exhibitions h2 { color: #5F6062; position:relative; left: -50%; padding-top: 0; margin-top: 0; }
.exhibitions ul { float:left; position:relative; font-weight: bold; font-size: 11px; }
.exhibitions ul li { width: 133px; height: 146px; position:relative; float:left; margin: 0 8px; left: -50%; border: 1px solid #B6B8BA; }
.exhibitions ul li:hover { border: 1px solid #BF311A; }
.exhibitions ul li a { color: black; }
.exhibitions ul li a:hover { color: #BF311A; text-decoration: none; }
.exhibitions ul li .title { margin: 5px 6px 5px 6px; }
.exhibitions ul li table.exhibition-image {  width: 110px; height: 90px; padding: 0; border-collapse: collapse; margin: 2px auto; }
.exhibitions ul li table.exhibition-image tr { }
.exhibitions ul li table.exhibition-image tr td { margin: 0; padding: 0; }

.artists { width: 760px; margin-top: 0px; margin-bottom: 120px; }
.artists ul { padding-left: 10px; float:left; position:relative; font-weight: bold; font-size: 11px; }
.artists ul li { background: white; width: 122px; height: 122px; position:relative; float:left; margin: 8px 8px ; text-align: center; border: 1px solid #B6B8BA; }
.artists ul li:hover { border: 1px solid #BF311A; }
.artists ul li .title { margin: 5px 6px 0 6px; }
.artists ul li .title a { color: black; }
.artists ul li .title a:hover { color: #BF311A; text-decoration: none; }
.artists ul li table.artist-image { width: 100px; padding: 0; border-collapse: collapse; margin: 2px auto; }
.artists ul li table.artist-image { position: absolute; left: 11px; top: 32px; width: 100px; height: 82px; padding: 0; border-collapse: collapse; margin: 2px auto; }
.artists ul li table.artist-image tr { }
.artists ul li table.artist-image tr td { margin: 0; padding: 0; }

.artistGallery { width: 700px;margin-top: 0px; }
.artistGallery ul { padding-left: 10px; float:left; position:relative; font-weight: bold; font-size: 11px; }
.artistGallery ul li { background: white; width: 152px; height: 152px; position:relative; float:left; margin: 6px 5px ; text-align: center; }
.artistGallery ul li table.gallery-image { position: absolute; left: 9px; top: 9px; width: 133px; height: 130px; padding: 0; border-collapse: collapse; margin: 2px auto; }
.artistGallery ul li table.gallery-image tr { }
.artistGallery ul li table.gallery-image tr td { margin: 0; padding: 0; }

.single-artist { text-align: center; }
.single-artist h1 { padding: 0; margin: 0;font-size: 24px; padding-top: 10px;}
.single-artist .links { color: #BF311A; font-size: 12px; margin-bottom: 20px; font-weight: bold;  }
.single-artist .links a.active { color: black; }
.single-artist .links a.active:hover { text-decoration: none; cursor: default; }
.single-artist .bio { clear: left; padding: 5px 0 0 17px; text-align: left; font-size: 12px; width: 630px; display: none; }
.single-artist .press { clear: left; padding: 5px 0 0 17px; text-align: left; font-size: 12px; width: 630px; display: none; }
.single-artist .artistsStatement { clear: left; padding: 5px 0 0 17px; text-align: left; font-size: 12px; width: 630px; display: block; }

.exhibition-list { margin-left: 40px; margin-bottom: 50px; }
.exhibition-list h1 { padding: 0; margin: 0 auto;font-size: 24px; text-align: center; padding-top: 10px;}
.exhibition-list .exhibition-nav { color: #BF311A; font-size: 12px; margin: 0 auto 20px auto; font-weight: bold; text-align: center;}
.exhibition-list .exhibition-nav .active { color: black; }


.exhibition-list .exhibition ul { clear: left; margin-top: 10px;  }
.exhibition-list .exhibition ul li { border-bottom: 1px solid #DCDDDE; padding: 10px 0; }
.exhibition-list .exhibition ul li.last { border-bottom: 0px; }
.exhibition-list .exhibition ul li a.img { display: block; width: 108px; overflow: visible; float: left; margin-right: 30px; }
.exhibition-list .exhibition ul li img { }
.exhibition-list .exhibition ul li .title { float: left; font-weight: bold; width: 304px;  }
.exhibition-list .exhibition ul li .right { float: left; width: 215px; font-size: 12px; }
.exhibition-list .exhibition ul li .right p { margin: 0; padding: 0; }
.exhibition-list .exhibition ul li .right a { font-weight: bold; }
.exhibition-list .exhibition .more { display: none; margin: 0; clear: left; font-size: 12px; line-height: 18px; }
.exhibition-list .exhibition .title a { color: #BF311A;}
.exhibition-list .exhibition .title a:hover{ text-decoration: underline; }

.news-list { margin-left: 40px; }
.news-list h1 { padding: 0; margin: 0 auto;font-size: 24px; text-align: center; padding-top: 10px; }
.news-list .news-nav { color: #BF311A; font-size: 12px; margin: 0 auto 20px auto; font-weight: bold; text-align: center; }
.news-list .news-nav .active { color: black; }

.news-list .news ul { clear: left; margin-top: 10px; }
.news-list .news ul li { border-bottom: 1px solid #DCDDDE; padding: 10px 0; }
.news-list .news ul li.last { border-bottom: 0px; }
.news-list .news ul li a.img { display: block; width: 55px; height: 50px; overflow: visible; float: left; margin-right: 12px; }
.news-list .news ul li img { }
.news-list .news ul li .right { float: left; width: 585px; font-size: 12px; line-height: 18px;  overflow: hidden; }
.news-list .news ul li .contracted { height: 53px; }
.news-list .news ul li .right p { margin: 0; padding: 0; }
.news-list .news ul li .right a { font-weight: bold; }
.news-list .news .more { clear: left; display: none; }
.news-list .news .moreLink { float: right; font-size: 12px; font-weight: bold; }

.media { font-size: 12px; margin-top: 0px; padding-left: 24px; line-height: 16px; }
.media h3 { padding: 0; margin: 0; margin-bottom: 10px; font-size: 16px; }


.media .mediaVideos { margin-top: 10px; }
.media .mediaVideos ul { margin-top: 10px; }
.media .mediaVideos ul li { float: left; margin-right: 38px; margin-bottom: 16px; width: 188px; }
.media .mediaVideos ul li p { margin-top: 6px; margin: 0; }
.media .mediaVideos ul li a { position: relative; display: block; }
.media .mediaVideos ul li a img { width: 188px; height: 128px; margin-bottom: 4px; }
.media .mediaVideos ul li a .video-overlay { position: absolute; top: 0; left: 0; z-index: 20; opacity: 0.80; }

.media .mediaGallery { clear: left;  }
.media .mediaGallery ul { margin: 20px 0 0 0; }
.media .mediaGallery ul li { float: left; margin-right: 18px; margin-bottom: 12px; }

.about .aboutGallery {  width: 240px; }
.about .aboutGallery ul { margin: 30px 0 0 20px; }
.about .aboutGallery ul li { float: left; margin-right: 20px; margin-bottom: 16px; }


.media .podcasts { clear: left; padding-top: 20px;   }
.media .podcasts table { margin-top: 5px; margin: 0; padding: 0; }
a .podcasts table td { margin: 0; padding: 0; border: 0; }
.media .podcasts table p { margin: 0 0 10px 0; }
.media .podcasts  a { float: left; padding-left: 10px; font-weight: bold; }
.media .podcasts .title { width: 400px; }

.about .copy { float: right; width: 438px; font-size: 13px;}
.about .copy h1 { padding: 20px 0 10px 0; margin: 0; }
.about .copy h2 { padding: 0; margin: 0 0 0 0; font-size: 18px; }
.about .copy p { padding: 0; margin: 0 0 15px 0; }

#contact { padding-top: 35px; padding-bottom: 200px; }
#contact h2 { margin: 0; padding: 0; font-size: 15px;}

#contact p { margin: 0; padding: 0 0 20px 0; font-size: 13px; line-height: 20px; }
#contact p.img { padding: 0 0 5px 0;}
#contact .left { float: left; margin-left: 20px;  width: 227px; }
#contact .right { float: left; margin-left: 45px; width: 396px; }