/* standard class */

.hide-content {
	position: absolute;
	left: -9999px;
}

.hidden {
	display: none;
}

.opacityOut {
	opacity: 0;
}

.last {
	margin-right: 0 !important;
	padding-right: 0 !important;
	border-right: none !important;
	margin-bottom: 0 !important;
}

a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

.no-touch a:hover,
input.pink-link {
	cursor: pointer;
}

i,
em {
	font-style: italic;
}

b,
strong {
	font-weight: bold;
}

div.text-container a {
	color: #ec008c;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* fonts */

.favouriteFormContainer p,
p.validation-message,
.slideshow-slide-caption p,
.page-links ul li a,
.page-title-wrapper h2.page-title,
.next-prev-container,
div.text-container div.header-container h2,
.pink-link,
.black-link,
div.object-icon-list,
div.footer-links,
div.search-box p.counter,
div.search-header,
div.object-text,
h3.topic-header,
.overview,
.edit,
a.unfavourite,
.wing-header,
#pinchzoom .close {
	font-family: 'HelveticaNeue-CondensedBold','HelveticaNeue', 'Helvetica',  'Arial', 'sans-serif';
	font-weight: bold;
}

div.text-container div.header-container p.date {
	font-family: 'HelveticaNeue', 'Helvetica',  'Arial', 'sans-serif';
	font-weight: normal;
}

div.text-container div.header-container h3,
div.object-text h4,
.italic {
	font-family: 'HelveticaNeue-LightItalic','HelveticaNeue', 'Helvetica',  'Arial', 'sans-serif';
	font-style: italic;
	font-weight: normal;
}

.small-caps {
	font-family: 'HelveticaNeue', 'Helvetica',  'Arial', 'sans-serif';
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
}

div.text-container div.blurb {
	font-family: 'HelveticaNeue', 'Helvetica',  'Arial', 'sans-serif';
}

div.text-container div.header-container h2.artistDetails {

	font-family: 'HelveticaNeue', 'Helvetica',  'Arial', 'sans-serif';
	font-weight: normal;
	font-size: 0.9em;
}


/* end fonts */

/* end standards */

/* start layout */

body, html {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	font-size: 62.5%;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	font-family: arial;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	position: relative;
	z-index: 0;
}

html {
	width: auto;
}

body.prevent-scroll {
	height: 100%;
	overflow: hidden;
}

.wrapper {
	width: 100%;
	height: 100%;
	font-size: 1.2em;
	margin: 0 auto;
	position: relative;
}

.wrapper .preloader {
	background: url('../images/loadingLogo.gif') no-repeat;
	/*background-position: 0 -30px;*/
	width: 46px;
	height: 30px;
	/* vertically centre */
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -23px;

}

.wrapper .preloader canvas {
	position: absolute;
	top: 50%;
	left: 50%;
	/* slight nudge to centre */
	margin-top: -103px;
	margin-left: -100px;
}

.header, .body-content, .page-links {
	clear: left;
	width: 100%;
	float: left;
}

.header {
	background: #FFF;
}

.body-content.home {
	padding-top: 62px;
	margin-top: -62px;
	min-height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

#backdrop {
	background: #000;
	background: rgba(0, 0, 0, 0.6);
	display: none;
	height: 200%;
	position: fixed;
	width: 200%;
	z-index: 105;
}

/* end layout */

/* header styles */

/* */

.js-disabled-text {
	position: absolute;

	font-size: 1.8em;
	text-align: center;

	top: 52%;
	left: 50%;

	width: 40%;
	margin-left: -20%;
}

.js .js-disabled-text {
	display: none;
}

.header {
	padding: 16px 5%;
	width: 90%;
	text-align: center;
	/*min-height: 30px;*/
	height: 30px;
	font-size: 1.5em;
	-webkit-box-shadow: 0 2px 11px -5px gray;
	-moz-box-shadow: 0 2px 11px -5px gray;
	box-shadow: 0 2px 11px -5px gray;
	position: relative;
	z-index: 89;
}

.favourites-header {
	padding: 1.45em 5%;
	width: 90%;
	text-align: center;
	min-height: 30px;
	font-size: 1.5em;
	-webkit-box-shadow: 0 2px 11px -5px gray;
	-moz-box-shadow: 0 2px 11px -5px gray;
	box-shadow: 0 2px 11px -5px gray;
	position: relative;
	z-index: 89;
}

.multiBarConstant {
	display: block;
	margin: 0 auto -3px;
	height: 3px;
	position: relative;
	width: 100%;
	z-index: 91;
}

.headerConstant  {
	text-align: center;
	min-height: 30px;
	font-size: 1.5em;
	position: absolute;
	z-index: 100;
	top: 19px;
	left: 5%;
	display: none;
}

.headerConstant h1 a {
	background: url('../images/logo.gif') no-repeat 0 0;
	width: 46px;
	height: 30px;
	float: left;
}

