/* ============================================================================
History Page 
============================================================================ */




/******** History Styles ********/
.history-top-container {
	position:relative;
	z-index:2;
}
.history-top-inner, .history-bottom-inner {
	position:relative;
	float:left;
}
.history-bottom-container {
	position:relative;
	float:left;
	width:100%;
	margin-top:-25px;
	padding-top:60px;
	border-top:1px solid #c7c1ba;
	background:url('../images/history-timeline-btm-pxl.png') #FFF left top repeat-x;
	z-index:1;
}
.history-bottom-circle-detail {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:360px;
	background:url('../images/history-timeline-bg-circles.png') transparent 0 0 no-repeat;
	z-index:1;
}
.history-bottom-inner {
	position:relative;
	margin-bottom:40px;
	min-height:250px;
	z-index:2;
}
.history-top-copy {
	float:left;
	padding-bottom:20px;
	margin-bottom:40px;
	background:url('../images/divider-brown.png') transparent left bottom repeat-x;
}
.history-top-copy h1 {
	padding-bottom:15px;
}
.history-bottom-icon-container {
	position:relative;
	float:left;
	width:100%;
}
/* Timeline */
.history-top-timeline {
	position:relative;
	width:100%;
	height:120px;
	overflow:hidden;
}
.history-timeline-logo {
	position:relative;
	float:left;
	width:170px;
	height:97px;
	margin-bottom:29px;
	z-index:2;
}
.history-timeline-logo img {
	padding:20px 0 0 20px;
	width:118px;
}
.history-timeline-constraints {
	position:absolute;
	height:100px;
	z-index:1;
}
.history-timeline-controller {
	position:absolute;
	height:100px;
	z-index:1;
}
/*.history-timeline-item {
	float:left;
	height:53px;
	padding:0 20px 46px 12px;
	cursor:pointer;
	background:url('../images/history-timeline-divider.png') transparent left bottom no-repeat;
}
.history-timeline-help {
	background:none;
}*/
.history-timeline-item {
	float:left;
	height:53px;
	width:210px;
	padding:0 0 46px 12px;
	cursor:pointer;
	background:url('../images/history-timeline-divider.png') transparent left bottom no-repeat;
}
.history-timeline-help {
	background:none;
	width:320px;
	padding-left:10px;
}
.history-timeline-click-drag {
	float:left;
	color:#649CBF;
	padding-top:32px;
	font-size:16px!important;
	line-height:20px!important;
}
.history-timeline-item .timelineItemOpacity {
	opacity:0.4;
	filter:alpha(opacity=40);
}
.timelineItemActive .timelineItemOpacity, .timelineItemHover .timelineItemOpacity {
	opacity:1;
	filter:alpha(opacity=100);
}
.history-timeline-item-date {
	color:#9fa499;
	font-family:times;
	font-size:32px!important;
	line-height:28px!important;
}
.history-timeline-item-copy {
	color:#649cbf;
	font-size:18px!important;
	line-height:20px!important;
	margin-top:2px;
	width:180px;
}
.history-timeline-item-dot {
	position:absolute;
	bottom:-3px;
	margin-left:-15px;
	width:15px;
	height:15px;
	background:url('../images/history-timeline-active-dot.png') transparent 0 0 no-repeat;
	display:none;
}
.timelineItemActive .history-timeline-item-dot {
	display:block;
}
.history-timeline-years {
	position:absolute;
	width:100%;
	bottom:-14px;
	margin-left:-7px;
}
.timeline-year {
	float:left;
	background:url('../images/history-timeline-year-detail.png') transparent center top no-repeat;
	padding-top:7px;
	margin-right:152px;
	font-size:11px;
	color:#46321b;
}
.history-timeline-back-start {
	position:absolute;
	top:30px;
	margin-left:200px;
	width:200px;
}
/* Content Slider */
.history-slider {
	position:relative;
	float:left;
	width:100%;
}
.history-slider-nav {
	position:relative;
	float:left;
	width:100%;
	font-size:12px!important;
	font-family:'open_sansregular';
	margin-bottom:20px;
	display:none;
}
.history-nav-bottom {
	margin:20px 0 0 0;
}
.history-slider-next {
	float:right;
}
.history-slider-prev {
	float:left;
}
.history-slider-nav-arrow {
	width:58px;
	height:50px;
	background:url('../images/circle-nav-arrows.png') transparent 0 0 no-repeat;
}
.history-slider-next .history-slider-nav-arrow {
	background-position:0 0;
}
.history-slider-next .history-slider-nav-arrow:hover {
	background-position:0 -100px;
}
.history-slider-next .history-slider-nav-arrow:active {
	background-position:0 -200px;
}
.history-slider-prev .history-slider-nav-arrow {
	background-position:-100px 0;
}
.history-slider-prev .history-slider-nav-arrow:hover {
	background-position:-100px -100px;
}
.history-slider-prev .history-slider-nav-arrow:active {
	background-position:-100px -200px;
}
.history-slider-nav-arrow-date {
	position:absolute;
	color:#46321b;
}
.history-slider-nav-arrow-title {
	position:absolute;
	top:26px;
	max-width:44%;
	text-transform:uppercase;
	color:#639cc0;
}
.history-slider-next .history-slider-nav-arrow-date,
.history-slider-next .history-slider-nav-arrow-title {
	right:58px;
	text-align:right;
}
.history-slider-prev .history-slider-nav-arrow-date,
.history-slider-prev .history-slider-nav-arrow-title {
	left:58px;
	text-align:left;
}
.history-slider-controller {
	float:left;
	width:100%;
}
.history-slider-item {
	position:relative;
	float:left;
	width:100%;
	min-height:200px;
	color:#46321a;
	overflow:hidden;
	padding-bottom:20px;
	display:none;
	background:url('../images/divider-brown.png') transparent left bottom repeat-x;
}
.history-slider-item-middle {
	float:left;
	position:relative;
}
.history-slider-item-inner {
	position:relative;
}
.history-slider-item p {
	margin-bottom:20px;
}
p.historyShortDescription {font-size:0.875em}
.historyReadMore {font-size:0.8125em;font-family:'open_sansregular';}
.history-slider-item h2 {
	font-size:24px;
/*	margin-bottom:22px;*/
	margin:0;
}
.history-slider-item h1 {
	font-size:35px;
	color:#649cbf;
     	/*margin:22px 0 18px;*/
	margin:22px 0 0;
	padding:0;
}
.history-slider-view-1, .history-slider-view-2 {
	position:relative;
	float:left;
	width:100%;
}
.history-slider-view-1 .history-slider-item-left {
	float:left;
}
.history-slider-view-2 {
	display:none;
}
.history-slider-item-right {
	float:left;
}
.history-left-shadow-box {
	float:left;
}
.toolTipArrowShadow {
	position:absolute;
	width:80px;
	padding:10px;
	margin:6px auto 0;
	text-align:center;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-shadow:2px 2px 4px 0px #46321b;
	-webkit-box-shadow:2px 2px 4px 0px #46321b;
	z-index:4;
	display:none;
	background-color:#FFF;
	behavior: url(/pie/PIE.htc);
}
.toolTipArrowShadowDetail {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:9px;
	margin-top:-9px;
	background:url(images/history-tooltip-arrow.png) transparent center top no-repeat;
	z-index:5;
}
.imageDropShadow {
	box-shadow:3px 3px 6px 0px #cdcdcd;
	-webkit-box-shadow:3px 3px 6px 0px #cdcdcd;
	behavior: url(/pie/PIE.htc);
}
.circleIconNoShadow, .circleIconShadow {
	-webkit-border-radius:200px;
	border-radius:200px;
	behavior: url(/pie/PIE.htc);
}
.circleIconShadow {
	box-shadow:3px 3px 6px 0px #cdcdcd;
	-webkit-box-shadow:3px 3px 6px 0px #cdcdcd;
	behavior: url(/pie/PIE.htc);
}
.shadowBorderContainer {
	float:left;
	margin-bottom:20px;
	background:url('../images/box-shadow-left.png') transparent left top no-repeat;
}
.shadowBorderContainer, .shadowBorderBL {
	background:url('../images/box-shadow-left.png') transparent left top no-repeat;
}
.shadowBorderInner {
	position:relative;
	float:left;
	width:100%;
	min-height:260px;
}
.shadowBorderInner, .shadowBorderBR {
	background:url('../images/box-shadow-right.png') transparent right top no-repeat;
}
.shadowBorderBL {
	position:absolute;
	bottom:0;
	width:100%;
	height:40px;
	background-position:bottom left;
	z-index:2;
}
.shadowBorderBR {
	float:right;
	height:40px;
	width:17px;
	background-position:bottom left;
}
.shadowBorderContent {
	position:relative;
	padding:10px 48px;
	min-height:100px;
	text-align:left;
	z-index:3;
}
.content-list-bullets {
	list-style:outside none;
	list-style-image: url(images/list-bullets.png);
	vertical-align:middle;
	padding-left:10px;
	margin:0 0 20px 8px;
	line-height:130%;
}
.content-list-bullet-item {
	margin-top:15px;
}
.history-view-2-close {
	position:absolute;
	right:50px;
	top:5px;
	font-size:14px;
	text-transform:uppercase;
	cursor:pointer;
}
.history-view-2-close a {
	color:#649cbf;
	font-family:'open_sansregular';
}
.history-slider-view-2 .history-circle-icon {
	text-align:center;
}
.history-slider-view-1 .history-circle-icon {
	float:left;
	max-width:100px;
}
.history-circle-icon img {
	width:100%;
	margin-bottom:5px;
}
.circleIconHover {
}


