@charset "utf-8";
/* CSS Document */

/*
==================================================================================

		I M A G E / O B J E C T   P O S I T I O N I N G / L A Y O U T 
		
==================================================================================
*/
img.placeholder {
	background: #bbbbbb url(../../images/backgrounds/placeholder.png) center center no-repeat;
	border: 1px dashed #666666;
	display: block;
}
article img.float-right, article img.pull-right, .image-float-right, .image-float-right-shadow {
	float: right;
	margin: 15px 0px 15px 30px;
}
article img.float-left, article img.pull-left,.image-float-left, .image-float-left-shadow {
	float: left;
	margin: 15px 30px 15px 0px;
}

article img.float-right:first-child, article img.pull-right:first-child, .image-float-right:first-child, .image-float-right-shadow:first-child,
article img.float-left:first-child, article img.pull-left:first-child,.image-float-left:first-child, .image-float-left-shadow:first-child {
	margin-top:0;
}



 
.image-full-width, .image-full-width-shadow {
	display: block;
	margin: 0 0 10px 0;
	width: 100%;
	height: auto;
}
*:first-child > .image-full-width, *:first-child > .image-full-width-shadow {
	margin-top:0;
}
.image-2third-width {
  box-sizing: border-box;
	display: block;
	width: 66%;
	max-width: 66%;
	height: auto;
}
.image-half-width {
  box-sizing: border-box;
	display: block;
	width: 50%;
	max-width: 50%;
	height: auto;
}
.image-third-width {
  box-sizing: border-box;
	display: block;
	width: 33%;
	max-width: 33%;
	height: auto;
}
.image-quarter-width {
  box-sizing: border-box;
	display: block;
	width: 25%;
	max-width: 25%;
	height: auto;
}
.image-3quarter-width {
  box-sizing: border-box;
	display: block;
	width: 75%;
	max-width: 75%;
	height: auto;
}

.size-ratio-1-1 {/*used to dynamically resize with jQuery*/}
.size-ratio-1-2 {/*used to dynamically resize with jQuery*/}
.size-ratio-1-3 {/*used to dynamically resize with jQuery*/}
.size-ratio-2-3 {/*used to dynamically resize with jQuery*/}
.size-ratio-1-4 {/*used to dynamically resize with jQuery*/}
.size-ratio-3-4 {/*used to dynamically resize with jQuery*/}
.size-ratio-2-1 {/*used to dynamically resize with jQuery*/}
.size-ratio-3-1 {/*used to dynamically resize with jQuery*/}
.size-ratio-3-2 {/*used to dynamically resize with jQuery*/}
.size-ratio-4-1 {/*used to dynamically resize with jQuery*/}
.size-ratio-4-3 {/*used to dynamically resize with jQuery*/}
.size-ratio-16-9 {/*used to dynamically resize with jQuery*/}
.size-ratio-9-16 {/*used to dynamically resize with jQuery*/}


.height-50 {
	min-height: 50px;
}
.height-100 {
	min-height: 100px;
}
.height-150 {
	min-height: 150px;
}
.height-200 {
	min-height: 200px;
}
.height-250 {
	min-height: 250px;
}
.height-300 {
	min-height: 300px;
}
.height-400 {
	min-height: 400px;
}
.height-500 {
	min-height: 500px;
}
.height-600 {
	min-height: 600px;
}

/*
__________________________________________________
 Really it's the slider placeholder as an img..
__________________________________________________
*/
#img-placeholder {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 300px;
	max-height: 300px;
	background: url(../../images/backgrounds/gradient_white_left.png) left top repeat-y, url(../../images/backgrounds/gradient_white_right.png) right top repeat-y, url(../../images/texture_perf_12.gif);
	text-align: center;
}
#img-placeholder img {
	positon: relative;
	display: block;
	width: 100%;
	max-width: 1080px;
	height: auto;
	min-height: 100%;
	min-width: 712px;
	margin: 0 auto;
	box-shadow: 0 0 16px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 16px rgba(0,0,0,0.7);
}
.container.slider-zone{
	overflow:hidden;
	
}
/*
__________________________________________________
 Image Container controls
 
 	Note - This also uses jQuery to control positioning of children
__________________________________________________
*/
.image-container {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	height:auto;
	margin: 0 0 20px 0;
		z-index:10;

}
.image-container.bio {
	height:auto !important;
	
}
.image-container.bio > * {
	position:static !important;
}

.image-container.fit {
}
.image-container.fill {
}

img.float-left{
	display:block;
	margin-right:10px;
}
img.float-right{
	display:block;
	margin-left:10px;
}

