.navPrototype {
	/* background-image: url('prototype-bg.png');
	background-position: left bottom;
	height: 35px; */
	height: 25px;
	background-color: var(--logo-color-1);
	text-align: left;
}

.navPrototype a.link {
	/* background-image: url('prototype-link.png');
	background-position: right 50px;
	height: 35px; */
	height: 25px;
	background-color: var(--logo-color-1);
	color: #efefff;
	display: inline-block;
	padding-right: 10px;
	margin-left: 10px;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
}
.navPrototype a.link span {
	/* background-image: url('prototype-link.png');
	background-position: left 50px;
	height: 30px; */
	height: 20px;
	background-color: var(--logo-color-1);
	display: inline-block;
	padding-top: 5px;
	padding-left: 10px;
	margin-left: -10px;
}

.navPrototype a.link:hover,
.navPrototype a.link:focus,
.navPrototype a.link:active {
	/* background-position: right 100px; */
	background-color: var(--logo-color-2);
	color: #fff;
}
.navPrototype a.link:hover span,
.navPrototype a.link:focus span,
.navPrototype a.link:active span {
	/* background-position: left 100px; */
	background-color: var(--logo-color-2);
}

.navPrototype a.link.selected,
.navPrototype a.link.open {
	color: #fff;
}

.navPrototype a.link.selected:hover,
.navPrototype a.link.open:hover,
.navPrototype a.link.selected:focus,
.navPrototype a.link.open:focus,
.navPrototype a.link.selected:active,
.navPrototype a.link.open:active {
	text-shadow: 0px 0px 1px #fff;
}

.navPrototype a.link.selected, .navPrototype a.link.open {
	background-position: right 150px;
}
.navPrototype a.link.selected span, .navPrototype a.link.open span {
	background-position: left 150px;
}