body {
	background: white;
}

.container {
	background: #f5f5f5;
	color: #000;
}

.header {
	background: #999;
}

.clickable {
	cursor: pointer;
}

.searchCell {
	border-right: 4px solid #bbb;
}

.searchCell.selected {
	background: white;
}

.ptgMarker {
	background: black;
	height: 2px;
}

.ptgMarker.selected {
	background: white;
}

.thumbnail {
	border: 4px solid #000;
}

.thumbnailtitle {
	font-size: 15px;
}

.mainPaintingImage {
	border: 4px solid black;
}

#leftNav {
	position: absolute;
	width: 20%;
	height: 100%;
	left: 0px;
	top: 0px;
	bottom: 0px;
	border: 0px solid black;
	background-image: url('../images/arrow-left-small.png');
	background-position: center;
	background-repeat: no-repeat;
}

#rightNav {
	position: absolute;
	width: 20%;
	height: 100%;
	right: 0px;
	top: 0px;
	bottom: 0px;
	border: 0px solid green;
	background-image: url('../images/arrow-right-small.png');
	background-position: center;
	background-repeat: no-repeat;
}

.sold {
	color: #bb0000;
	font-weight: bold;
}

a {
	color: black;
}

@media (orientation: landscape) {
	.mainPaintingImage {
		height: 100%;
	}
}

@media (orientation: portrait) {
	.mainPaintingImage {
		width: 100%;
	}
}