/*
	added no-touch class to header so that the logo highlight can be targetted to touch devices
	see themng.js
*/
.no-touch .headerConstant h1 a:hover {
	background: url('../images/logo.gif') no-repeat 0 100%;
}

.header h1 a {
	width: 46px;
	height: 30px;
	float: left;
}

ul.icon-links {
	float: left;
}

ul.icon-links li {
	float: left;
	display: inline-block;
	margin-right: 3em;
}

ul.icon-links li a,
ul.icon-links li span.selected {
	width: 23px;
	height: 22px;
	display: block;
}

ul.icon-links li.search a {
	background: url('../images/search-icon.png') center top no-repeat;
}

ul.icon-links li.favourites a {
	background: url('../images/favourite_sprite.gif') center top no-repeat;
}

ul.icon-links li.location a {
	background: url('../images/map_sprite.gif') center top no-repeat;
	height: 21px;
}

ul.icon-links li.information a {
	background: url('../images/info_sprite.gif') center top no-repeat;
	height: 21px;
}

ul.icon-links li.favourites span.selected {
	background: url('../images/favouriteSelected.png') center top no-repeat ;
}

ul.icon-links li.location span.selected {
	background: url('../images/mapSelected.png') center top no-repeat;
	height: 21px;
}

ul.icon-links li.information span.selected {
	background: url('../images/infoSelected.png') center top no-repeat;
	height: 21px;
}

.no-touch ul.icon-links li a:hover {
	background-position: center bottom;
}

.header ul.icon-links {
	float: right;
	margin-top: 0.3em;
}

.page-title-wrapper {
	clear: both;
	font-size: 1.5em;
	padding: 15px 5%;
	text-align: center;
	width: 100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

h2.page-title {
	font-size: 1.2em;
}

.next-prev-container {

	display: table-cell;
	width: 42.583333333333333%;
	padding-top: 1.45em;
	padding-bottom: 1.45em;
	height: 30px;
	max-width: 130px;
	min-width: 115px;
}

.next-prev-container a.prev,
.next-prev-container a.next {
	width: 32px;
	height: 32px;
	display: inline-block;
}

.next-prev-container.no-buttons a {
	display: none;
}

.next-prev-container a.prev {
	background: url('../images/chevronLeft_sprite.gif') no-repeat right 0;
}

.next-prev-container a.next {
	background: url('../images/chevronRight_sprite.gif') no-repeat 0 0;
}

.no-touch .next-prev-container a.prev:hover {
	background-position: right 95%;
}

.no-touch .next-prev-container a.next:hover {
	background-position: 0 95%;
}

.next-prev-container p {
	position: relative;
	top: -1em;
	display: inline;
}

.next-prev-container.no-buttons p {
	top: 1em;
}

/* end header styles */

/* homepage carousel feature styles */


.body-content.home {
	background: #F1F3F0;
}

.carousel-wrapper {
	background-color: #F1F3F0;
	display: table;
	height: 100%;
	width: 100%;
}

div.carousel-viewport {
	display: table-cell;
	margin: 0 auto;
	overflow: hidden;
	vertical-align: middle;
}

div.carousel-feature {
	height: 310px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 320px !important;
}

/* end carousel feature styles */

/* object body content */

.object-heading {
	font-size: 1.1em;
	margin-bottom: 0.5em;
}

.object-heading .object-name {
	font-weight: bold;
}

.primary-audio-title {
	color: #5C5C5C;
	font-family: 'HelveticaNeue-CondensedBold','HelveticaNeue', 'Helvetica',  'Arial', 'sans-serif';
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.4em;
	padding: 1em 5% 0;
	text-align: center;
	width: 90%;
}

/**
 * The negative margin is a bit hacky, but avoiding floats gives us a consistent
 * baseline across all devices with different font sizes
*/
.object-heading .object-name + .object-date:before {
	content: ',\00a0';
	margin-left: -0.2em;
}

.object-image-container {
	width: 100%;
	background-color: #f1f3f0;
	text-align: center;
	padding: 0.5em 0 0.3em 0;
	display: table;
}

.object-image-container .image-cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 320px;
	margin: 0 auto;
}

.object-geographic {
	margin-bottom: 1em;
}

.object-artists {
	font-family: HelveticaNeue,Helvetica,Arial,sans-serif;
	margin-bottom: 1em;
}

.object-artists .artist,
.object-artists .artist-title {
	overflow: hidden;
}

.object-artists .artist + .artist {
	margin-top: 0.5em;
}

.object-artists .artist-name {
	font-size: 0.85em;
	text-transform: uppercase;
}

/* Applies to both primary artists, and the first artist in the list */
.object-artists .artist-primary .artist-name,
.object-artists .artist:first-of-type .artist-name {
	font-size: 1em;
}

/* Add a colon and a space if we have both type and name */
.object-artists .artist-type + .artist-name:before {
	content: ':\00a0';
	margin-left: -0.2em;
}

