/* MAIN SITE CSS FILE
----------------------------------------------------------- */


/* ----------------------------------------------------------- 
    Global Styles
----------------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
	border: 0;
}
body {
	background: #fff;
	margin: 0;
	padding: 0 40px 40px 40px;
}


/* ----------------------------------------------------------- 
   Layout
----------------------------------------------------------- */

#container {
	width: 930px;
	margin: 0 auto;
}

#header {
	height: 207px;
}
#header, x:-moz-any-link { opacity: 0.9999; }
#header, x:-moz-any-link, x:default { opacity: 1; }

#logo {
	width: 170px;
	height: 61px;
	margin-top: 47px;
	float: left;
	display: inline;
	background: url(../../site/images/mb_logo.gif) top left no-repeat;
}
	#logo a {
		width: 170px;
		height: 61px;
		display: block;
		text-indent: -9999px;
	}

#topNav {
	margin-top: 66px;
	float: left;
	display: inline;
	clear: both;
	width: 100%;
}
	#topNav ul {
		list-style: none;
	}
	#topNav ul li {
		float: left;
		text-transform: uppercase;
		font-size: 16px;
		margin-right: 35px;
		font-weight: regular;
	}
	#topNav ul li.last {
		margin-right: 0;
	}
	#topNav ul li a.active, #topNav ul li a.activefolder {
		color: #cb111c;
	}
	#topNav ul li a, #topNav ul li a:visited {
		text-decoration: none;
	}

#footer {
	padding-top: 35px;
	clear: both;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-bottom: 40px;
	font-size: 12px;
	background: url(../../site/images/footer_text.png) left 35px no-repeat;
	height: 20px;
}
	#footer .blockLink {
		height: 15px;
		outline: none;
		width: 740px;
		float: left;
		display: inline;
		text-indent: -9999px;
		margin-right: 5px;
	}
	#footer .emailLink {
		height: 15px;
		width: 145px;
		float: left;
		display: inline;
		outline: none;
		text-indent: -9999px;
		
	}
	#footer #artlogic {
		padding-top: 20px;
		font-weight: normal;
		font-size: 11px;
		clear: both;
		float: left;
		display: inline;
		width: 100%;
	}
	#footer #artlogic a, #footer #artlogic a:visited {
		text-decoration: none;
		color: #bababa;
	}
	#footer #artlogic a:hover {
		color: #cb111c;
	}
	
#contentHeader {
	
	margin-bottom: 32px;
}
	#contentHeader h1 {
		display: block;
		margin-bottom: 43px;
		padding: 3px 0;
	}
	#contentHeader ul#contentHeaderNavigation, 
	#contentHeader ul#seriesNavigation {
		list-style: none;
		letter-spacing: 0.1em;
		float: left;
		width: 100%;
		display: inline;
		clear: both;
	}
	#contentHeader ul#contentHeaderNavigation li,
	#contentHeader ul#seriesNavigation li {
		font-size: 13px;
		font-weight: regular;
		text-transform: uppercase;
		float: left;
		display: inline;
		width: auto;
		margin-right: 26px;
	}
	#contentHeader ul#contentHeaderNavigation li a,
	#contentHeader ul#seriesNavigation li a {
		float: left;
		display: inline;
		white-space: nowrap;
		width: auto;
	}
	#contentHeader ul#contentHeaderNavigation li a, #contentHeader ul#contentHeaderNavigation li a:visited,
	#contentHeader ul#seriesNavigation li a, #contentHeader ul#seriesNavigation li a:visited {
		text-decoration: none;
	}
	#contentHeader ul#contentHeaderNavigation li a.active, #contentHeader ul#contentHeaderNavigation li a.activefolder,
	#contentHeader ul#seriesNavigation li a.active, #contentHeader ul#seriesNavigation li a.activefolder {
		color: #cb111c;
	}
	#contentHeader ul#seriesNavigation {
		padding-top: 20px;
	}
	#contentHeader ul#seriesNavigation li {
		font-size: 11px;
		margin-bottom: 12px;
	}

