* {    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;-webkit-text-size-adjust: 100%; }
body {
	font-size: 18px;
	line-height: 26px;
	font-family: "Titillium";
	margin: 0;
	padding: 0;
	background-color: rgb(255,215,68);
	background: white;
}
header, nav, section, article, aside, footer, hgroup { display: block; }
a:link, a:active, a:hover, a:visited, .exLink, .link {
	color: black;
	/*text-decoration: none;*/
	cursor: pointer;
}
#serviceColumn a.highslide {
	border: 0;
}
.exLink {
	color: black;
}
img {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
#mainWrapper {
	position: relative;
	margin: 0 auto;
	height: auto;
	width: 960px;
}
#mainMenu {
	width: 100%;
	line-height: 36px;
}
#mainMenu a {
	list-style-type: none;
	margin-right: 20px;
	font-size: 18px;
	line-height: 20px;
	display: inline;
}
.introStripe {
	min-height: 400px;
	width: 100%;
	padding: 30px;
	opacity: 0.95;
}
#mainLogo h1, #mobileLogo h1 {
	visibility: hidden;
}
#mainLogo {
	width: 300px;
	height: 300px;
	position: relative;
	margin: 70px auto 50px auto;
	background: transparent center center url('../images/visartia.png');
	background-size: 300px 300px;
	overflow: hidden;
}
#mainLogo span {
	position: absolute;
	top: 35px;
	right: -48px;
	padding: 2px 70px;
	font-size: 18px;
	text-transform: uppercase;
	background: #FECF43;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ie-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.contentWrapper {
	height: auto;
	position: relative;
	width: 100%;
	min-height: 400px;
	opacity: 0.99;
}
.textColumn {
	position: relative;
	float: left;
	height: auto;
	width: 600px;
}
.textColumn ul {
	margin-left: 40px;
}
#serviceColumn {
	float: right;
	width: 300px;
	padding: 20px;
	margin: 40px 0 20px 20px;
}
.clear {
	clear: both;
}
h1#bigTitle {
	font-family: 'TitilliumBd';
	font-size: 180px;
	line-height: 140px;
	font-weight: normal;
	margin-left: -5px;
}
h1#smallTitle {
	font-family: 'TitilliumBd';
	font-size: 30px;
	line-height: 28px;
	font-weight: normal;
	position: absolute;
	top: 0px;
	left: -100px;
	margin-bottom: 0;
	margin-top: 0;
}
h1#smallTitle a {
	text-decoration: none;
}
h1 a.logo {
	font: 26px/40px 'baskerville_10_proitalic';
	font-size: 34px;
	line-height: 44px;
	font-weight: normal;
	margin-top: 10px;
	padding: 15px 3px;
	color: black;
	text-transform: none;
}
h2 {
	font-weight: normal;
	font-size: 22px;
	margin-bottom: 20px;
}
h2#catchPhrase {
	font-size: 18px;
	line-height: 24px;
}

h3 {
	font-size: 18px;
}

hr {
	margin: 10px 0;
	border: 1px solid black;	
}
.smallCaps {
	text-transform: uppercase;
}
#footer {
	width: 100%;
	min-height: 70px;
	padding: 10px;
	text-align: left;
	line-height: 18px;
	font-size: 14px;
	background: white;
}

.textColumn .articleDate {
	font-size: 14px;
	margin-top: 0px;
	line-height: 20px;
	margin-bottom: 10px;
}
.articleDateList {
	float: left;
	width: 60px;
	text-align: right; 
	border-right: 1px solid black; 
	margin-right: 10px; 
	padding-right: 10px;
}
.articleTitleWrapperList {
	width: 400px;
	float: left;
}
.articleSubtitle {
	margin-top: 5px;
	line-height: 30px;
}
h3.articleHeadingList {
	font-weight: normal;
}
h2.articleTitleList {
	font-weight: bold;
	margin-bottom: 10px;
}
.articleTitle {
	line-height: 44px;
	margin-bottom: 30px;
}
.articleSubtitleList {
	font-weight: normal
}

