/* ---- ---- CSS File - Base Section ---- ---- */

/*Simon Oldfield: FF0089;*/

@font-face {
	font-family: 'ProximaNovaLight';
	src: url('/resources/ttf/proxima_nova_light-webfont.eot');
	src: local('☺'), url('/resources/ttf/proxima_nova_light-webfont.woff') format('woff'), url('/resources/ttf/proxima_nova_light-webfont.ttf') format('truetype'), url('/resources/ttf/proxima_nova_light-webfont.svg#webfontbvaXq09A') format('svg');
	font-weight: normal;
	font-style: normal;
	filter: progid:DXImageTransform.Microsoft.
AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
	zoom: 1;
}

* {
	padding: 0px;
	margin: 0px;
	border: 0;
	list-style-type: none;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}
html, body, #wrapper, tr, td {
	top: 0;
	left: 0;
	width: 100%;
	vertical-align: top;
	margin: 0 auto 0;
}
html, body, #wrapper, tr, td {
	min-width: 850px;
	width: 100%;
}
html, body {
	background: #343434;
}
.hidden {
	height: 0px;
	width: 0px;
	overflow: hidden;
}
#wrapper {
	position: relative;
	background: #fff;
}
strong {
	font-weight: bold;
}
.full {
	height: 100%;
}

/* ------------------------------------------------------------------------------------------------- */

