/* @override http://keystone.imagebox.com/wp-content/themes/keystone-v1/css/slider.css */

/* @override http://keystone.marketing-pittsburgh.com/wp-content/themes/keystone-v1/css/slider.css */

/* @override http://keystone.imagebox.com/wp-content/themes/keystone-v1/css/slider.css */

body {
	font-family: Arial, Helvetica, Sans-serif;
}
img { max-width: 100%; height: auto; }
#slideshow-wrapper {
/* 	margin: 30px auto; */
	position: relative;
	width: 940px;
	height: 375px;
	z-index: 100;
}

/*#slideshow-border {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 150;
	width: 921px;
	height: 355px;
	background: url(../images/slider-border.png) no-repeat;
}*/

.slideshow { height: 375px; width: 940px; position: relative; z-index: 100; background: url(../images/slidebg.png) no-repeat; }

.slideshow div img { position: absolute; top: 0; }

#slideshow-wrapper ul#sliderNav {
	overflow: hidden;
	z-index: 500;
	width: 920px; margin: auto;
	position: relative; top: 308px;
}

#slideshow-wrapper ul#sliderNav li { display: inline; }

#slideshow-wrapper ul#sliderNav li a {
	text-decoration: none;
	background: url(../images/bg-drkbrown.png) repeat;
	color: #F6E3C4;
	font-weight: bold;
	font-size: 21px;
	padding: 15px 0;
	display: block;
	float: left;
	text-align: center;
	width: 153px;
	border-right: 1px dotted #F1D5A6;
}

#slideshow-wrapper ul#sliderNav li.first a { position: relative; left: 1px; }

#slideshow-wrapper ul#sliderNav li.last a { border: none; width: 150px; }

#slideshow-wrapper ul#sliderNav li a:hover,
#slideshow-wrapper ul#sliderNav li.activeSlide a { background: url(../images/bg-ltbrown.png) repeat; }


.slideshow div h1,
.slideshow div p {
	z-index: 900;
	position: relative;
	top: 50px;
	left: 50px;
}

.slideshow div h1 {
	-moz-text-shadow: 0px 0px 30px #020102;
  	-webkit-text-shadow: 0px 0px 30px #020102;
  	text-shadow: 0px 0px 30px #020102;
	width: 390px;
	color: #FCEFD9;
	font-size: 76px;
	line-height: 65px;
	margin: 0 0 10px 0;
	font-weight: bold;
}

.slideshow div p {
	-moz-text-shadow: 0px 0px 30px #020102;
  	-webkit-text-shadow: 0px 0px 30px #020102;
  	text-shadow: 0px 0px 30px #020102;
	left: 55px;
	width: 590px;
	color: #E3CCAA;
	font-size: 17px;
	line-height: 20px;
	font-weight: bold;
}

.slideshow div p a.slide-learnmore {
	z-index: 600;
	position: relative;
	top: 10px;
	z-index: 600 !important;
	background: url(../images/slide-learnmore.png) no-repeat;
	width: 104px;
	height: 25px;
	display: block;
	text-indent: -123456px;
	
}