.articlePreview {
	width: 100%;
	height: 150px;
	overflow: hidden;
	margin-bottom: 10px;
	cursor: pointer;
	border: 1px solid black;
	position: relative;
}
.articlePreview img {
    position: relative;
    top: -66%;
}
.articlePreviewLink {
	position: absolute;
	top: 180px;
	margin-top: -30px;
	height: 35px;
	line-height: 30px;
	padding: 0 20px;
	background: rgb(150,150,150);
	background: rgba(255,255,255,0.75);
	z-index: 2;
}
.articlePreview:hover .articlePreviewLink {
	top: 150px;
}

.articleWrapper {
	margin-bottom: 40px;
}
#modalMessageOverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(100,100,100,0.5);
	z-index: 10;
}
#modalMessage {
	padding: 30px;
	position: relative;
	top: 150px;
	height: 400px;
	width: 500px;
	margin: auto;
	padding-top: 200px;
	background: transparent url('/images/presentation.png');
	background-repeat: no-repeat;
	background-position: center;
	/*-webkit-box-shadow: 0 0 25px 5px rgba(100,100,100,0.5);
	-moz-box-shadow: 0 0 25px 5px rgba(100,100,100,0.5);
	-ie-box-shadow: 0 0 25px 5px rgba(100,100,100,0.5);
	-o-box-shadow: 0 0 25px 5px rgba(100,100,100,0.5);
	box-shadow: 0 0 25px 5px rgba(100,100,100,0.5);*/
}

.analysisPoint {
	/*border-bottom: 1px solid rgb(183, 55, 14);*/
	cursor: pointer;
	padding: 10px 0;
}

.analysisLine {
	position: absolute;
	width: 100%;
	height: 1px;
	border-top: 1px solid black;
	border-bottom: 1px solid white;
	top: 0px;
	left: 0px;
}

.analysisLine::before {
}
.analysisLine::before { 
	content: '';
	background-color: black; 
	position: absolute;
	top: -4px; /* - 1/2 larghezza + 1/2 (altezza linea + spessore bordo)*/
	right: -4px;
	width: 7px;
	height: 7px;
	border-radius: 5px;
}
.analysisLine::after {
}
.analysisLine::after { 
	content: '';
	background-color: white;
	position: absolute;
	top: -3px; /* - 1/2 larghezza + 1/2 (altezza linea + spessore bordo)*/
	right: -3px;
	width: 5px;
	height: 5px;
	border-radius: 5px;
}

.analysisWrapper {
	position: relative;
	width: 100%;
	padding: 10px 0;
	min-height: 600px;
}
.analysisWrapper img { width:50%; }
.analysisPointsWrapper {
	position: relative;
	width: 25%;
	float: left;
	padding-bottom: 30px;
	z-index: 3;
}
.analysisPointsWrapper ul li {
	list-style-type: none;
}
.analysisImagesWrapper {
	position: relative;
	width: 70%;
	float: right;
}

#projectWrapper {
	position: relative;
	margin: 45px auto;
}
#projectWrapper .articleTitle {
	margin: 0;
	font-size: 28px;
	line-height: 34px;
}
.analysisSelected {
	padding-left: 30px;
	margin-right: -40px;
	padding-right: 10px;
	margin-top: -1px;
	border-right: 1px solid black;
	background-color: #fff5df;/*rgba(255, 215, 68,0.2);*/
}
.presentationText {
	width: 75%;
	margin-bottom: 20px;
}
.details {
	font-size: 14px;
	line-height: 18px;
	padding: 3px 5px;
}
.details.opened {
	background-color: #eee
}
.details.opened p {
	display: block;
}
.details p {
	display: none;
}
h3 {
	font-size: 18px;
}
.showDetails {
	margin-left: -5px;
	font-size: 12px;
	background-color: #eee;
	padding: 5px;
	text-decoration: none;
}