/* Add a comma and a space if we have both nationality and birth/death date */
.object-artists .artist-nationality + .artist-birth-death:before {
	content: ',\00a0';
	margin-left: -0.2em;
}

.donor {
	font-size: 0.85em;
	text-transform: uppercase;
}

/* page links - grey mid page background */

.page-links {
	background-color: #aaaaaa;
	color: #FFFFFF;
	font-size: 1.5em;
}

.page-links ul {
	width: 100%;
	float: left;
}

.page-links ul li {
	float: left;
	width: 100%;
	text-align: center;
}

.page-links ul li.hover a {
	background-color: #dddddd;
}

.page-links ul li a.last {
	margin-bottom: 0.6em !important;
}

.page-links ul li.two-sections {
	width: 49%;
}

.page-links ul li a {
	display: block;
	padding: 0.9em 0;
	margin: 0.6em 0;
	text-transform: uppercase;
	color: #FFFFFF;
}

.page-links ul li.two-sections a {
	border-right: 1px solid #FFFFFF;
}

/* end page links */

/* text container */

div.text-container {
	font-size: 1.6em;
	width: 90%;
	padding: 1em 5%;
	line-height: 1.4em;
}

div.text-container div.header-container {
	width: 100%;
	margin-bottom: 1em;
	float: left;
}

div.header-container p {
	width: 100%;
}

.text-container .header-container h2 {
	text-transform: uppercase;
}

.object-cfpa .header-container h2,
.object-asian .header-container h2,
.object-african .header-container h2,
.object-american .header-container h2,
.object-contemporary .header-container h2 {
	text-transform: none;
}

div.text-container div.header-container p.date {
	margin-bottom: 1em;
}

.pink-link, div.text-container div.header-container .bio-link {
	float: right;
	clear: none;
	text-transform: uppercase;
	background: #EC008C url('../images/bioChevron.gif') no-repeat 86% 50%;
	padding: 0.5em 0.75em;
	color: #FFFFFF;
}

div.text-container div.header-container .bio-link {
	font-size: 0.9em;
}

.pink-link span,
.bio-link span {
	padding-right: 1em;
}

div.text-container div.blurb {
	clear: left;
	width: 100%;
	margin-bottom: 1em;
}

div.text-container div.blurb p {
	margin-bottom: 1em;
}

div.text-container div.blurb a.expand-link {
	font-weight: normal;
}

div.text-container div.blurb div.expanded-content {
	opacity: 0.0;
}

.object-image-credit {
	opacity: 0;
}

.object-image-credit > .text-container {
	font-size: 1em;
	padding: 0.4em 5%;
}

div.expanded-content p, div.expanded-content span {
	font-family: 'HelveticaNeue', 'Helevtica',  'Arial', 'sans-serif' !important;
}

div.wallLabelTextWrapper span {
	font-size: 1em !important;
	font-family: 'HelveticaNeue', 'Helevtica',  'Arial', 'sans-serif' !important;
}

div.wallLabelTextWrapper p {
	line-height: 1.4em;
	font-weight: normal;
	margin-bottom: 1em;
	font-size: 1em !important;
	font-family: 'HelveticaNeue', 'Helevtica',  'Arial', 'sans-serif' !important;
}

/* Object icon list links */

div.object-icon-list {
	margin: 1em 0;
	width: 100%;
	float: left;
}

div.object-icon-list ul li {
	padding-bottom: 1em;
	padding-top: 1em;
	padding-left: 2em;
}

.no-touch div.object-icon-list ul li a:hover {
	text-decoration: underline;
}

div.object-icon-list li.map {
	background: url('../images/mapObjectPage.png') no-repeat center left;
}

div.object-icon-list li.share {
	background: url('../images/shareObjectPage.png') no-repeat center left;
}

div.object-icon-list li.favourite {
	background: url('../images/favouriteObjectPage.png') no-repeat center left;
}

li.share div.sharePopup {
	background-color: #FFF;
	display: none;
	left: 50%;
	margin-left: -40%;
	padding: 1em 5%;
	position: absolute;
	text-align: center;
	top: -70px;
	width: 70%;
	z-index: 999;
	-webkit-box-shadow: 6px 5px 14px rgba(50, 50, 50, 0.8);
	-moz-box-shadow: 6px 5px 14px rgba(50, 50, 50, 0.8);
	box-shadow: 6px 5px 14px rgba(50, 50, 50, 0.8);
}

li.share div.sharePopup a,
li.share div.sharePopup p {
	margin-top: 1em;
	display: block;
	clear: left;
}

li.share div.sharePopup a.closeForm {
	margin-top: 0;
}

div.sharePopup .userEmail,
div.favouriteFormContainer .userEmail {
	border: 2px #DDD solid;
	margin: 10px 10px 0;
	padding: 0.5em 0.75em;
	width: 200px;
	-webkit-user-modify: read-write-plaintext-only;
	-moz-user-modify: read-write;
}