#content, x:-moz-any-link { opacity: 0.9999; }
#content, x:-moz-any-link, x:default { opacity: 1; }


/* ----------------------------------------------------------- 
   Page Specific
----------------------------------------------------------- */

/* Splash 
----------------------------------------------------------- */

#splashLogo {
	width: 733px;
	height: 327px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -163px 0 0 -366px;
}


/* Homepage
----------------------------------------------------------- */

.section-home #footer {
	padding-top: 15px;
	background-position: left 15px;
}
.section-home #content, x:-moz-any-link { opacity: 1; }
.section-home #content, x:-moz-any-link, x:default { opacity: 1; }
.section-home .slideInner {
	width: 930px;
	height: 460px;
	background: #FFF;
}
.section-home #exhibitionImage {
	float: left;
	width: 100%;
	clear: both;
	display: inline;
	background: #FFF;
	padding-top: 10px;
}
	.section-home #exhibitionImage .image {
		text-align: left;
	}
.section-home #latestExhibition {
	float: left;
	clear: both;
	width: 100%;
	background: #FFF;
}
.section-home .slideInner h2 {
	padding-top: 5px;
}
.section-home #latestExhibition h3 {
	margin-bottom: 6px;
}
	.section-home #latestExhibition h3 a, .section-home #latestExhibition h3 a:visited {
		color: #CB111C;
	}
.section-home #latestExhibition .date {
	
}

.section-home #contentText {
	text-transform: none;
	font-weight: normal;
	font-size: 13px;
	letter-spacing: normal;
	width: 550px;
}

.section-home .status {
	color: #d4d4d4;
	font-size: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-weight: normal;
	font-family: 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, Sans-Serif;
}


/* Artists
----------------------------------------------------------- */

.section-artists .artistsListHeader {
	font-size: 14px;
	font-weight: regular;
	text-transform: uppercase;
	color: #cb111c;
	letter-spacing: 0.1em;
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 35px;
}
.section-artists #contentHeader {
	
}
.section-artists #contentHeader h1 {
	display: block;
		margin-bottom: 43px;
}
.section-artists #records ul {
	list-style: none;
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 26px;
}
	.section-artists #records ul li {
		width: 160px;
		min-height: 190px;
		margin-right: 32px;
		float: left;
		display: inline;
	}
	.section-artists #records ul li.last {
		margin-right: 0;
	}
	.section-artists #records ul li h3 {
		font-family: arial, sans-serif;
		font-weight: regular;
		letter-spacing: 0.1em;
		padding-top: 4px;
		font-size: 13px;
	}
	.section-artists #records ul li .image {
		height: 160px;
		width: 160px;
	}
	.section-artists #records ul li .image a {
		height: 160px;
		width: 160px;
		display: block;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.section-artists #records ul li .image img {
		height: 160px;
		width: 160px;
	}


.section-artists #seriesRecords ul {
	list-style: none;
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 26px;
}
	.section-artists #seriesRecords ul li {
		width: 195px;
		min-height: 210px;
		margin-right: 32px;
		float: left;
		display: inline;
	}
	.section-artists #seriesRecords ul li.last {
		margin-right: 0;
	}
	.section-artists #seriesRecords ul li h3 {
		font-family: arial, sans-serif;
		font-weight: bold;
		letter-spacing: 0.1em;
		padding-top: 4px;
		font-size: 13px;
	}
	.section-artists #seriesRecords ul li .image {
	height: 195px;
		width: 195px;
	}
	.section-artists #seriesRecords ul li .image a {
	}
	.section-artists #seriesRecords ul li .image img {
	}
.section-artists #informationSeries #seriesRecords {
	float: right;
	display: inline;
	width: 160px;
}
	.section-artists #informationSeries #seriesRecords ul li {
		width: 160px;
		min-height: 175px;
		margin-right: 0;
		float: left;
		clear: both;
		display: inline;
		margin-bottom: 30px;
	}