.artworkAuthor {
	font-size: 24px;
	font-weight: normal;
}
h1 {
	font-size: 36px;
	line-height: 36px;
	font-family: 'TitilliumSb';
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 5px;
}
.artworkYear,.ontologyYear {
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 7px;
	border-bottom: 1px solid black;
}

#introLastArticles {
	position: absolute;
	top: 80px;
	left: 0;
}
.introLastArticle {
	background: black;
	background: rgba(0,0,0,0.75);
	color: white;
	font-size: 14px;
	line-height: 18px;
	padding: 5px;
	display: inline-block;
	cursor: pointer;
}

.homeArticlesWrapper {
	padding-top: 0;
	background: rgba(0,0,0,0.75);
	color: white;
}
.homeArticles a {
	color: white;
}
.homeArticlesWrapper .homeBoxLabel {
	background: rgba(255,255,255,0.70);
}
.homeArticles {
	padding:20px;
}
.introArticle {
	position: relative;
	width: 30%;
	float: left;
	margin: 1.5% 3% 1.5% 0;
}
.introArticleDate {
	font-size: 16px;
}
h3.introArticleTitle {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 5px;
	font-family: 'TitilliumSb';
}
.introArticleText {
	font-size: 16px;
	line-height: 20px;
}


/*********************************/

.fsAnalysisWrapper .imageCredits,
.fsAnalysisWrapper .textCredits {
	display: none;
}
.fsAnalysisWrapper {
	background: LightGray;
	top:0;
	width: 100%;
	height: 100%;
}
.fsAnalysisWrapper .analysisImagesWrapper {
	height: 100%;
}
.fsAnalysisWrapper .analysisPointsWrapper {
	position: absolute;
	top: 30px;
	left: 0px;
	display: block;
	width: 200px;
	float: left;
	height: 100%;
	overflow: hidden;
	background: white;
	padding: 0;
	/*border-bottom: 0px;
	border-right: 1px solid black;*/
	border: 10px solid white;
}
.fsAnalysisWrapper .analysisPointsList {
	position: absolute;
	top: 10px;
	left: 0px;
	height: 100%;
	width: 1000px;
}
.analysisDots {
	position: absolute;
	z-index: 10;
}
.analysisDot {
	width: 3px;
	height: 3px;
	background-color: LightGray;
	position: relative;
	float: left;
	margin: 0 2px;
	margin-top: 30px;
	border-radius: 2px;
	z-index: 10;
}
.analysisDot.current {
	background: black;
}
.fsAnalysisWrapper .analysisPointsWrapper::after {}
.fsAnalysisWrapper .analysisPointsWrapper::after {
	content: '';
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	width: 100%;
	height: 75px;
	position: absolute;
	bottom: 0px;
	left: 0;
}
.fsAnalysisWrapper .analysisPoint {
	position: absolute;
	width: 200px;
	height: 100%;
	overflow: scroll;
	border: 0px;
	padding: 0;
	padding-bottom: 40px;
}
.fsGoBack {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 30px;
	padding: 0px 10px;
	background: white;
	/*border-right: 1px solid black;*/
}
.fsGoBack .goBackLink {
	float: left;
	font-size: 24px;
	line-height: 24px;
	padding: 3px 3px;
}
.fsGoBack .goBackLogo {
	float: right;
	font-size: 18px;
	line-height: 24px;
	padding: 3px 3px;
	font-family: 'TitilliumBd';
	text-transform: uppercase;
}
.fsAnalysisWrapper .analysisSelected {
	padding-left: 0px;
	margin-right: 0px;
	padding-right: 0px !important;
	background: none;
	/*background: rgba(250,225,118,0.2);*/
}