.image-container.no-hide {
	overflow:visible;
	
	background-color:transparent;
}
.image-container > video, .image-container > canvas, .image-container > object, .image-container > embed, .image-container > img {
	display: block;
	position: absolute;
	bottom: auto;
	margin: auto;
	width: 100%;
	height: auto;
	z-index: 0;
q	qbackground-color: #E6E6E6;
	opacity: 1;
}

.image-container.bio > video, .image-container.bio > canvas, .image-container.bio > object, .image-container.bio > embed, .image-container.bio > img {
	position:relative;
q	position:static;
}


.section-thumbnails-container h3{
	font-weight:bold;	
}
.section-thumbnails-container p,.section-thumbnails-container div{
	font-size:14px;

}
.section-thumbnails-container .show-onhover{
	
}


a:hover > .image-container > img {
	opacity: .66;
}
a:hover > .image-container > img.ddd-document {
	opacity: 1;
}
.image-container > div, .image-container > h1, .image-container > h2, .image-container > h3, .image-container > h4 {
	padding: 10px;
	position: relative;
	overflow: hidden;
	margin: 20px;
	padding: 10px;
	z-index: 100;
	background-color: rgba(255,255,255,.8);
	line-height: 1em;
	line-height: normal;
	text-decoration: none;
}
.image-container.bio > div, .image-container.bio > h1, .image-container.bio > h2, .image-container.bio > h3, .image-container.bio > h4 {
	position:static;
	margin:0;
q	background-color: transparent;
	
}
a:link > div.image-container > h1, a:link > div.image-container > h2, a:link > div.image-container > h3, a:link > div.image-container > h4, a:visited > div.image-container > h1, a:visited > div.image-container > h2, a:visited > div.image-container > h3, a:visited > div.image-container > h4, a:hover > div.image-container > h1, a:hover > div.image-container > h2, a:hover > div.image-container > h3, a:hover > div.image-container > h4, div.image-container > h1, div.image-container > h2, div.image-container > h3, div.image-container > h4 {
	font-size: 130%;
q	font-size-adjust: -20%;
	text-decoration: none;
	text-transform: inherit;
q	font-weight: bold;
	letter-spacing: .035em;
}
a:link > .image-container > div, a:hover >.image-container > div, .image-container > div {

	line-height: 125%;
q	font-size: 90;
	padding: 10px;
	color: #000000;
	background-color: rgba(255,255,255,.8);
}
.padding-10{
	display:block;
padding:10px;	
}
a:hover .image-container.ddd-container {
	z-index:100;
}
.image-half-width.float-left:nth-child(even){
	clear:right;
}
.image-half-width.float-left:nth-child(odd){
	clear:left;
}
a:hover > div.image-container > h1,
 a:hover > div.image-container > h2,
  a:hover > div.image-container > h3,
   a:hover > div.image-container > h4,
   a:hover > div.image-container > h5 {
	   color:#FFFFFF;
	background-color: #9e3039;

}
a:hover > div.image-container.bio > h1,
 a:hover > div.image-container.bio > h2,
  a:hover > div.image-container.bio > h3,
   a:hover > div.image-container.bio > h4,
   a:hover > div.image-container.bio > h5 {
	   color:#333333;
	q background-color: #9e3039;
	  background-color: transparent;

}
.image-container.image-banner-article {
	max-height: 196px;
}
.image-container div {
	-webkit-transition-property: margin, color, background-color, bottom, top, left, right, opacity;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	transition-property: margin, color, background-color, bottom, top, left, right, opacity;
	transition-duration: .5s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}


a:link > div.image-container .show-onhover {
	right: 100%;
	opacity: 0;
}
a:hover > div.image-container .show-onhover, a:active > div.image-container .show-onhover, a:focus > div.image-container .show-onhover, div.image-container .show-onhover.selected {
	right: 0%;
	opacity: 1;
}
a:link > .image-container .hide-onhover {
	left: 0%;
	opacity: 1;
}
a:hover > .image-container .hide-onhover {
	left: 100%;
	opacity: 0;
}





a:hover > .image-container.bio .hide-onhover,
a:hover > .image-container.bio .show-onhover,
a:link > .image-container.bio .hide-onhover,
a:link > .image-container.bio .show-onhover{
left:auto;
	opacity:0;
	
}
.img-fill-h, img-fit-v {
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	min-height: none !important;
	left:0px;
}
.img-fill-v, img-fit-h {
	height: 100% !important;
	width: auto !important;
	max-width: none !important;
	min-width: none !important;
	top:0px;
}

.section-thumbnails-container{
	/* [disabled]padding-top:20px; */
}
.document-link{
		width:200px;
}
.document-link img{
	border:1px solid #DDDDDD;
	box-shadow: 0 3px 8px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.15);

}

a:hover img.hover-1{
opacity:.8;
	background:white;
}