div.sharePopup input[type="submit"],
div.favouriteFormContainer input[type="submit"]{
	border: 2px #EC008C solid;
}

li.map div.mapPopup {
	position: absolute;
	background-color: white;
	-webkit-box-shadow: 6px 5px 14px rgba(50, 50, 50, 0.8);
	-moz-box-shadow: 6px 5px 14px rgba(50, 50, 50, 0.8);
	box-shadow: 6px 5px 14px rgba(50, 50, 50, 0.8);
	top: -350px;
	z-index: 999;
	text-align: center;
	display: none;
	left: 50%;
	margin-left: -40%;
	width: 80%;
}

/* Use max-width to prevent upscaling */
li.map div.mapPopup img {
	max-width: 100%;
}

/* end object icon list links */

/* end text container */

/* Object Footer links */

div.footer-links {
	font-size: 1.6em;
	float: left;
	width: 100%;
	margin-top: 0.5em;
}

div.footer-links div.section {
	margin-bottom: 2.2em;
	float: left;
	width: 100%;
}

div.footer-links #moreSection > h2 {
	width: 90%;
	padding: 0 5%;
	margin-bottom: 0.7em;
	font-size: 1.2em;
}

div.footer-links #moreList > li {
	width: 100%;
	background-color: #dddddd;
	margin-bottom: 2px;
	float: left;
}

div.footer-links #moreList > li.slideshow {
	background: #FFF;
}

div.footer-links #moreList > li .media-title {
	color: #6e6e6e;
	width: 100%;
	display: block;
}

.preload-disclose-up {
	display: none;
	background: url('../images/discloseUp.png') no-repeat;
}

div.footer-links #moreList > li .media-title span.slash {
	margin: 0 0.5em;
}

.slideshow-title,
div.footer-links #moreList > li .media-title span.link-copy {
	width: 88%;
	padding: 1.6em 7% 1.6em 5%;
	display: block;
}

div.footer-links #moreList > li.media div.media-dropdown {
	margin: 0 auto;
	width: 312px;
	text-align: center;
}

div.footer-links #moreList > li.media div.media-dropdown img {
	padding: 1em 0;
}

div.footer-links #moreList > li.media div.media-dropdown,
div.footer-links #moreList > li.media div.quote-dropdown {
	margin: 0 auto;
	padding: 2% 5% 5%;
	text-align: left;
	width: 90%;
}

div.footer-links #moreList > li.media div.media-dropdown iframe {
	display: block;
	margin: 0 auto;
}

/* end Object footer links */

/* Search results */

.no-result {
	font-weight: bold;
	margin: 2em 5%;
	text-align: center;
}

div.search-box {
	background-color: #DDDDDD;
	padding: 0.75em 5%;
	float: left;
	width: 90%;
	font-size: 1.6em;
}

div.search-box input {
	width: 80%;
	float: left;
	-webkit-appearance: caret;
	-moz-appearance: caret;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	height: 2.5em;
	background: white url('../images/search.gif') no-repeat 10px center;
	padding: 0 10px 0 35px;
	border: none;
}

div.search-box p.counter {
	float: left;
	color: #6E6E6E;
	margin-left: 2%;
	margin-top: 0.7em;
}

div.search-results-container {
	width: 100%;
	clear: left;
	float: left;
	font-size: 1.6em;
}

.wing-header {
	background-color: #1d1d1d;
	color: #FFF;
	float: left;
	padding: 1em 5% 1em 5%;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	width: 90%;
	font-size: 14px;
}

.wing-header:after {
	border-top: 11px #1d1d1d solid;
	border-left: 11px transparent solid;
	border-right: 11px transparent solid;
	bottom: -11px;
	content: '';
	display: block;
	position: absolute;
	right: 6.25%; /* 40px at full size */
	z-index: 2;
}

.mapPopup .wing-header {

	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;

}

.mapPopup .wing-header:after {
	border: none;
}

.wing-header.wing-american h2 {
	color: #00ABEA;
}

.wing-wrapper.wing-american .search-header {
	background-color: #00ABEA;
}

.wing-header.wing-african h2 {
	color: #7CB72E;
}

.wing-header.wing-generations h2 {
	color: #FFEA68;
}

.wing-wrapper.wing-african .search-header {
	background-color: #7CB72E;
}

.wing-wrapper.wing-generations .search-header {
	background-color: #FFEA68;
}

.wing-header.wing-asian h2 {
	color: #F79D0F;
}

.wing-wrapper.wing-asian .search-header {
	background-color: #F79D0F;
}

.wing-header.wing-contemporary h2 {
	color: #FF3C83;
}

.wing-wrapper.wing-contemporary .search-header {
	background-color: #FF3C83;
}

.wing-header.wing-cfpa h2 {
	color: #F9423A;
}

.wing-wrapper.wing-cfpa .search-header {
	background-color: #F9423A;
}

.wing-wrapper .search-header .gallery-title:after {
	content: '\00a0'; /* Non-breaking space */
}