.section-artists #artistInformation  {
	float: left;
	display: inline;
	width: 700px;
	font-weight: normal;
	text-transform: none;
	font-size: 13px;
	line-height: 1.6em;
	letter-spacing: normal;
}

.section-artists #artworkRecords ul {
	list-style: none;
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 30px;
}
	.section-artists #artworkRecords ul li {
		width: 265px;
		min-height: 210px;
		margin-right: 55px;
		float: left;
		display: inline;
	}
	.section-artists #artworkRecords ul li.last {
		margin-right: 0;
	}
	.section-artists #artworkRecords ul li h3 {
		font-family: arial, sans-serif;
		font-weight: regular;
		letter-spacing: 0.1em;
		padding-top: 4px;
		font-size: 11px;
		text-align: center;
	}
	.section-artists #artworkRecords ul li .image {
		height: 195px;
		width: 265px;
		background: none;
		text-align: center;
		display: table;
	}
	.section-artists #artworkRecords ul li .image span {
		height: 195px;
		display: block;
		width: 265px;
		display: table-cell;
		vertical-align: middle;
	}
	.section-artists #artworkRecords ul li .image img {
		margin: 0 auto;
	}

.section-artists #artworkInformation {
	float: left;
	display: inline;
	width: 240px;
}
	.section-artists #artworkInformation h2 {
		font-family: arial, sans-serif;
		font-size: 12px;
		font-weight: normal;
		clear: both;
		text-transform: none;
		letter-spacing: normal;
	}
	.section-artists #artworkInformation div {
		font-size: 11px;
		font-weight: normal;
		text-transform: none;
	}
	.section-artists #artworkInformation div#pagination div {
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
	}
.section-artists #displayImage {
	float: right;
	display: inline;
	width: 680px;
	text-align: center;
}



/* Exhibitions
----------------------------------------------------------- */

.section-exhibitions #currentExhibition h2,
.section-exhibitions #futureExhibitions h2,
.section-exhibitions #pastExhibitions h2 {
	color: #d4d4d4;
	float: left;
	font-size: 20px;
	margin-bottom: 20px;
}
.section-exhibitions ul {
	list-style: none;
	float: left;
	margin-bottom: 20px;
	clear: both;
	width: 100%;
}

.section-exhibitions #currentExhibition {
	margin-bottom: 55px;
}
	.section-exhibitions #currentExhibition .image {
		float: left;
		display: inline;
		clear: left;
		margin-right: 20px;
		width: 150px;
		height: 150px;
	}
	.section-exhibitions #currentExhibition .image img {
		
	}
	.section-exhibitions #currentExhibition .additionalInformation {
		
	}
	.section-exhibitions #currentExhibition h2 {
		float: none;
	}
	.section-exhibitions #currentExhibition h3 {
		font-size: 23px;
		margin: 0 0 11px 0;
	}
	.section-exhibitions #currentExhibition .subtitle {
		font-size: 17px;
		margin-bottom: 6px;
		font-weight: normal;
		color: #cb111c;
	}
	.section-exhibitions #currentExhibition .link {
		clear: none;
	}
	
.section-exhibitions #futureExhibitions {
	margin-bottom: 55px;
}
.section-exhibitions #futureExhibitions ul li {
	float: left;
	width: 430px;
	margin-right: 50px;
}
	.section-exhibitions #futureExhibitions ul li.last {
		margin-right: 0;
	}
	.section-exhibitions #futureExhibitions .image {
		float: left;
		display: inline;
		margin-right: 20px;
		background-position: center center;
		background-repeat: no-repeat;
		width: 150px;
		height: 150px;
	}
	.section-exhibitions #futureExhibitions .image img {
	}
	.section-exhibitions #futureExhibitions .additionalInformation {
		
	}
	.section-exhibitions #futureExhibitions h3 {
		font-size: 15px;
		font-family: arial, sans-serif;
		font-weight: bold;
		margin: 0 0 6px 0;
	}
	.section-exhibitions #futureExhibitions .subtitle {
		font-size: 13px;
		margin-bottom: 4px;
		font-weight: normal;
		color: #cb111c;
	}
	.section-exhibitions #futureExhibitions .date {
		margin-bottom: 4px;
	}
	.section-exhibitions #futureExhibitions .link {
		clear: none;
	}

