/* VIDEO */
.poster-image {
	position: relative;
	width:100%;
}

/* IMAGE */
.image.left{
	float:left;	
}
.image.right{
	float:right;	
}
.image_container{
	float: left;
    position: relative;
	width: 100%;    
	clear: both;
}
	.image_container img{
	    position: relative;	    
		z-index: 0;
	}
	.image_container .caption{
		bottom: 0;
		color: #fff;
		left: 0;
		padding: 5%;
		position: absolute;
		text-align: center;
		width: 90%;
		z-index: 1;
	}
		.image_container .caption .captioncontent{
			float: left;
			position: relative;
			width: 100%;
			z-index: 1;
		}
		.image_container .caption .bg{
			background: none repeat scroll 0 0 #000;
			float: left;
			height: 100%;
			left: 0;
			opacity: 0.5;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 0;
		}
		
/* HANGING IMAGE  */
.TwoColumnHangImageLayout{
	width: 100%;
}
	.TwoColumnHangImageLayout.left{
		float: left;
	}
	.TwoColumnHangImageLayout.right{
		float: right;
	}

/* COLLAPSIBLE */
.collapsible{
	position: relative;
}
	.collapsible_button{
		background: url("../images/clm-closed.png") no-repeat scroll left top rgba(0, 0, 0, 0);
		cursor: pointer;
		float: left;
		padding-left: 3%;
		position: relative;
		width: 97%;
		clear: both;
	}
		.collapsible.open .collapsible_button{
			background: url("../images/clm-open.png") no-repeat scroll left top rgba(0, 0, 0, 0);
		}
	.collapsible_content{
		float: left;
		position: relative;
		width: 100%;
		clear: both;
	}
	
/* GALLERY */
.galleryrotate{
	position: relative;
}
	.galleryrotate .rotatee{
		height: auto;
		left: 0;
		position: absolute;
		top: 10px;
		width: 100%;
	}
	.galleryrotate .caption{
	}
	.galleryrotate .rotatee img{
		width: 100%;
		height: auto;
	}
	.galleryrotate .button_container{
		background: none repeat scroll 0 0 #efefef;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
		.galleryrotate .button_list_container{
		}
			.galleryrotate .button_list_item {
				background: none repeat scroll 0 0 #ccc;
				border-radius: 5px;
				cursor: pointer;
				float: left;
				height: 10px;
				margin: 5px 3px;
				width: 10px;
			}
				.galleryrotate .button_list_item.active{
					background: none repeat scroll 0 0 #333;
				}

/* IFRAME */
.iframe_container{
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
	.iframe_container iframe {
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
	}