.history-bottom-icon-container-outer { 
	overflow: hidden;
	position: relative;
	margin-bottom:40px;
}
.history-bottom-icon-container-middle {
	float: left;
	position:relative;
	left:50%;
}
.history-bottom-icon-container-inner {
	position:relative;
	left:-50%;
} 


.history-bottom-btn-icon {
	position:relative;
	float:left;
	margin:0;
	width:28%;
	max-width:250px;
	-webkit-border-radius:200px;
	border-radius:200px;
	behavior: url(/pie/PIE.htc);
	overflow:hidden;
	cursor:pointer;
}
.history-bottom-btn-left {
	margin-left:3%;
}
.history-bottom-btn-middle {
	margin:0 4%;
}
.history-bottom-btn-right {
	margin-right:3%;
}
.history-bottom-btn-icon img {
	float:left;
	width:100%;
}
.history-bottom-btn-hover {
	position:absolute;
	width:100%;
	height:100%;
	z-index:2;
	display:none;
}
.history-bottom-btn-icon.hoverActive .history-bottom-btn-hover {
	display:block;
}
.history-bottom-btn-text {
	position:absolute;
	font-size:1.125em;
	line-height:1.23em;
	font-family:'open_sansregular';
	width:100%;
	text-transform:uppercase;
	color:#FFF;
	text-align:center;
	z-index:2;
}
.history-bottom-btn-text div {
	/*margin-bottom:25px;*/
}
.history-bottom-btn-date {
	/*border-top:1px solid #FFF;
	padding-top:13px;*/
	text-transform:none;
	font-family:Georgia;
	font-style:italic;
	
}
.history-bottom-btn-text hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #FFFFFF;
    border-image: none;
    border-style: none none solid;
    border-width: 0 medium 1px;
    clear: both;
    display: block;
    font-size: 1em;
    height: 0;
    line-height: 0;
    margin: 0 auto 8px;
    max-height: 0;
    padding: 0 0 8px;
    position: relative;
    width: 34%;
}