@media only screen and (max-width: 478px){
	#introLastArticles { display: none; }
	.introArticle { width: 90%; }
	.presentationText { width: 100%; }
	.smallScreen { display: block; }
	.bigScreen { display: none; }
	.articleTitleWrapperList { width: 230px; }
	#mainWrapper, #experimentComments { width: 300px; }
	h1#bigTitle { font-size: 160px; }
	h1#smallTitle {
		position: static;
		display: inline-block;
		margin-right: 10px;
		line-height: 20px;
	}
	.analysisPointsWrapper { display: none; }
	.analysisImagesWrapper { width: 100%; }
	.analysisImagesWrapper:not(.zoomed)::before {}
	.analysisImagesWrapper:not(.zoomed)::before {
		content: '';
		background: rgba(100,100,100,0.5);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
	}
	.analysisImagesWrapper:not(.zoomed)::after {}
	.analysisImagesWrapper:not(.zoomed)::after {
		content: '+';
		font-size: 70px;
		font-weight: bold;
		color: white;
		text-align: center;
		position: relative;
		top: 50%;
		left: 0;
		margin: 0 auto;
		margin-top: -25px;
		width: 100%;
		height: 100px;
		position: absolute;
	}
	.analysisLine { display: none; }
	.fsGoBack { width: 100%; border: 0; }
	.fsAnalysisWrapper .analysisImagesWrapper { top: 30px; text-align: center; }
	.fsAnalysisWrapper .analysisImagesWrapper img {
		width: auto;
		height: auto;
		max-height: 100%;
		max-width: 100%;
	}
	.fsAnalysisWrapper .analysisPointsWrapper {
		width: 100%;
		height: 170px;
		position: absolute;
		top: auto;
		bottom: 0px;
		padding-top: 20px;
		overflow: hidden;
	}
	.analysisDots { position: absolute; bottom: 160px; }
	.analysisDot { margin-top: 0px; }
	.zoomHolder { display: none; }
	.analysisWrapper { min-height: 100px }
	.analysisWrapper img { width:100%; }
	#mainLogo {
		width: 200px;
		height: 200px;
		position: relative;
		margin: 30px auto;
		background-size: 200px 200px;
	}
	.introStripe { min-height: 260px;}
}
@media only screen and (min-width: 479px) and (max-width: 639px){
	#introLastArticles { display: none; }
	.relatedArtwork { margin: 7px !important;}
	.introArticle { width: 46%; }
	.presentationText { width: 100%; }
	.analysisWrapper { min-height: 100px }
	.smallScreen { display: block; }
	.bigScreen { display: none; }
	.articleTitleWrapperList { width: 360px; }
	#mainWrapper { width: 460px; }
	h1#smallTitle {
		position: static;
		display: inline-block;
		margin-right: 20px;
		line-height: 30px;
	}
	.analysisPointsWrapper { display: none; }
	.analysisImagesWrapper { width: 100%; }
	.analysisImagesWrapper:not(.zoomed)::before {}
	.analysisImagesWrapper:not(.zoomed)::before {
		content: '';
		background: rgba(100,100,100,0.5);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
	}
	.analysisImagesWrapper:not(.zoomed)::after {
	}
	.analysisImagesWrapper:not(.zoomed)::after {
		content: '+';
		font-size: 70px;
		font-weight: bold;
		color: white;
		text-align: center;
		position:relative;
		top:50%;
		left: 0;
		margin-top:-50px;
		width: 100%;
		height: 100px;
		position: absolute;
		margin: 0 auto;
	}
	.analysisLine { display: none; }
	.zoomHolder { display: none; }
	.analysisWrapper img { width:100%; }
	#mainLogo {
		width: 200px;
		height: 200px;
		position: relative;
		margin: 30px auto;
		background-size: 200px 200px;
	}
	.introStripe { min-height: 260px;}
}
@media only screen and (min-width: 640px){
	#mainWrapper {
		width: 620px;
	}
	.smallScreen {
		display: none;
	}
	.bigScreen {
		display: block;
	}
}
@media only screen and (min-width: 767px){
	#mainWrapper {
		width: 740px;
	}
	#mainMenu li {
		margin-left: 20px;
	}
	.leftColumn, .rightColumn {
		width: 62.5%;
		float: none;
		margin: auto;
	}
	h1#smallTitle {
		left: -70px;	
	}
}
@media only screen and (min-width: 1023px){
	#mainWrapper, #experimentComments {
		width: 980px;
	}

	h1#smallTitle {
		left: -100px;	
	}
}