a:link 		{	color: #aeaeae; }
a:visited 	{	color: #aeaeae; }
a:hover 	{	color: #FF0089; }
a:active 	{	color: #FF0089; }

/* ------------------------------------------------------------------------------------------------- */

.top {
	height: 65px;
	width: 100%;
	margin-bottom: 20px;
	float: left;
	background: #343434;
	position: fixed;
	z-index: 1000;
	min-width: 980px;
	left: 0;
}
.header {
	height: 65px;
	width: 860px;
	margin: 0 auto 0;
}
.break {
	width: 16px;
	height: 65px;
	display: block;
	float: left;
	background: url(/resources/img/base/nav-split.gif);	
}
.logo {
	display: block;
	float: left;
	width: 299px;
	margin-right: 2px;
	height: 65px;
	background: url(/resources/img/base/logo.png) left center no-repeat;
}
.logo span {
	display: none;
}

/* ------------------------------------------------------------------------------------------------- */

.nav {
	width: 526px;
	float: left;
	height: 65px;
}
.nav ul {
	width: 502px;
	float: left;
	display: inline;
	height: 25px;
	margin: 28px 0px 0px 40px;
}
.nav li {
	float: left;
	width: auto;
	padding: 0px 33px 0px 20px;
}
.nav #last {
	padding-right: 0px !important;
}
.nav #first {
	padding-left: 0px !important;
}
.nav li a {
	font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 10pt;
	height: 20px;
	line-height: 20px;
}
.nav li a span {
	font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif;	
}
.nav li.current a {
	color: #ff0089 !important;
}

/* ------------------------------------------------------------------------------------------------- */

.middle {
	float: left;
	padding-top: 85px !important;
	padding-top: 0px;
	width: 100%;
}
.middle h2, .middle p, .middle span, .middle a {
	background-color: #fff;
}
.page-content {
	width: 850px;
	min-height: 495px;
	margin: 10px auto 80px;
	position: relative;
	overflow: hidden;
}
.page-content news {
	height: auto;
}
/* ------------------------------------------------------------------------------------------------- */

.full-width {
	width: 850px;
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
}

/* ------------------------------------------------------------------------------------------------- */
.middle .title {
	width: 850px;
	float: left;
	margin-bottom: 40px;
	height: 40px;
}
.middle .title .left-controls {
	width: 600px;
	float: left;
}
.middle .title h2 {
	font-size: 24px;
	color: #000;
	width: 600px;
}
.middle .title h2, .middle .title h2 em {
	font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif;	
}
.middle .title .left-controls p {
	color: #9d9d9d;
	font-size: 9pt;
}
.middle .title .left-controls span {
	margin: 0px 3px;
}
.middle .title .left-controls a {
/*	text-transform: uppercase;*/
	font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif;	
}
.middle .title .left-controls a cufon {
	margin-top: -2px;
}
.middle .title .left-controls a:link, .middle .title .left-controls a:visited {
	color: #9d9d9d;
}
.middle .title .left-controls a.current, .middle .title .left-controls a:hover, .middle .title .left-controls a:active {
	color: #ff0089;
}
.middle .title .right-controls {
	width: 250px;
	float: right;
}
.middle .title .right-controls .buttons {
	width: 36px;
	float: right;
	margin-top: 24px;
}
.middle .title .right-controls .buttons a {
	float: none !important;
}
.middle .title .right-controls p, .middle .title .right-controls a:link, .middle .title .right-controls a:visited {
	color: #9d9d9d;
	font-size: 9pt;
	font-style: italic;
	text-align: right;
	float: right;
}
.middle .title .right-controls a:hover, .middle .title .right-controls a:active {
	color: #FF0089;
}
.middle .page h2 {
	margin-top: 20px;
	margin-bottom: 10px;
}

/* ------------------------------------------------------------------------------------------------- */

.left {
	width: 345px;
	float: left;
}
.left .title, .left .title .left-controls, .left .title .left-controls h2, .left .title .left-controls p {
	width: 345px !important;
}
.news .left {
	width: 296px;
	margin-right: 45px;
}
.left .details {
	float: left;
	width: 240px;
	color: #9d9d9d;
	margin-bottom: 20px;
}
.left .details h2, .left .details h2 a:link, .left .details h2 a:visited {
	font-size: 10pt;
	color: #000;
	margin-bottom: 4px;
	font-weight: bold;
}
.left .details p, .left .details li {
	font-size: 9pt;
	color: #9d9d9d;
	margin: 0px 0px 5px 0px;
}
.left .details p br {
	height: 10px;
	clear: left;
}
.left .details p a:link, .left .details p a:visited, .left .details li a:link, .left .details li a:visited {
	color: #9d9d9d;
}
.left .details p a:hover, .left .details p a:active, .left .details li a:hover, .left .details li a:active {
	color: #ff0089;
}


/* ------------------------------------------------------------------------------------------------- */

.right {
	width: 500px;
	float: left;
}
.right .title, .right .title .left-controls, .right .title .left-controls h2, .right .title .left-controls p {
	width: 500px !important;
}
.right .details {
	float: left;
	width: 500px;
	color: #9d9d9d;
	margin-bottom: 20px;
}
.right .details h2, .right .details h2 a:link, .right .details h2 a:visited {
	font-size: 10pt;
	color: #000;
	margin-bottom: 4px;
	font-weight: bold;
}
.right .details p {
	font-size: 9pt;
	color: #9d9d9d;
	margin: 0px 0px 5px 0px;
}
.right .details p br {
	height: 10px;
	clear: left;
}
.right .details p a:link, .right .details p a:visited {
	color: #9d9d9d;
}
.right .details p a:hover, .right .details p a:active {
	color: #ff0089;
}
.news img {
	max-width: 500px;
	height: auto;
}
#news p, #news h2, #news h2 a, #news .divider {
	width: 500px !important;
}
#news {
	border-left: 1px dashed #aaa;
	padding-left: 39px;
	margin-left: -39px;
}

.news p a:link, .news p a:visited {
	color: #4d4d4d !important;
}
.news p a:hover, .news p a:active {
	color: #000000 !important;
}

/* ------------------------------------------------------------------------------------------------- */

.intro-image {
	width: 265px;
	overflow: hidden;
	float: left;
	display: block;
}
.intro-image img {
	width: 265px;
	height: auto;
}

/* ------------------------------------------------------------------------------------------------- */

.right p {
	color: #9d9d9d;
	font-size: 9pt;
	margin: 0px 0px 10px 0px;
	width: 450px;
}

/* ------------------------------------------------------------------------------------------------- */