.section-exhibitions #pastExhibitions ul li {
	float: left;
	width: 160px;
	min-height: 200px;
	margin-right: 55px;
}
	.section-exhibitions #pastExhibitions ul li.last {
		margin-right: 0;
	}
	.section-exhibitions .image {
		background-position: center center;
		background-repeat: no-repeat;
		width: 150px;
		height: 150px;
	}
	.section-exhibitions .image img {
	}
	.section-exhibitions #pastExhibitions h3 {
		font-size: 12px;
		font-family: arial, sans-serif;
		font-weight: bold;
		margin: 8px 0 0 0;
	}
	.section-exhibitions #pastExhibitions .subtitle {
		font-size: 11px;
		font-weight: normal;
		color: #cb111c;
	}
	.section-exhibitions #pastExhibitions .date {
		font-size: 10px;
		font-weight: bold;		
	}

.section-exhibitions #displayExhibition {
	margin-bottom: 22px;
}
	.section-exhibitions #displayExhibition h3 {
		font-size: 23px;
		margin: 0 0 11px 0;
	}
	.section-exhibitions #displayExhibition .subtitle {
		font-size: 17px;
		margin-bottom: 6px;
		font-weight: normal;
		color: #cb111c;
	}

.section-exhibitions #displayImages {
	margin-bottom: 22px;
}
	.section-exhibitions #displayImages ul {
		list-style: none;
		margin-bottom: 0;
	}
	.section-exhibitions #displayImages ul li {
		float: left;
		width: 300px;
		margin-right: 15px;
		text-align: center;
	}
		.section-exhibitions #displayImages ul li.last {
			margin-right: 0;
		}
		.section-exhibitions #displayImages ul li.clear {
			clear: both;
			float: none;
			display: block;
			height: 1px;
			width: 100%;
		}
	.section-exhibitions #displayImages ul li img {
	}
	
.section-exhibitions #moreInformation {
	font-weight: normal;
	text-transform: none;
	font-size: 13px;
	line-height: 1.6em;
	letter-spacing: normal;
}

.section-exhibitions #archive ul {
	margin-bottom: 0;
}
.section-exhibitions #archive ul li {
	margin-bottom: 30px;
}
.section-exhibitions #artworkRecords ul {
	list-style: none;
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 30px;
}
	.section-exhibitions #artworkRecords ul li {
		width: 265px;
		min-height: 210px;
		margin-right: 55px;
		float: left;
		display: inline;
	}
	.section-exhibitions #artworkRecords ul li.last {
		margin-right: 0;
	}
	.section-exhibitions #artworkRecords ul li h3 {
		font-family: arial, sans-serif;
		font-weight: bold;
		letter-spacing: 0.1em;
		padding-top: 4px;
		font-size: 11px;
		text-align: center;
	}
	.section-exhibitions #artworkRecords ul li .image {
		height: 195px;
		width: 265px;
		background: none;
		text-align: center;
		display: table;
	}
	.section-exhibitions #artworkRecords ul li .image span {
		height: 195px;
		display: block;
		width: 265px;
		display: table-cell;
		vertical-align: middle;
	}
	.section-exhibitions #artworkRecords ul li .image a {
	}
	.section-exhibitions #artworkRecords ul li .image img {
	}

