﻿#mainimg {
	width:100%;
	height: 463px;
	position: absolute;
	z-index: 900;
	overflow: hidden;
}
div.slideshow-outside-container { 
	position:relative; 
	height: 100%;
	width: 100%;;
}
#slideshow-container { 
	text-indent: -5000px;
}
#slideshow-container table {
	margin-left: -1000px;
}
#slideshow-container img, .slides { 
	display:none; 
	position:absolute; 
	width: 100%;
	height: 100%;
	top:0; 
	left:0; 
	z-index:1; 
	border-width: 0px ;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: top center;
}
#slideshow-container-controls {
	position: absolute;
	margin: 0 0 0 0;
	height: 30px;
	left: 50%;
	top: 340px;
	z-index: 1050;
	margin-left: -50px;
}
#slideshow-container-controls div {
	cursor:pointer;
	height: 18px;
	width: 18px;
	float:left;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	overflow:hidden;
}
#slideshow-container-controls div img {
	display: none;
}
#slideshow-container-controls div a {  
	display: block;
	height: 15px;
	width: 15px; 
	overflow:hidden;
	background: rgba(255,255,255,.53);
	border-radius: 50%;
	margin-top: 1px;
}
.desktop #slideshow-container-controls div a:hover {
	background: #b5121b;
}
#slideshow-container-controls div.toc-active a {
	background: rgba(255, 255, 255, 0);
	border: 1px #FFFFFF solid;
	margin-top: 0;
}
.numeric-index {
	display:none;
}
/*------Slideshow caption ---------*/
#caption-container {
	position:absolute;
	left: 50%;
	top: 12%;
	width: 600px;
	height: 240px;
	text-indent:0;
	overflow:hidden;
	margin-left: -590px;
	display:block;
	z-index: 1020;
	padding: 0;
}
#caption-container td.rev{
	background: transparent;
}
#caption-container div.caption {
	position:absolute;
	left: -650px;
	margin: 0;
	padding: 5px 10px 0 10px;
	overflow:hidden;
	color:#333333;
	font-size: 20px;
	line-height: 23px;
	font-family: 'Roboto Light';
}
.rgba #caption-container div.caption {
}
.captionInActive {
	left:-1000px;
	max-width: 525px;/*keeps caption from changing during transition*/
}
.captionActive {
	left: 0px;
}
#caption-container p:first-child {
    display:none;   
}
#caption-container div.caption h2 {
	position: relative;
	font-size: 30px;
	line-height: 35px;
	color: #FFF;
	margin: 0;
	padding: 0;
	font-family: 'PT Serif';
	font-weight: normal;
	letter-spacing: -1px;
}
#caption-container div.caption h2+h2 {
	position: relative;
	font-size: 55px;
	line-height: 57px;
	color: #FFF;
	margin: 0 0 5px 0;
	padding: 0;
	font-family: 'PT Serif';
	font-weight: normal;
	letter-spacing: -1px;
}
#caption-container div.caption p {
	margin: 10px 0;
	padding: 5px 0;
	color: #FFF;
	font-size: 18px;
	line-height: 21px;
}
#caption-container div.caption a:hover {
	color: #000;
}
#caption-container div.caption p.lastchild {
	margin: 0;
	padding: 0;
}
/*RESPONSIVE QUERIES
-------------------------------------------------------------------------------------------*/
@media only screen and (max-width:1150px){
#caption-container {
	margin-left: -45%;
}
.captionInActive {
	max-width: 500px;/*keeps caption from changing during transition*/
}
#slideshow-container img, .slides {
	background-position: 40% 0;
}
}
@media only screen and (max-width:1024px){
#slideshow-container img, .slides { 
	background-attachment: scroll;
}
.desktop #caption-container div.caption .hr .icon-dwb-logomark {
	zoom:.85;
	-moz-transform: scale(0.85);
	margin-left: -20px;
}
}
@media only screen and (max-height:790px) { /*"Real" 768px*/
.desktop #caption-container {
	/* top: 19%; */
}
.desktop #caption-container, .desktop #caption-container h2, .desktop #caption-container h3 {
	/* zoom: 0.90; */
	-moz-transform: scale(0.90);
}
.desktop #caption-container p, .desktop #caption-container .button1, .desktop #caption-container a {
	zoom: 0.90;
	-moz-transform: scale(0.90);
}
.desktop #caption-container .first-word, .desktop #caption-container div.caption a.Button1:after {
    zoom:.97;
	-moz-transform: scale(0.97);
}
}
@media only screen and (min-width:1400px) { 
.desktop #caption-container {
	/* top: 12%; */
}
.desktop #caption-container, .desktop #caption-container h2, .desktop #caption-container h3 {
	zoom: 1;
	-moz-transform: scale(1);
}
.desktop #caption-container p, .desktop #caption-container .button1, .desktop #caption-container a {
	zoom: 1;
	-moz-transform: scale(1);
}
.desktop #caption-container .first-word, .desktop #caption-container div.caption a.Button1:after {
    zoom: 1;
	-moz-transform: scale(1);
}
}
@media only screen and (max-height:650px){}
@media only screen and (max-width:1366px){}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1024px){}
@media only screen and (max-width:1006px){
#hero-main {
	height: auto;
}
#mainimgxy {
	height: 370px;
	overflow: hidden;
}
#mainimg {
	height: 100%;
	position: relative;
}
#caption-container {
	top: 8%;
	margin-left: -46% !important;
}
#slideshow-container img, .slides {
	background-size: 200%;
	background-attachment: scroll;
	background-position: 34% 0;
}
#slideshow-container-controls {
	top: 69%;
}
#slideshow-container-controls div {  
	cursor:pointer; 
	height: 20px;
	width: 20px; 
	float:left; 
	margin: 0px 15px 0px 0px;
}
#slideshow-container-controls div:last-of-type {
	margin-right: 0;
}
#slideshow-container-controls div a {  
	height: 18px;
	width: 18px; 
}
#caption-container, #caption-container h2, #caption-container h2 + h2, #caption-container h3 {
	zoom: 0.925;
	-moz-transform: scale(0.92);
}
#caption-container div.caption .hr .icon-dwb-logomark {
	zoom:.85;
	-moz-transform: scale(0.85);
	margin-left: -23px;
}
}	
@media only screen and (max-width:890px){
#mainimgxy {
	height: 340px;
}
#caption-container, #caption-container h2, #caption-container h2 + h2 {
    zoom: .85;
    -moz-transform: scale(0.75);
}
#caption-container p, #caption-container a {
    zoom:.90;
	-moz-transform: scale(0.90);
}
#caption-container .first-word, #caption-container div.caption a.Button1:after {
    zoom:.9;
	-moz-transform: scale(0.9);
}
#caption-container .button1 {
	width: auto;
}
#slideshow-container-controls {
	top: 67%;
}
#caption-container {
	top: 9%;
}
}
@media only screen and (max-width:850px){
#mainimgxy {
	height: 270px;
}
#slideshow-container-controls {
	top: 87%;
}
}
@media only screen and (max-width:790px){
#caption-container {
	top: 10%;
	margin-left: 0 !important;
	left: 5%;
	width: 60%;
}
.captionInActive {
	max-width: 500px;/*keeps caption from changing during transition*/
}
#hero-main {
	height: auto;
}
}
@media only screen and (max-width:640px){
#mainimgxy {
	height: 218px;
}
#caption-container {
	width: 65%;
	padding-right: 3%;
}
#slideshow-container img, .slides {
	background-position: 35% 0;
}
#caption-container, #caption-container h2, #caption-container h2 + h2 {
    zoom: .70;
    -moz-transform: scale(0.70);
}
}
@media only screen and (max-width:590px){
#caption-container div.caption {
	padding: 5px 100px 10px 0;
}
}
@media only screen and (max-width:568px){
#caption-container div.caption {
	width: 90%;
	padding: 0 5% 0 0;
}
#caption-container {
	width: 80%;
}	
.captionInActive {
	width: 100%;
}
#caption-container div.caption .hr:before, #caption-container div.caption .hr:after {
	height: 2px;
}
}
@media only screen and (max-width:490px){
#mainimg {
	background-color: #000;
}
#slideshow-container img, .slides {
	background-position: 45% 0;
	background-size: 250%;
	opacity: .55;
}
#caption-container div.caption p, #caption-container div.caption span, #caption-container div.caption h2 {
	color: #FFF !important;
}
#mainimgxy {
	height: 250px;
}
#caption-container {
	width: 90%;
	padding-right: 0;
}
}
@media only screen and (max-width:430px){
#mainimgxy {
	height: 200px;
}
#slideshow-container-controls {
	top: 83%;
}
}
@media only screen and (max-width:414px){
#caption-container {
	width: 90%;
	padding-right: 3%;
}	
#caption-container, #caption-container h2, #caption-container h2 + h2 {
    zoom:.68;
	-moz-transform: scale(0.68);
}
#caption-container p, #caption-container a {
    zoom:.90;
	-moz-transform: scale(0.90);
}
#caption-container div.caption .hr .icon-dwb-logomark {
	margin-left: -25px;
}
}
@media only screen and (max-width:375px){
#caption-container, #caption-container h2, , #caption-container h2 + h2, #caption-container h3 {
	zoom: 0.6;
	-moz-transform: scale(0.6);
}
#caption-container p, #caption-container .button1, #caption-container a {
	zoom: 0.89;
	-moz-transform: scale(0.89);
}
}
@media only screen and (max-width:350px){
#slideshow-container img, .slides {
	background-size: 280%;
}
#caption-container, #caption-container h2, #caption-container h2 + h2 {
    zoom: .65;
    -moz-transform: scale(0.68);
}
#caption-container p, #caption-container a {
    zoom:.90;
	-moz-transform: scale(0.90);
}
}
@media only screen and (max-width:320px){}