.artwork {
	background: white;
}

.artworkLevelsMenu {
	list-style: none;
	width: 100%;
	height: 46px;
	border-bottom: 2px solid rgb(255, 215, 68);
}
.artworkLevelsMenu li {
	float: left;
	width: auto;
	padding: 10px 20px;
	text-transform: uppercase;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
}
.artworkLevelsMenu li.active {
	background: rgb(255, 215, 68);
}
.zoomHolder {
	position: absolute;
	top: 20px;
	right: 20px;
	height: 150px;
	width: 20px;
	background: rgba(200,200,200,0.3);
}
.zoomPin {
	position: absolute;
	top: 50px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: rgba(255, 215, 68, 0.5);
	cursor: pointer;
}
.zoomPin::after {}
.zoomPin::after{
	content: '';
	width: 60px;
	height: 40px;
	position: absolute;
	top: -10px;
	left: -10px;
	background: rgba(0,0,0,0);
}
.zoomButton {
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin: 0;
	z-index: 2;
}
.zoomButton.zoomMore {
	top: 130px;
}
.zoomButton:hover {
	background: rgba(255, 215, 68, 0.5);
	cursor: pointer;
}
.zoomSlider {
	position: absolute;
	top: 20px;
	height: 110px;
	width: 20px;
	z-index: 1;
}
.noSelection {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#countdown {
	height: 30px;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 1px solid black;
	display: none
}
.regular {
	font-family: 'Titillium';
}
.black {
	font-family: 'TitilliumBd';
}
iframe { vertical-align:bottom; }

.singleShadow .svgMaskAddStroke {
	fill: none;
	stroke: orange;
	opacity: 0;
	cursor: help;
}
.singleShadow .svgMaskRemoveStroke {
	display: none
}
.svgMaskBkg {
	fill: #666;
}
.svgMaskAddStroke {
	fill: none;
	stroke: #fff;
	stroke-linecap:round;
	stroke-linejoin: round;
}
.svgMaskRemoveStroke {
	fill: none;
	stroke: #666;
	stroke-linecap:round;
	stroke-linejoin: round;
}
.svgDrawStroke {
	stroke-width: 5;
	stroke: rgb(255,215,68);
	fill: none;
}
#homeMap {

}
.map, .timeline {
	position: relative;
	width: 100%;
}
.openMap {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -100px;
	height: 30px;
	width: 200px;
	line-height: 28px;
	background: #fecf43;
	text-align: center;
	text-transform: uppercase;
	z-index: 10;
	font-size: 14px;
	cursor: pointer;
}
.map {
	border-top: 2px solid #fecf43;
	height: 120px;
}
.bigMap {
	height: 400px;
}
/*
.bigTimeline {
	height: 200px;
}*/
.timelineSpan {
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 5px solid black;
	position: absolute;
}
.timelineYearLabel {
	position: absolute;
	bottom: 0;
}
.timelineColumn {
	position: absolute;
	height: 100%;
}
.even {
	background: #eee;
}
.odd {
	background: #ccc;
}