.section-exhibitions #artworkInformation {
	float: left;
	display: inline;
	width: 240px;
}
    .section-exhibitions #artworkInformation .artist_name {
		font-family: arial, sans-serif;
		font-size: 13px;
		font-weight: bold;
		clear: both;
		text-transform: uppercase;
		margin: 0 0 20px;
	}
	.section-exhibitions #artworkInformation h2 {
		font-family: arial, sans-serif;
		font-size: 13px;
		font-weight: bold;
		clear: both;
		
		font-family: arial, sans-serif;
		font-size: 12px;
		font-weight: normal;
		clear: both;
		text-transform: none;
		letter-spacing: normal;
	}
	.section-exhibitions #artworkInformation div {
		font-size: 11px;
		font-weight: normal;
		text-transform: none;
	}
	.section-exhibitions #artworkInformation div#pagination div {
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
	}
.section-exhibitions #displayImage {
	float: right;
	display: inline;
	width: 680px;
	text-align: center;
}

.section-exhibitions #moreExhibitions ul {
	margin-bottom: 0;
}
.section-exhibitions #moreExhibitions ul li {
	float: left;
	display: inline;
	width: 280px;
	clear: none;
}
	.section-exhibitions #moreExhibitions h3 {
		margin-bottom: 2px;
	}
	.section-exhibitions #moreExhibitions .subtitle {
		font-size: 11px;
		font-weight: normal;
		color: #cb111c;
	}
	.section-exhibitions #moreExhibitions .date {
		font-size: 10px;
		font-weight: bold;		
	}


/* Publications
----------------------------------------------------------- */


.section-publications ul {
	list-style: none;
}
.section-publications #records {
	
}
.section-publications #records ul li {
	float: left;
	width: 430px;
	margin-right: 50px;
	margin-bottom: 40px;
}
	.section-publications #records ul li.last {
		margin-right: 0;
	}
	.section-publications #records .image {
		float: left;
		display: inline;
		margin-right: 20px;
		width: 200px;
		min-height: 175px;
		height: auto !important;
		height: 175px;
		background: 0;
	}
	.section-publications #records .additionalInformation {
		float: left;
		display: inline;
		clear: none;
		width: 200px;
		font-size: 11px;
		line-height: 1.6em;
	}
	.section-publications #records h3 {
		font-size: 15px;
		font-family: arial, sans-serif;
		font-weight: bold;
		margin: 0 0 6px 0;
		color: #222;
	}
	.section-publications #records .subtitle {
		font-size: 13px;
		margin-bottom: 4px;
		font-weight: normal;
		color: #cb111c;
	}
	.section-publications #records .date {
		margin-bottom: 4px;
		font-size: 11px;
		font-weight: normal;
		text-transform: none;
		letter-spacing: normal;
	}
	.section-publications #records .link {
		clear: none;
	}

.section-publications #publicationDetails {
	float: left;
	display: inline;
	width: 450px;
	margin-right: 60px;
}
.section-publications #publicationDetails .link {
	padding-top: 7px;
}

.section-publications #publicationDetails .subtitle {
	font-size: 17px;
	margin-bottom: 6px;
	font-weight: normal;
	color: #cb111c;
}

.section-publications #imageArea {
	float: left;
	display: inline;
	width: 300px;
	text-align: left;
}


/* news
----------------------------------------------------------- */


.section-news ul {
	list-style: none;
	
}
.section-news #records {
	
}
.section-news #records ul li {
	float: left;
	width: 430px;
	margin-right: 50px;
	margin-bottom: 40px;
}
	.section-news #records ul li.last {
		margin-right: 0;
	}
	.section-news #records .image {
		float: left;
		display: inline;
		margin-right: 20px;
		width: 200px;
		min-height: 175px;
		height: auto !important;
		height: 175px;
		background: 0;
	}
	.section-news #records .additionalInformation {
		float: left;
		display: inline;
		clear: none;
		width: 430px;
		font-size: 11px;
		line-height: 1.6em;
	}
	.section-news #records h3 {
		font-size: 15px;
		font-family: arial, sans-serif;
		font-weight: bold;
		margin: 0 0 6px 0;
		color: #222;
	}
	.section-news #records .subtitle {
		font-size: 13px;
		margin-bottom: 4px;
		font-weight: normal;
		color: #cb111c;
	}
	.section-news #records .date {
		margin-bottom: 4px;
		font-size: 11px;
		font-weight: normal;
		text-transform: none;
		letter-spacing: normal;
	}
	.section-news #records .link {
		padding: 6px 0 0 0;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 11px;
	}
	.section-news #records .link a {
		background: none;
		padding: 0;
	}