.view {
	width: 240px;
	float: left;
	margin-bottom: 20px;
}
.view .grey-button {
	display: block;
	height: 35px;
	width: 134px;
	background: url(/resources/img/base/exhibition-button.png) 0px 0px no-repeat;
	line-height: 35px;
	color: #7c7c7c;
	text-shadow: 0px 1px 1px #fff;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
}
.view .grey-button:hover {
	background: url(/resources/img/base/exhibition-button.png) 0px -35px no-repeat;
}
.view .grey-button:active {
	background: url(/resources/img/base/exhibition-button.png) 0px -70px no-repeat;
}

/* ------------------------------------------------------------------------------------------------- */

.news-title {
	color: #000;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 5px;
	float: left;
	width: 500px;
}
.news-title a {
	font-weight: bold;
}
.news-title a:link, .news-title a:visited {
	color: #000;
}
.news-title a:hover, .news-title a:active {
	color: #FF0089;
}
.news-excerpt {
	margin-bottom: 20px !important;
	float: left;
	width: 450px !important;
}

/* ------------------------------------------------------------------------------------------------- */

.article-title {
	color: #000;
	font-size: 18pt;
	font-weight: normal;
	margin-bottom: 10px;
	float: left;
	width: 450px;
}
.article-title a, .article-title h2, .article-title {
	font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif;
}
.article-title a:link, .article-title a:visited {
	color: #000;
}
.article-title a:hover, .article-title a:active {
	color: #FF0089;
}

/* ------------------------------------------------------------------------------------------------- */

.featured-image {
	float: left;
	width: 500px;
	text-align: center;
	height: auto;
	margin-bottom: 20px;
}
.featured-image img {
	max-width: 500px;
}

/* ------------------------------------------------------------------------------------------------- */

.right.now h2 {
	margin-bottom: 3px;
}
.right.now h2 a, .right.now p {
	font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif;
}
.exhibition-container {
	width: 900px;
}
.exhibition-container p {
	width: 268px;
	margin: 0px 30px 30px 0px;
	float: left;
}
.exhibition-container p img {
	width: 254px;
	height: auto;
	float: left;
}
.exhibition-container p span {
	width: 254px;
	float: left;
	font-size: 9pt;
	margin: 2px 0px;
}
.exhibition-container p span.date {
	margin-top: 6px;
	font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif;
}
.exhibition-container p span.name {
	font-size: 10pt;
	color: #000;
	font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif;
}

/* ------------------------------------------------------------------------------------------------- */

#artist-container {
	width: 890px;
	float: left;
}
#artist-container p {
	width: 140px;
	float: left;
	margin: 0px 38px 20px 0px;
	height: 130px;
}
#artist-container p span {
	font-size: 10pt;
	margin: 6px 0px;
	float: left;
	font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif;	
}
#artist-container p img {
	width: 140px;
	height: auto;
}

/* ------------------------------------------------------------------------------------------------- */

#artist-list-container {
	width: 890px;
	float: left;
}
#artist-list-container p {
	width: 296px;
	float: left;
	margin: 0px 0px 10px;
}
#artist-list-container p img {
	width: 60px;
	height: auto;
	float: left;
}
#artist-list-container a {
	margin-left: 10px;
	float: left;
	width: 220px;
	line-height: 40px;
}

/* ------------------------------------------------------------------------------------------------- */

.comment {
	float: left;
}

