/*  **  gubb-mkVI -- displaySite.css  **  */

.displayBox {
	clear:both;
	position:relative;
	top:100px;
	margin:auto;
	border:1px solid #0f0;
	transform-style: preserve-3d;
}

.displayBox::before {
	position:relative;
	content:'North';
	top:-50px;
	left:46%;
	text-align:center;
	transform: rotateX(90deg);
}

.down150 {
	margin-top:150px;
}


.agArtDemo {
	position:relative;
	left:20px;
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:50%;
	background-color:#fff;
	box-shadow:0px 0px 20px 5px yellow, inset -5px 0px 5px #777;
	opacity:1;
}

.agExDemo {
	position:relative;
	left:20px;
	width:15px;
	height:15px;
	background-color:#0f0;
	border: 5px solid #fff;
	display:inline-block;

}

.agArtifact {
	position:relative;
	width:30px;
	height:30px;
	border-radius:50%;
	background-color:#fff;
	box-shadow:0px 0px 20px 5px yellow, inset -5px 0px 5px #777;
	opacity:1;
	transform-style: preserve-3d;
}

.agArtifact::before {
	position:absolute;
	display:inline-block;
	content:'';
	width:30px;
	height:30px;
	border-radius:50%;
	background-color:#fff;
	box-shadow:0px 0px 20px 5px yellow, inset -5px 0px 5px #777;
	opacity:1;
	transform: rotateY(90deg);
}

.agArtifact::after {
	position:absolute;
	top:0px;
	display:inline-block;
	content:'';
	width:30px;
	height:30px;
	border-radius:50%;
	background-color:#fff;
	box-shadow:0px 0px 20px 5px yellow, inset -5px 0px 5px #777;
	opacity:1;
	transform: rotateX(90deg);
}

.agArtifact:hover {
	background-color:#00f;
}

.desc {
	background-color:#000;
	border:1px solid #c0c0c0;
	padding:15px;
	position:relative;
	left:-100px;
}

.agaImg {
	position:relative;
	left:50px;
	top:-100px;
	border:2px solid #000;
	display:inline-block;
	transform-style: preserve-3d;
}

.exCav {
	position:relative;
	background-color:#0f0;
	border: 5px solid #fff;
	display:block;
	box-shadow:0 0 10px 6px #000;
	transform-style: preserve-3d;
}

.exCode {
	background-color:#000;
	border:1px solid #c0c0c0;
	padding:10px;
	position:relative;
}