.timelineHeader {
	position: relative;
	width: 100%;
	height: 50px;
	cursor: -webkit-zoom-in; 
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.timelineHeaderEvent {
	height: 1px;
	background: black;
	position: absolute;
	z-index: 2;
}
.timelineHeaderColumn, .timelineHeaderColumnLine {
	position: absolute;
	height: 30px;
	bottom: 0;
}
.timelineHeaderColumnLine {
	border-left: 1px solid black;
	z-index: 10;
}

.even {
	background: #f5f5f5;
}
.odd {
	background: #fff5df;
}
.timelineHeaderCenturyLabel {
	border-left: 1px solid black;
	height: 20px;
	font-size: 14px;
	line-height: 14px;
	position: relative;
	bottom: 20px;
	left: 0px;
	padding-left: 2px;
}
.timelineHeaderRange {
	position: absolute;
	bottom: -20px;
	height: 50px;
	z-index: 1;
	background: #fecf43;
}
.timelineBodyWrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 300px;
	margin-top: 20px;
}
.timelineBodyTitle {
	width: 100%;
	height: 30px;
	line-height: 28px;
	background: #fecf43;
	padding-left: 10px;
}
.timelineBody {
	height: 270px;
	position: relative;
	left: 0;
}
.timelineBodyColumn {
	height: 100%;
	position: absolute;
	cursor: ew-resize;
}
.timelineBodyColumn.even {
	background: #fff;
}
.timelineBodyCenturyLabel {
	margin-top: 10px;
	font-size: 14px;
	position: absolute;
	z-index: 3;
	margin-left: 2px;
}
.timelineBodyYearLabel {
	font-size: 12px;
	margin-left: 2px;
}
.timelineBodyEvent.lifeTime,
.timelineBodyEvent.activityTime,
.timelineBodyEvent.executionTime {
	position: absolute;
	padding-top: 1px;
	background: #9c9e9f;
	cursor: pointer;
	border: 5px solid transparent;
	background-clip: padding-box;
}
.timelineBodyEvent.lifeTime::before,
.timelineBodyEvent.activityTime::before,
.timelineBodyEvent.executionTime::before,
.timelineBodyEvent.lifeTime::after,
.timelineBodyEvent.activityTime::after,
.timelineBodyEvent.executionTime::after {
	content: '';
	position: absolute;
	top: -8px;
	right: -8px;
	width: 16px;
	height: 16px;
	background: #FFF;
	border: 1px solid #9C9E9F;
}
.timelineBodyEvent.lifeTime::after,
.timelineBodyEvent.activityTime::after
.timelineBodyEvent.executionTime::after {
	right: auto;
	left: -9px;
	background: #9c9e9f;
}
.timelineBodyEvent.lifeTime::before,
.timelineBodyEvent.lifeTime::after {
	border-radius: 16px;
}
.timelineBodyEvent:hover, .timelineBodyEvent.current {
	background-color: #fecf43;
}
.timelineBodyEvent:hover::before,
.timelineBodyEvent:hover::after,
.timelineBodyEvent.current::before,
.timelineBodyEvent.current::after {
	border-color: #fecf43;
}
.timelineBodyEvent:hover::after,
.timelineBodyEvent.current::after {
	background-color: #fecf43;
}
.centuryColumn {
	border-left: 1px solid black;
}
.timelineBodyEventLabel {
	position: absolute;
	margin-left: 15px;
	margin-bottom: -8px;
	font-size: 14px;
	cursor: pointer;
}

.ontologyPreview {
	position: absolute;
	padding: 20px;
	width: 300px;
	min-height: 50px;
	background: #fff5df;
	-webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.75);
	-ie-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.75);
	-o-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.75);
	box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.75);
	z-index: 10;
}
.ontologyPreview h1 {
	width: 250px;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 5px;
	margin-top: 0;
}
.ontologyPreview h2 {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 10px;
	font-style: italic;
}
.ontologyPreview h4 {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 8px;
}
a.ontology {
	color: #916f2d;
	text-decoration: none;
}
.closeOntologyPreview, .hideOverlay {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 32px;
	height: 32px;
	line-height: 30px;
	text-align: center;
	background: url('images/close.png');
	cursor: pointer;
}
.hideOverlay {
	top: 170px;
}
.closeTimelineBody {
	width: 32px;
	height: 20px;
	margin-right: 5px;
	line-height: 30px;
	text-align: center;
	background: 0px 25px url('images/closeArrow.png');
	cursor: pointer;
	display: inline-block;
}
.closeTimelineBody:hover {
	opacity: 0.8;
}
.button {
	border: 1px solid white;
	background: rgba(255,255,255,0.5);
	padding: 5px 10px;
	text-transform: uppercase;
	font-size: 14px;
	display: inline-block;
	margin-top: 15px;
	cursor: pointer;
}
.button:hover {
	background: white;
}
.ontologyPreviewText {
	font-size: 16px;
	line-height: 20px;
}