.mapPopup .wing-header h2 {
	color: #000;
}

.mapPopup .wing-header.wing-american {
	background-color: #00ABEA;
}

.mapPopup .wing-header.wing-african {
	background-color: #7CB72E;
}

.mapPopup .wing-header.wing-generations {
	background-color: #FFEA68;
}

.mapPopup .wing-header.wing-asian {
	background-color: #F79D0F;
}

.mapPopup .wing-header.wing-contemporary {
	background-color: #FF3C83;
}

.mapPopup .wing-header.wing-cfpa {
	background-color: #F9423A;
}

.search-header h3 {
	font-size: 14px;
}

.wing-header h2 {
	color: #00ABEA;
	float: left;
	line-height: 1.2;
	width: 90%;
}

div.search-header {
	background-color: #00ABEA;
	width: 90%;
	padding: 1em 5% 1em 5%;
	color: #000;
	text-transform: uppercase;
	float: left;
	position: relative;
}

.wing-wrapper .search-header .gallery-name {
	color: #FFF;
}

div.search-header h3 {
	float: left;
	line-height: 1.2;
	width: 90%;
}

div.search-results-list ul li,
li.search-result-list-item {
	float: left;
	width: 100%;
	clear: left;
	padding: 0.7em 0;
	background: #EEEEEE url('../images/search_white_chevron.png') no-repeat 95% 50%;
	position: relative;
	display: table;
}

div.search-results-list ul li a,
li.search-result-list-item a {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	left: 0;
}

div.search-results-list ul li:nth-child(even),
li.search-result-list-item:nth-child(even) {
	background: #FFFFFF url('../images/search_grey_chevron.png') no-repeat 95% 50%;
}

div.search-results-list ul li.hover,
li.search-result-list-item.hover {
	background-color: #dedede;
}

div.search-results-list ul li div.object-image,
li.search-result-list-item div.object-image {
	width: 68px;
	height: 68px;
	text-align: center;
	padding-right: 1em;
	padding-left: 2%;
	display: table-cell;
	vertical-align: middle;
}

div.search-results-list ul li div.object-text,
li.search-result-list-item div.object-text {
	line-height: 1.4em;
	display: table-cell;
	vertical-align: middle;
	padding-right: 10%;
	padding-left: 2%;
	font-size: 14px;
}

div.search-results-list ul li div.object-text h3,
li.search-result-list-item div.object-text h3 {
	text-transform: uppercase;
}

/* end Search results */

/* start connections */

div.topic {
	width: 100%;
	float: left;
	clear: left;
	font-size: 1.6em;
}

h3.topic-header {
	width: 90%;
	float: left;
	text-transform: uppercase;
	-webkit-box-shadow: 0 2px 11px -5px gray;
	-moz-box-shadow: 0 2px 11px -5px gray;
	box-shadow: 0 2px 11px -5px gray;
	position: relative;
	z-index: 80;
	padding: 1.5em 5% 0.5em;
}

div.topic h3.topic-header {
	background: #eeeeee;
}

div.topic:nth-child(even) h3.topic-header {
	background: #ffffff;
}

h3.topic-header a.dropdown {
	background: url('../images/disclose.png') no-repeat 0 100%;
	width: 32px;
	height: 32px;
	margin-top: -10px;
	float: right;
}

h3.topic-header.open a.dropdown {
	background: url('../images/disclose.png') no-repeat 0 0;
}

div.topic-contents {
	display: none;
	background-color: #dadcda;
	padding: 2em 5% 1em;
	float: left;
	width: 90%;
}

div.topic-contents p {
	padding: 0em 5% 2em;
	line-height: 1.3em;
}

div.topic-contents iframe {
	margin: 0 auto;
	padding-bottom: 1em;
	display: block;
}

div.topic-contents .pink-link {
	margin-bottom: 0em;
}

div.topic-carousel-container {
	width: 100%;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	position: relative;
	z-index: 1;
	clear: left;
	padding-bottom: 7px;
	background-color: #EEEEEE;
}

div.topic-carousel-container:nth-child(even) {
	background-color: #FFFFFF;
}

div.topic-carousel {
	width: 1000px;
	overflow: hidden;
	height: 68px;
}

div.topic-carousel img {
	float: left;
	display: block;
	margin-right: 1px;
}

div.topic-carousel img:last-of-type {
	margin-right: 0;
}

div.connectionVideo {
	text-align: center;
}

/* end connections */

/* room css */

.edit,
.overview {
	color: #EC008C;
	float: right;
	font-size: 1.2em;
}

.edit + .page-title {
	margin: 0 4em;
}

.overview + .page-title {
	margin-right: 5em;
}

div.overview-container {
	display: none;
	float: left;
	width: 80%;
	background-color: #E1E4DF;
	padding: 2em 10% 0;
	font-size: 1.6em;
	line-height: 1.4em;
}

div.overview-container p {
	margin-bottom: 2em;
}