/* ------------------------------------------------------------------------------------------------- */
#searchsubmit {
	background: #FF0089;
	padding: 2px;
	font-size: 13px;
	color:  #ffffff;
}
#s {
	height: 18px;
	border: 1px solid #000000;
}
input {
	border: 1px #333333;
}
#respond label {
	width: 300px;
	float: left;
	line-height: 24px;
}
#respond p {
	width: 450px;
	float: left;
	line-height: 14px;
}
#respond span.border {
	width: auto;
	float: left;
	height: auto;
	border: 3px solid #f3f3f3;
	-webkit-border-radius: 3px;
}
#respond textarea, #respond input{
	width: 450px;
	border: 1px solid #9d9d9d;
	-webkit-border-radius: 3px;
	color: #aaa;
	outline: none;
	padding: 4px 0px 4px 4px;
	background: #fff url(/resources/img/base/input.png) top left repeat-x;
}
#respond #newsletter {
	width: 20px;
	float: left;
	display: inline-block;
	border: none !important;
}
#respond span input:hover, #respond span input:focus, #respond span textarea:hover, #respond span textarea:focus {
	background: #fcfcfc url(/resources/img/base/input.gif) top left repeat-x;
	border: 1px solid #aaa;
	color: #888;
}
#respond input {
	height: 22px;
}
#respond .submit-button {
	border: none;
	height: 28px;
	line-height: 28px;
	color: #fff;
	text-shadow: 0px 1px 1px #000;
	display: block;
	width: auto !important;
	padding: 0px 0px 0px 10px;
	background: transparent url(/resources/img/base/button-left.png) no-repeat;
	font-size: 9pt;
	text-align: center;
	float: left;
	-webkit-border-radius: 0px;
	margin-top: 10px;
}
#respond .button-right {
	height: 28px;
	display: inline-block;
	width: 10px;
	background: transparent url(/resources/img/base/button-right.png) no-repeat;
	float: left;
	margin-top: 10px;
}
#respond .form-submit:hover .submit-button {
	background: transparent url(/resources/img/base/button-left-on.png) no-repeat;
	cursor: pointer;
}
#respond .form-submit:hover .button-right {
	background: transparent url(/resources/img/base/button-right-on.png) no-repeat;
	cursor: pointer;
}

/* ------------------------------------------------------------------------------------------------- */

#message {
	margin-top: 10px;
	line-height: 25px; 
	font-size: 12px; 
	margin-left: 5px;
	float: left; 
	width: 250px;
}
#message .button-error, #message .button-success {
	border: none;
	height: 28px;
	line-height: 28px;
	color: #fff;
	text-shadow: 0px 1px 1px #000;
	display: block;
	width: auto !important;
	padding: 0px 0px 0px 30px;
	background: transparent url(/resources/img/base/cross-left.png) no-repeat;
	font-size: 9pt;
	text-align: center;
	float: left;
	-webkit-border-radius: 0px;
}
#message .button-success {
	background: transparent url(/resources/img/base/tick-left.png) no-repeat;
}
#message .button-right {
	height: 28px;
	display: inline-block;
	width: 10px;
	background: transparent url(/resources/img/base/button-right.png) no-repeat !important;
	float: left;
	margin-top: 0px !important;
}
#message img {
	float: left;
	margin: 0px 5px 0px 0px;
}

/* ------------------------------------------------------------------------------------------------- */

.separator {
	float: left;
	width: 450px;
	clear: both;
	height: 1px;
}
.divider {
	width: 450px;
	height: 20px;
	float: left;
	margin-top: 20px;
	border-top: 1px dashed #9d9d9d;
}
#news .divider {
	margin-top: 40px;
	height: 40px;
}

/* ------------------------------------------------------------------------------------------------- */

.slideshow {
	width: 100%;
	height: 680px;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}
.slideshow ul, .slideshow ul li {
	position: relative;
	height: auto;
	float: left;
	overflow: hidden;
	width: 100%;
	background: #343434;
}
.slideshow img {
	width: 100%;
	min-height: 680px;
	max-width: 1600px;
}

/* ------------------------------------------------------------------------------------------------- */

.controls {
	width: 500px;
	float: left;
	height: auto;
	margin: 20px 0px 15px;
}
.controls .left, .left-control {
	width: 200px;
	float: left;
}
.controls .right, .right-control {
	width: auto;
	float: right;
	text-align: right;
}
.controls .button-left {
	height: 28px;
	line-height: 28px;
	color: #fff;
	font-size: 9pt;
	display: block;
	width: auto;
}
.controls a:link, .controls a:visited {
	color: #ff0089 !important;
}
.controls a:hover, .controls a:active {
	color: #000000 !important;
}