.section-news #newsDetails {
	float: left;
	display: inline;
	width: 450px;
	margin-right: 60px;
}
.section-news #newsDetails .link {
	padding-top: 7px;
}

.section-news #newsDetails .subtitle {
	font-size: 17px;
	margin-bottom: 6px;
	font-weight: normal;
	color: #cb111c;
}

.section-news #imageArea {
	float: left;
	display: inline;
	width: 300px;
	text-align: left;
}


/* Press
----------------------------------------------------------- */

.section-press h2 {
	/*color: #d4d4d4;
	float: left;
	font-size: 20px;*/
	margin-bottom: 20px;
}

.section-press ul {
	list-style: none;
	float: left;
	clear: both;
	width: 100%;
}
.section-press #records {
	margin-bottom: 0;
}
.section-press #records ul li {
	float: left;
	width: 430px;
	margin-right: 50px;
	margin-bottom: 40px;
}
	.section-press #records ul li.last {
		margin-right: 0;
	}
	.section-press #records h3 {
		font-size: 15px;
		font-family: arial, sans-serif;
		font-weight: bold;
		color: #222;
		margin: 0 0 6px 0;
	}
	.section-press #records .subtitle {
		font-size: 13px;
		margin-bottom: 4px;
		font-weight: normal;
		color: #cb111c;
	}
	.section-press #records .date {
		margin-bottom: 4px;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
	}
	.section-press #records .link {
		clear: none;
	}
	.section-press #records .viewOptions {
		display: block;
		padding-top: 6px;
	}
	.section-press #records .viewOptions a, .section-press #records .viewOptions a:visited {
		text-decoration: none;
	}
	.section-press #records .image {
		float: left;
		width: 80px;
		height: 80px;
		display: inline;
		overflow: hidden;
		margin-right: 16px;
	}

#pressInformation {
	float: left;
	display: inline;
	width: 700px;
	font-weight: normal;
	text-transform: none;
	font-size: 13px;
	line-height: 1.6em;
	letter-spacing: normal;
}


/* Gallery
----------------------------------------------------------- */

.section-gallery #content {
	text-transform: none;
	font-weight: normal;
	font-size: 13px;
	letter-spacing: normal;
}
.section-gallery #content h2 {
	font-size: 16px;
	font-family: arial, sans-serif;
	letter-spacing: normal;
}


/* ----------------------------------------------------------- 
   Global Classes
----------------------------------------------------------- */

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	display: block;
}
.image {
	display: block;
	text-align: center;
}
.subtitle {
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.date {
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.link {
	clear: both;
	padding-top: 20px;
	font-weight: bold;
	font-size: 12px;
}
	.link a {
		padding-left: 14px;
		background: url(../../site/images/next.png) 1px center no-repeat;
	}
	.link a, .link a:visited {
		text-decoration: none;
	}
	
	.link.next a {
		background: url(../../site/images/next.png) right center no-repeat; 
		padding-left: 0;
		padding-right: 14px;
	}
	.link.back a {
		background: url(../../site/images/back.png) 1px center no-repeat;
	}
	.link.top a {
		padding-left: 0;
		background: none;
	}

#pagination {
	height: 35px;
}
#pagination div {
	float: left;
	display: inline;
	margin-right: 15px;
}
#pagination div a {
	float: left;
	padding: 5px;
}
#pagination div img {
}
	
	
#previousNext {
	clear: both;
}
#previousNext .link {
	float: left;
	margin-right: 35px;
	clear: none;
}

/* Slideshow fix */

.section-home #exhibitionImage {
    height: 490px;
}