.relatedArtworksWrapper {
	width: 100%;
	background: #a1afcc;
	background: -moz-linear-gradient(left, #a1afcc 0%, #f29c8f 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a1afcc), color-stop(100%,#f29c8f));
	background: -webkit-linear-gradient(left, #a1afcc 0%,#f29c8f 100%);
	background: -o-linear-gradient(left, #a1afcc 0%,#f29c8f 100%);
	background: -ms-linear-gradient(left, #a1afcc 0%,#f29c8f 100%);
	background: linear-gradient(to right, #a1afcc 0%,#f29c8f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1afcc',endColorstr='#f29c8f',GradientType=1);
}
.relatedArtworksTitle, .homeBoxLabel {
	width: 100%;
	height: 30px;
	line-height: 31px;
	font-size: 14px;
	background: rgba(255,255,255,0.5);
	color: #000;
	padding-left: 20px;
	text-transform: uppercase;
}
.relatedArtworksContent {
	padding: 10px;
}
.relatedArtwork {
	width: 200px;
	height: 200px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	background-size: cover;
	background-position: center;
	margin: 10px;
}
.relatedArtworksContent a, #findResults a {
	text-decoration: none;
}
.relatedArtwork:hover .relatedArtworkDescription {
	top: 40px;
}
.relatedArtworkDescription {
	position: absolute;
	top: 170px;
	width: 100%;
	height: 170px;
	font-size: 16px;
	line-height: 20px;
	-webkit-transition: top 0.5s ease-out;
	-moz-transition: top 0.5s ease-out;
	-ie-transition: top 0.5s ease-out;
	-o-transition: top 0.5s ease-out;
	transition: top 0.5s ease-out;
	background: white;
	background: rgba(255,255,255,0.75);
}
.relatedArtworkDescriptionTitle {
	font-size: 18px;
	line-height: 22px;
	padding: 4px 10px;
	font-family:'TitilliumBd';
}
.relatedArtworkDescriptionDetails {
	font-size: 17px;
	font-family: 'Titillium';
}
.relatedArtworkDescriptionReason {
	padding: 4px 10px;
	background: #fecf43;
	background: rgba(254, 207, 67, 0.75);
	height: 150px;
}
.imageCredits, .textCredits {
	margin: 10px 0;
	font-size: 14px;
}
#findResults {
	margin: 5px;
}
#findBar {
	padding: 20px;
}
#findBar input,#password {
	width: 100%;
	line-height: 35px;
	text-align: center;
	font-size: 28px;
	font-family: 'Titillium';
	border: 0;
	outline: none;
	color: gray;
	background: rgba(255,255,255,0.5);
}
#findBar input:focus,#password:focus {
	color: black;
	background: #fff
}
#homeTimeline {
	background: white;
	padding: 20px;
	padding-bottom: 0;
}
#homeMap {
	padding: 20px;
	padding-top: 0;
}

#claimBar {
	font-size: 22px;
	line-height: 26px;
	padding: 20px;
	background: rgba(0,0,0,0.75);
	text-align: center;
	font-family: 'Titillium';
	font-style: italic;
	color: white;
}

