/* SRDv2 Case Study CSS      */
/* Shannon Rose Design */

/* Case Study Landing Page */
#historyNavigation { width: 94px; float: left; display: inline; margin: 0 25px 0 137px; }
#historyNavigation img { margin: 0 0 5px; width: 94px; height: 93px; }
#historyNavigation ul li {
	margin: 10px 0 0;
}
#historyNavigation ul li a {
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	font-size: 8px;
	line-height: 12px;
	letter-spacing: 0.05em;
	font-weight: bold;
	color: #4f6e8d;
}
#historyNavigation ul li a:hover, #historyNavigation ul li a.selectedEra { color: #fff; }
#historyWrap {
	width: 687px;
	float: left;
	display: inline;
	height: 459px;
	padding: 0 0 0 25px;
	position: relative;
	z-index: 2;
	border-left: 1px solid #474747;
}
#historyContent {
	height: 459px;
	width: 687px;
	background-color: #222;
}
.historyHeader { height: 50px; width: 655px; margin: 0 16px; border-bottom: 1px solid #464646; }
.historyTitle { width: 655px; margin: 0 0 0 16px; }
.historyHeader p { font-size: 13px; line-height: 17px; color: #fff; padding: 15px 0 0; }
.historyHeader p img { font-size: 2px; line-height: 4px; margin: 0 10px -5px 0; }
.historyHeader h3 { font-size: 14px; line-height: 19px; color: #929292; padding: 15px 0 0; }
.historyHeader h3 strong { color: #fff; font-weight: normal; }

/* History slide out */
#slideWrap {
	width: 687px;
	float: right;
	display: none;
	height: 459px;
	position: relative;
	z-index: 10;
	margin: -459px 5px 0 0;
	background-color: #222;
}
#slideContentWrap { width: 687px; overflow: hidden; }
#slideContent {
	float: left;
	display: inline;
	width: 2061px;
	height: 405px;
	margin: 0 0 0 -687px;
}
.slideDetail { float: left; display: inline; height: 405px; width: 687px; }
.slideContentLeft { float: left; display: inline; width: 337px; height: 385px; margin: 20px 36px 0 16px; }
.slideContentLeft h1 { margin: 0 0 5px; font-size: 18px; line-height: 22px; font-weight: normal; color: #fff!important; }
/*.slideContentLeft h1.flash-replaced { margin: 0 0 5px -4px; }*/
.slideContentLeft h2 { font-size: 19px; line-height: 22px; font-weight: normal; margin: 0 0 5px; color: #adadad!important; }
/*.slideContentLeft h2.flash-replaced { margin: 0 0 0 -4px; }*/
/*.slideDetail h2 { color: #e2e2e2; font-size: 18px; line-height: 22px; margin: 0 0 15px; }*/
.slideDetail p { color: #8e8e8e; }
.slideContentLeft a { color: #4f6e8d; text-decoration: none; }
.slideContentLeft a:hover { color: #fff; }
.slideContentRight { float: left; display: inline; width: 282px; height: 385px; margin: 20px 0 0; text-align: right; }

p.navArrows { background-color: #222; width: 120px; height: 31px; position: relative; left: 0; margin: -35px 0 4px; font-size: 12px; line-height: 31px; text-align: center; color: #929292; }
p.navArrows a { float: left; display: inline; width: 12px; height: 21px; margin: 5px 0 0; }
p.navArrows a em { display: none; }
p.navArrows span.historyPagination { float: left; display: inline; width: 74px; padding: 1px 0 0; }
p.navArrows a.scrollLeft { background: transparent url(/imgs/casestudy/caseStudyArrowLeft.png) no-repeat 0 0; margin: 5px 0 0 11px; }
p.navArrows a.scrollLeft:hover { background: transparent url(/imgs/casestudy/caseStudyArrowLeftOver.png) no-repeat 0 0; }
p.navArrows a.scrollRight { background: transparent url(/imgs/casestudy/caseStudyArrowRight.png) no-repeat 0 0; }
p.navArrows a.scrollRight:hover { background: transparent url(/imgs/casestudy/caseStudyArrowRightOver.png) no-repeat 0 0; }

div#loadingGraphic {
	padding: 10px 0;
	left: 250px;
	position: relative;
	top: -225px;
	width: 215px;
	z-index: 10;
	display: none;
	text-align: center;
}
#loadingGraphic img { margin: 0 5px 5px 0; position: relative; }
#loadingGraphic p {
	color: #fff;
	margin: 0;
}
.noShow { visibility: hidden!important; }