.history-bottom-btn-tint {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
	z-index:1;
}
.history-bottom-btn-img {
	position:relative;
	z-index:1;
}
.history-btn-icon-1 {
	background:url('../images/history-bottom-icon-btn-1.png') transparent 0 0 no-repeat;
}
.history-btn-icon-2 {
	background:url('../images/history-bottom-icon-btn-2.png') transparent 0 0 no-repeat;
}
.history-btn-icon-3 {
	background:url('../images/history-bottom-icon-btn-3.png') transparent 0 0 no-repeat;
}
.important-quote-txt {
	font-style:italic;
	font-weight:bold;
}
.important-quote-txt-source {
	font-size:85%;
}

.history-circle-icon-name {font-weight:bold;}
.history-circle-icon-date {font-style:italic;font-size:13px;}

/******** Duplicate Styles ********/
/******** Duplicate Styles ********/

/* Divider lines */
.divider-line,
.grey-box-divider,
.grey-box-short-divider {
	background:url(images/divided-line-dots.png) transparent 0 0 repeat-x;
}
.divider-line {
	float:left;
	width:100%;
	height:1px;
}
.blue-dot-divider {background-position:0 -1px;}
.tan-dot-divider {background-position:0 -2px;}
.white-dot-divider {background-position:0 -3px;}
.black-dot-divider {background-position:0 -4px;}
.grey-box-short-divider {
	float:left;
	height:2px;
	width:90%;
	margin:20px 0 20px 5%;
}
/******** END Duplicate Styles ********/
/******** END Duplicate Styles ********/



