#sb-slider {
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}

.shadow {
	width: 100%;
	height: 500px;
	position: relative;
	margin-top: -470px;
	background: transparent url(../images/shadow.png) no-repeat bottom center;
	background-size: 100% 40%; /* stretches it */
	z-index: -1;
	display: none;
}

.sb-description h3 {
	font-family:Georgia,serif;
	color: #770000; 
	text-shadow:1px 1px 2px #2d2d2d;
	font-variant: small-caps; 
	text-transform: none; 
	font-weight: 100; 
	margin-bottom: 0;

}

.sb-description h3 a {
	color: #ffffff;
	text-shadow: 0 1px 1px rgba(255,255,255,0.9);
}

.nav-dots {
	text-align: center;
	position: absolute;
	bottom: 15px;
	height: 10px;
	width: 100%;
	left: 0;
	display: none;
	margin-bottom: 10px;
}

.nav-dots span {
display: inline-block;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	margin: 5px;
	background: #2d2d2d;
	cursor: pointer;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.6), 
		inset 0 1px 1px rgba(0,0,0,0.1);
}

.nav-dots span.nav-dot-current {
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.6), 
		inset 0 1px 1px rgba(0,0,0,0.1), 
		inset 0 0 0 3px #2d2d2d,
		inset 0 0 0 8px #fff;
}


.nav-options span:first-child{
	background-position: -30px 0px;
	margin-right: 3px;
}

.nav-options span:hover {
	opacity: 1;
}