body.room div.search-results-list ul li {
	background: #EEEEEE url('../images/search_white_chevron.png') no-repeat 95% 50%;
}

body.room div.search-results-list ul li:nth-child(even) {
	background: #FFFFFF url('../images/search_grey_chevron.png') no-repeat 95% 50%;
}

/* end room css */

/* Start map css */

div.map-container {
	width: 100%;
	height: 375px;
	-webkit-overflow-scrolling: touch;
	clear: left;
}

.map-container .wing-header {
	font-size: 14px;
}

div.map-wrapper {
	width: 100%;
}

.map-inner {
	clear: both;
	padding: 2em 0;
	width: 100%;
}

div.map-wrapper .mapper {
	margin: 0 auto;
	overflow: hidden !important;
	display: block;
}

div.map-wrapper.american .mapper {
	width: 320px !important;
	height: 976px !important;
	background-size: 320px 976px !important;
}

div.map-wrapper.contemporary .mapper {
	width: 320px !important;
	height: 750px !important;
	background-size: 320px 750px !important;
}

div.map-wrapper.asian .mapper {
	width: 200px !important;
	height: 320px !important;
	background-size: 200px 320px !important;
}

div.map-wrapper.african .mapper {
	width: 320px !important;
	height: 200px !important;
	background-size: 320px 200px !important;
}

div.map-wrapper.cfpa .mapper {
	width: 320px !important;
	height: 200px !important;
	background-size: 320px 200px !important;
}

img#map-american {
	height: 891px;
	width: 320px;
}

img#map-contemporary {
	height: 750px;
	width: 320px;
}

.no-touch area:hover {
	cursor: pointer;
}

div.map-list-container div.search-results-list li div.object-text {
	padding: 0.5em 5%;
}

.map-toggle {
	text-align: center;
	width: 100%;
}

.map-toggle a {
	background: #636363;
	color: #DFDFDF;
	display: block;
	float: left;
	font-size: 15px;
	line-height: 30px;
	padding: 5px 0;
	width: 50%;
}

.map-toggle a.selected {
	background: #DFDFDF;
	color: #636363;
}

.fade-container {
	position: relative;
}

.fade-container .fade-element {
	position: absolute;
	width: 100%;
	top: 40px;
	left: 0;
	opacity: 1;
}

.fade-container .fade-element.top {
	display: block;
}

.fade-container .fade-element {
	display:  none;
}

/* end map css */

/* start info css */

.info-container {
	float: left;
	width: 90%;
	clear: left;
	padding: 2em 5%;
	font-size: 1.6em;
	line-height: 1.4em;
}

.info-container p {
	margin-bottom: 1.4em;
}

div.info-container a {
	color: #ec008c;
}

/* end info css */

.slideshowElement {
	color: gray;
	border: solid 1px black;
	width: 100px;
	height: 100px;
}

/* media queries */



/* Favourites list */

li.search-result-list-item a.unfavourite {
	position: absolute;
	left: auto;
	right: 4%;
	z-index: 15;
	width: 20%;
	background-color: #EEE;
	color: #EC008C;
	padding-top: 22px;
	text-align: center;
	height: 43%;
	top: 18%;
	display: none;
}

li.search-result-list-item:nth-child(even) a.unfavourite {
	background-color: #FFFFFF;
}

div.favouriteFormContainer {
	float: left;
	clear: left;
	width: 100%;
}

a#emailFavourites {
	background-image: none;
	margin: 2.5%;
}

div.header a.edit {
	display: none;
}

div.favouriteFormContainer form {
	background-color: #FFF;
	display: none;
	margin-left: 10%;
	padding: 25px 5% 15px;
	position: absolute;
	text-align: center;
	width: 70%;
	z-index: 999;
	-webkit-box-shadow: 6px 5px 14px rgba(50, 50, 50, 0.8);
	-moz-box-shadow: 6px 5px 14px rgba(50, 50, 50, 0.8);
	box-shadow: 6px 5px 14px rgba(50, 50, 50, 0.8);
}

a.closeForm {
	width: 26px;
	height: 26px;
	background: url('../images/close.png') no-repeat center center;
	display: block;
	position: absolute;
	top: 8px;
	right: 10px;
	background-size: 20px 20px;
}

.sharePopup a.closeForm,
.favouriteFormContainer a.closeForm {
	background-image: url('../images/close-dark.png');
}

input.pink-link {
	padding-right: 20px;
	background-position: 86% 50%;
	float: none !important;
	border: none;
	clear: left;
	display: inline;
	margin: 10px auto;
}

input.black-link {
	border: none;
	clear: left;
	color: #FFF;
	cursor: pointer;
	display: inline;
	font-size: 20px;
	margin: 10px auto 40px auto;
	padding-right: 20px;
	height: 50px;
	width: 180px;
	letter-spacing: 1px;
	background: black url('../images/fullMapChevron.png') no-repeat 92% 50%;
}