/******** Responsive Styles ********/
@media (min-width:100px) {
	.history-top-copy {
		width:94%;
		margin-left:3%;
	}
	.history-top-inner, .history-bottom-inner {
		width:100%;
		margin-left:0;
	}
	.history-slider-view-1 .history-slider-item-right {
		width:auto;
	}
	.history-slider-view-1 .history-slider-item-right.important-quote-txt {
		width:auto;
	}
	.history-slider-item-middle {
		width:100%;
	}
	.history-slider-item-inner {
		float:left;
		width:94%;
		margin-left:3%;
	}
	.history-slider-view-2 .history-slider-item-left {
		float:left;
		width:auto;
	}
	.history-slider-view-1 .history-circle-icon {
		width:70px;
		margin-right:12px
	}
	.history-slider-nav-arrow-title {
		display:none;
	}
	.history-slider-nav-arrow-date {
		top:20px;
	}
	.history-slider-view-2 .history-slider-item-right {
		width:86%;
		margin-left:7%;
	}
	.history-slider-view-2 .history-circle-icon {
		float:left;
		width:70px;
		margin:0 12px 20px 0;
	}
	.history-bottom-btn-text {
		font-size:.75em;
		margin-top:23%;
	}
	.history-bottom-icon-container {
		display:none;
	}
}
@media (min-width:460px) {
	.history-slider-view-2 .history-circle-icon {
		width:80px;
		margin:0 20px 20px 0;
	}
	
}
@media (min-width:601px) {
	.history-bottom-btn-text {
		font-size:1em;
		margin-top:27%;
	}
}
@media (min-width:801px) {
	.history-top-copy {
		width:100%;
		margin-left:0;
	}
	.history-top-inner, .history-bottom-inner {
		width:90%;
		margin-left:5%;
	}
	.history-slider-view-1 .history-slider-item-right {
		width:340px;
	}
	.history-slider-view-1 .history-slider-item-right.important-quote-txt {
		width:460px;
	}
	.history-slider-item-middle {
		left:50%;
		width:auto;
	}
	.history-slider-item-inner {
		float:none;
		left:-50%;
		width:100%;
		margin-left:0;
	}
	.history-slider-view-2 .history-slider-item-left {
		width:70%;
	}
	.history-slider-view-1 .history-circle-icon {
		width:100px;
		margin-right:20px
	}
	.history-slider-nav-arrow-title {
		display:block;
	}
	.history-slider-nav-arrow-date {
		top:12px;
	}
	.history-slider-view-2 .history-slider-item-right {
		width:27%;
		margin-left:0;
	}
	.history-slider-view-2 .history-circle-icon {
		float:right;
		width:100%;
		max-width:230px;
		margin:0 0 20px 0;
	}
	.history-bottom-btn-text {
		font-size:1.20em;
		margin-top:29%;
	}
	.history-bottom-icon-container {
		display:block;
	}
	
}