#feedbackBtn {
	position: fixed;
	right: 0;
	bottom: 0;
	background: black;
	background: #fecf43;
	color: black;
	font-size: 14px;
	line-height: 18px;
	padding: 5px 10px;
	cursor: pointer;
	text-transform: uppercase;
	z-index: 20;
}
#feedbackWindow {
	width: 300px;
	position: fixed;
	bottom: 28px;
	right: 0;
	background: black;
	padding: 20px;
	background: rgba(0,0,0,0.75);
	display: none;
	color: white;
	z-index: 20;
}
#feedbackWindow.opened {
	display: block;
}
#feedbackWindow textarea, #feedbackWindow input[type="text"] {
	border: 0;
	background: white;
	background: rgba(255,255,255,0.95);
	font-family: 'Titillium';
	font-size: 16px;
	line-height: 20px;
	width: 100%;
	padding: 2px 5px;
	color: black;
}
#feedbackWindow textarea {
	height: 200px;
	margin-bottom: 5px
}
#feedbackWindow input[type="text"] {
	height: 25px;
	line-height: 19px;
	margin-bottom: 10px
}
#feedbackWindow .button {
	margin-top: 2px;
}
#feedbackWindow textarea:focus, #feedbackWindow input:focus {
	background: white;
}
#feedbackWindow span {
	font-size: 16px;
	cursor: pointer;
}
span.toggleFeedback {
	text-decoration: underline;
}

#mainMenu {
	width: 100%;
	height: 50px;
	line-height: 45px;
	background: white;
	opacity: 0.95;
	position: relative;
	text-align: right;
	border-bottom: 1px solid black;
}
#mainMenu a {
	text-decoration: none;
	text-transform: uppercase;
	padding-bottom: 10px;
	font-size: 16px
}
a#mainMenuTitle {
	position: absolute;
	left: 20px;
	top: 14px;
	font-family: 'TitilliumBd';
	font-size: 18px;
	cursor: pointer;
}
#mainMenuTitle sup {
	font-family: 'Titillium';
	font-size: 12px;
	background: #fecf43;
	padding: 1px 3px;
	text-transform: uppercase;
}
#homeTimeline .homeBoxLabel {
	background: white;
	margin-left: 0;
	padding: 0;
}

#mobileMenu select,
select.smallScreen {
	font-size: 20px;
	height: 40px;
	line-height: 30px;
	-webkit-appearance: none;
	background: #fecf43;
	border-radius: 0;
	font-family: 'Titillium';
	padding: 0 15px 0 5px;
	margin: 0;
	width: auto;
	background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
	background-repeat: no-repeat;
	background-position: right center;
	border: 0;
}
select[name="mobileMainMenu"] {
	background-color: white;
	position: relative;
	float: right;
}
.analysisImagesWrapper {
	-webkit-transition: margin-top .5s ease-out;
	-moz-transition: margin-top .5s ease-out;
	-ie-transition: margin-top .5s ease-out;
	-o-transition: margin-top .5s ease-out;
	transition: margin-top .5s ease-out;
}
.markerWindowPlace {
	font-family: 'TitilliumSb';
	font-size: 14px;
	line-height: 18px;
	padding: 4px 6px 0 4px;
}
.markerWindowRelation {
	font-family: 'Titillium';
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	padding: 0 6px;
}
.markerWindowTitle {
	font-family: 'Titillium';
	font-size: 14px;
	line-height: 18px;
	padding: 0 6px 4px 6px;
}
.markerWindowDetails {
	font-family: 'Titillium';
	font-size: 12px;
	line-height: 14px;	
}
.ontologyAlias {
	margin-bottom: 5px;
}
.ontologyYear {
	margin-bottom: 20px;
}
#nda {
    font-style: normal;
    text-align: left;
    font-size: 18px;
    background: rgba(255,255,255,0.5);
    padding: 20px;
	display: none;
}
#nda h3 {
	text-align: center;
}
#nda.opened {
	display: block;
}
#claimBar a {
	color: white;
}

#claimBar .button {
	font-size: 14px;
	background: transparent;
	border: 0;
	width: 25%;
	height: 45px;
	margin: 0px auto;
	line-height: 35px;
	background: #fecf43;
}
#claimBar .button:hover {
	opacity: 0.9;
}
#password {
	background: white;
	height: 40px;
}

#mainMenuTitle span {
	text-transform: none;
	font-weight: normal;
	font-family: "Titillium";
}