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

/* Mobile Layout: 480px and below. */


.slideWithCaption{
    /*vertical-align:baseline;*/
    /*margin:10px;*/
    position:relative;
	overflow:hidden;
	margin-top: 0px;
	margin-bottom: 20px;
}

.slideImage{
	position:absolute;
	/*z-index:100;*/
	top:0px;
	left:0px;
	max-width: 100%;
}

.overlay{
    position:absolute;
	z-index:200;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
	background-color:#000;
	opacity:0.5;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.captionContainer{
	/*visibility: hidden;*/
	overflow:hidden;
	position:absolute;
	z-index:201;
	/*top:0px;
    bottom:0px;*/
    left:0px;
    right:0px;
	background-color:#000;
	/*background:black;*/
	margin:0px;
	border:0px;
	padding:0px;
    /*cursor:default;*/
	opacity:0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

.captionButton{
	position: absolute;
	cursor:pointer;
}


.captionCategory{
    text-transform:uppercase;
    font-size:10px;
    letter-spacing:3px;
    padding:5px 20px 5px 20px;
    margin:0px;
	color:#AAAAAA;
}

.captionTitle{
    padding:0px 20px 5px 20px;
    margin:0px;
    font-size:18px;
	color:#FFF;
}

.captionText{
    padding:10px 20px 10px 20px;
    margin:0px;
    font-size:13px;
	color:#FFF;
	height:999px;
	overflow:auto;
}

.CaptionHeader {
	color:#AAAAAA;
	/*text-transform:uppercase;*/
	letter-spacing:1px;
    font-size:12px;
    text-transform:uppercase;
}

.CaptionTextSmall {
	color:#AAAAAA;
	font-size: 12px;

}

.captionButtonImageUp {
	background-image: url(../images/info_button_on.png);
	background-repeat: no-repeat;
    position: absolute;
	z-index:300;
    bottom:10px;
    right:25px;
	width:35px;
	height:35px;
}

.captionButtonImageDown {
	background-image: url(../images/info_button_off.png);
	background-repeat: no-repeat;
    position: absolute;
	z-index:300;
    bottom:10px;
    right:25px;
	width:35px;
	height:35px;
}

.slideWithCaption a{
	color:#ffd200;
	font-size: 12px;
}

.animatingImages img.prev {
	z-index:101;
}

 
.animatingImages img.active {
	z-index:102;
	/*filter:alpha(opacity:0); 
	opacity:.0; 
	-moz-opacity:.0;*/
}

.invisible {
	visibility: hidden;
}


.springTop {
	top: 0px;
}


.springBottom {
	bottom: 0px;
}

.isExpanded {
}

.hasMouseOver {
}

.isAnimating {
}

.mouseHasLeft {
}






/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

	.captionCategory{
	    font-size:11px;
	    letter-spacing:3px;
	}

	.captionTitle{

	    font-size:20px;
	}

	.captionText{
	    font-size:15px;
	}

	.CaptionHeader {
		letter-spacing:1px;
	    font-size:11px;
	    text-transform:none;
	}

	.CaptionTextSmall {
		font-size: 12px;

	}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

	.captionCategory{
	    font-size:12px;
	    letter-spacing:3px;
	    padding:5px 20px 5px 25px;
	}

	.captionTitle{
	    padding:0px 20px 5px 25px;
	    font-size:22px;
	}

	.captionText{
	    padding:10px 20px 10px 25px;
	    margin:0px;
	    font-size:17px;
	}

	.CaptionHeader {
		letter-spacing:1px;
	    font-size:14px;
	}

	.CaptionTextSmall {
		font-size: 13px;

	}

	.captionButtonImageUp {
	    right:30px;
	}

	.captionButtonImageDown {
	    right:30px;
	}

	.slideWithCaption a{
	font-size: 13px;
}
}