input.closeButton {
	background-image: none;
	padding-right: 10px;
}

p.validation-message {
	display: none;
	margin: 10px 0 0;
}

.validation-message-confirm {
	color: green;
}

.validation-message-warn {
	color: red;
}

/* end Favourites list */

/* Kenneth Burns Styles
 * author: Thierry Koblentz
 * Copyright 2011 - css-101.org
 * http://www.css-101.org/articles/ken-burns_effect/css-transition.php
*/

#slideshow {
  position:relative;
  overflow:hidden;
}

#slideshow img {
  position:absolute;
  top:0%;
  left:-50px;
/*  margin-left:-180px;
  margin-top:-120px;*/
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 3s, 8s;
  -moz-transition-property: opacity, -moz-transform;
  -moz-transition-duration: 3s, 8s;
  -o-transition-property: opacity, -o-transform;
  -o-transition-duration: 3s, 8s;
  transition-property: opacity, transform;
  transition-duration: 3s, 8s;
}

#slideshow img  {
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}

#slideshow :nth-child(2n+1) {
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -ms-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
}

#slideshow :nth-child(3n+1) {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}

#slideshow :nth-child(4n+1) {
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
}

#slideshow .fx:first-child + img ~ img {
	z-index:-1;
}

#slideshow .fx {
  -webkit-transform: scale(1.1) translate(30px);
  -moz-transform: scale(1.1) translate(30px);
  -ms-transform: scale(1.1) translate(30px);
  -o-transform: scale(1.1) translate(30px);
  transform: scale(1.1) translate(30px);
  -webkit-transform-style: preserve-3d;
  opacity:1;
}

/* end Kenneth Burns



/* ie8 + ie7 css overrides */

.lt-ie9 .page-links {
	font-size: 0.7em;
}

.lt-ie9 p.counter {
	font-size: 0.5em;
}

.lt-ie9 .search-results-container {
	font-size: 0.5em;
}

.lt-ie9 div.search-results-list ul li div.object-text,
.lt-ie9 li.search-result-list-item div.object-text {
	margin-left: 0.9em;
}

.lt-ie9 h2.page-title {
	font-size: 0.4em;
}

.lt-ie9 .next-prev-container {
	font-size: 0.7em;
	width: 130px;
}

.lt-ie9 .wrapper .body-content #about {
	font-size: 0.7em;
}

.lt-ie9 .footer-links {
	font-size: 0.7em;
}


/* connections page */
.lt-ie9 div.topic {
	font-size: 0.8em;
}

.lt-ie9 div.header a.overview,
.lt-ie9 div.header a.edit {
	font-size: 0.6em;
}

.lt-ie9 div.search-results-list ul li div.object-image,
.lt-ie9 li.search-result-list-item div.object-image {
	padding-left: 1%;
}

.lt-ie9 .info-container {
	font-size: 0.6em;
}

/* ie7 css overrides */

.lt-ie8 .page-links ul li {
	display: block;
	float: left;
}

.lt-ie8 .next-prev-container {
	display: block;
	width: 38%;

	max-width: none;
	min-width: none;

	float: right;
	margin-right: 20px;
	height: 30px;

}

.lt-ie8 .next-prev-container a.prev,
.lt-ie8 .next-prev-container a.next,
.lt-ie8 .next-prev-container p {
	display: block;
	float: left;
}

.lt-ie8 div.search-results-list ul li,
.lt-ie8 li.search-result-list-item {
	display: block;
}

.lt-ie8 div.search-results-list ul li div.object-image,
.lt-ie8 li.search-result-list-item div.object-image,
.lt-ie8 div.search-results-list ul li div.object-text,
.lt-ie8 li.search-result-list-item div.object-text {
	display: block;
	float: left;
}


/* Flexslider */
.flexslider {
	border: 0;
	clear: both;
	float: left;
	margin: 0 0 40px;
	width: 100%;
}

.flex-control-nav {
	bottom: -26px;
}

.flexslider .slides img {
	max-height: 300px;
	max-width: 100%;
	margin: 0 auto;
}

.slideshow-slide {
	background: #F1F3F0;
	position: relative;
}

.slideshow-slide-caption {
	background-color: #6E6E6E;
	width: 100%;
}

.slideshow-slide-caption p {
	background: transparent;
	color: white;
	font-size: 12px;
	padding: 1em;
	text-align: center;
	opacity: 1.0;
	font-family: 'HelveticaNeue', 'Helvetica',  'Arial', 'sans-serif';
}

.slideshow-slide-image {
	display: table;
	position: relative;
	width: 100%;
}

.footer-links .slideshow-slide-image {
	max-height: 300px;
}

.slideshow-slide-image-inner {
	display: table-cell;
}

.flex-direction-nav a {
	color: #FFF;
	background: #CE137B;
}

.flex-direction-nav .flex-next {
	padding: 12px 5px 12px 15px;
}

.flex-direction-nav .flex-prev {
	padding: 12px 15px 12px 5px;
}