/* ------------------------------------------------------------------------------------------------- */

.images ul, .images {
	width: 240px;
	height: auto;
	float: left;
	margin-bottom: 20px;
}
.images.wide, .images.wide ul {
	width:  450px;
	margin-bottom: 0px;
}
.images.wide {
	margin-left: 2px;
}
.images li {
	width: 53px;
	height: 53px;
	float: left;
	margin: 0px 3px 3px 0px;
	background: transparent url(/resources/img/base/loader.gif) center center no-repeat;
}
.images li.fade {
	background: transparent url(/resources/img/base/loader.gif) center center no-repeat !important;
}
.images li a {
	background: transparent !important;
}
.images li img {
	width: 53px;
	height: 53px;
	background: transparent !important;
}
.images li a.fade img {
	opacity: 0.4 !important;
}

/* ------------------------------------------------------------------------------------------------- */
#exhib .gallery, .gallery-item, gallery-icon, .press, .info, #exhib.sidebar past, #exhib.sidebar future, #exhib .right.news  {
	display: none;
}
#arti .press, .biography, .exhibitions {
	display: none;
}
#image-container {
	width: 500px;
	float: left;
	height: 100%;
	margin: 0px;
	position: relative;
	min-height: 300px;
}
#image-container.loading {
	background: transparent url(/resources/img/base/loader.gif) 49% 20% no-repeat !important;
}
#image-container img {
	max-width: 500px;
}
#image-container #center-this {
	text-align: center;
	width: 500px;
	margin-left: 0px;
	position: relative;
}
#image-container span.image-title {
	width: 100%;
	float: left;
	margin: 8px 0px 0px;
	color: #888888;
	font-weight: bold;
	text-align: left;
}
#image-container span.image-caption {
	width: 100%;
	float: left;
	margin: 0px 0px;
	color: #9d9d9d;
	text-align: left;
}
#measure {
	float: left;
	width: 500px;
}

/* ------------------------------------------------------------------------------------------------- */

#map_container {
	width: 500px;
	height: 418px;
	overflow: hidden;
	float: left;
}
#map_canvas {
	width: 500px;
	height: 450px;
	float: left;
}

/* ------------------------------------------------------------------------------------------------- */

.tw_button {
	height: 28px;
	line-height: 28px;
	margin-bottom: 4px;
	display: block;
	width: 83px;
	padding-right: 300px;
	font-size: 9pt;
	text-align: center;
	float: left;
}


/* ------------------------------------------------------------------------------------------------- */

.pink a:link, .pink a:visited {
	color: #ff0089 !important;
}
.pink a:hover, .pink a:active {
	color: #000000 !important;
}
.pink h2 a:link, .pink h2 a:visited {
	color: #000000 !important;
}
.pink h2 a:hover, .pink h2 a:active {
	color: #FF0089 !important;
}
.black a:link, .black a:visited {
	color: #000000 !important;
}
.black a:hover, .black a:active {
	color: #ff0089 !important;
}



/* ------------------------------------------------------------------------------------------------- */

.bottom {
	width: 100%;
	height: auto;
	min-height: 100px;
	clear: both;
	float: left;
	background: #343434;
	position: relative;
	bottom: 0;
}
.footer {
	height: 100px;
	width: 850px;
	margin: 0 auto 0;
}
.footer * {
	background: #343434;
}
.footer ul {
	width: 500px;
	float: left;
	margin-top: 20px;
}
.footer ul.first {
	width: 304px;
	margin-right: 41px;
}
.footer p {
	width: 304px;
	margin-bottom: 5px;
}
.footer li {
	font-size: 8pt;
	line-height: 13px;
}
.footer *, .footer a:link, .footer a:visited {
	color: #999;
}

.footer a:hover, .footer a:active {
	color: #FF0089;
}
.twitter a:link, .twitter a:visited, a.twitter:link, a.twitter:visited {
	color: #5599bb;
}
.facebook, .facebook:link, .facebook:visited, a.facebook:link, a.facebook:visited {
	color: #355998;
}