.flex-direction-nav .flex-next,
.flex-direction-nav .flex-prev {
	opacity: 0.5;
	visibility: hidden;
}

.no-touch .flex-direction-nav .flex-next:hover,
.no-touch .flex-direction-nav .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .flex-next span,
.flex-direction-nav .flex-prev span {
	position: absolute;
	left: -9999px;
}

.flex-control-paging li a {
	background: #bcbcbc;
}

.no-touch .flex-control-paging li a:hover {
	background: #bcbcbc;
}

.flex-control-paging li a.flex-active {
	background: #000;
}

.flex-direction-nav a {

	background-size: cover;
	width: 23px;
	height: 40px;

}

.flex-direction-nav a.flex-next {

	background: #CE137B url('../images/sliderChevrons/ChevRight2.png') 0 0 no-repeat;

}

.flex-direction-nav a.flex-prev {

	background: #CE137B url('../images/sliderChevrons/ChevLeft2.png') 0 0 no-repeat;

}

.flex-direction-nav a:before {

	content: none;

}

.flex-direction-nav a.flex-next:before {

	content: none;

}

/* homepage slider styles */

.home .slideshow-slide {
	height: auto;
}

.home .slideshow-slide-image {
	position: relative;
}

.home .slideshow-slide-image .arrow {
	background: transparent 0 0 no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 10px;
	left: 100%;
}

.home .slideshow-slide-image .arrow1 {
	background-image: url('../images/homepage/swipe.png');
	height: 55px;
	left: 46%;
	margin-left: -35px;
	top: 16px;
	width: 70px;
}

.home .slideshow-slide-image .arrow3 {
	background-image: url('../images/homepage/arrow-fave.png');
	height: 68px;
	margin-left: -33px;
	width: 18px;
}

.home .slideshow-slide-image .arrow4 {
	background-image: url('../images/homepage/arrow-info.png');
	height: 68px;
	margin-left: -94px;
	width: 16px;
}

.home .slideshow-slide-image .arrow5 {
	background-image: url('../images/homepage/arrow-map.png');
	height: 68px;
	margin-left: -155px;
	width: 22px;
}

.home .slideshow-slide-image .arrow6 {
	background-image: url('../images/homepage/arrow-fave.png');
	height: 68px;
	margin-left: -204px;
	width: 18px;
}

.home .slideshow-slide-image-inner {
	padding-top: 88px;
	text-align: center;
}

.home .slideshow-slide-image-inner img {
	max-width: 100%;
}

.home .slideshow-slide-image-inner a {
	display: block;
}

/* media queries for when the site is on the desktop */

@media screen and (min-width: 568px) {

	body {
		margin: 0 auto;
	}

	.wrapper,
	.multiBarConstant {
		width: 568px !important;
	}

	.headerConstant {
		left: 50%;
		margin-left: -260px;
	}

	.wrapper {
		font-size: 1.2em;
		margin: 0 auto;
		position: relative;
		border-left: 1px solid #f7f7f7;
		border-right: 1px solid #f7f7f7;
	}

	.flex-direction-nav .flex-next,
	.flex-direction-nav .flex-prev {
		opacity: 0.5;
		visibility: visible;
	}

	.home .slideshow-slide {
		height: 480px;
	}

	.home .slideshow-slide-image-inner {
		padding-top: 155px;
	}

	.home .slideshow-slide-image .arrow1 {
		height: 110px;
		margin-left: -70px;
		width: 140px;
	}

	.home .slideshow-slide-image .arrow3 {
		height: 136px;
		margin-left: -52px;
		width: 36px;
	}

	.home .slideshow-slide-image .arrow4 {
		height: 136px;
		margin-left: -111px;
		width: 32px;
	}

	.home .slideshow-slide-image .arrow5 {
		height: 136px;
		margin-left: -178px;
		width: 44px;
	}

	.home .slideshow-slide-image .arrow6 {
		height: 136px;
		margin-left: -222px;
		width: 36px;
	}

	.home .slideshow-slide-image-inner .img {
		width: 100%;
	}

}

/* end media queries */


/* pinchzoom */

.pinchzoom-lightbox {
	background: #000;
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 900;
}

#pinchzoom {
	background: #000;
	display: none;
	height: 100%;
	left: 0%;
	padding-top: 40px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

#pinchzoom .close {
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	margin-top: -7px;
	position: fixed;
	right: 5%;
	text-transform: uppercase;
	top: 20px;
}

.pinchzoom-image {
	border-top: 1px #FFF solid;
	display: block;
	height: 100%;
	overflow: hidden;
	width: 100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.pinch-zoom-container {
	height: 100%;
	left: 50%;
	top: 50%;
	width: 100%;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.pinch-zoomable {
	background: #000;
	background: rgba(0, 0, 0, 0.6);
	bottom: 0;
	color: #FFF;
	padding: 10px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
}

/* end pinchzoom */