/*
Standard image styling
*/

div#eventimages
{
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	margin-bottom: 35px;
	position: static;
	top: auto;
	left: auto;
}

div.leftcolumn
{
	float: left;
	width: 49%;
	padding-bottom: 10px;
}

div.rightcolumn
{
	float: right;
	width: 49%;
	padding-bottom: 10px;
}

div.fullcolumn
{
	float: left;
	width: 100%;
	padding-bottom: 10px;
}

div.fullimages
{
	float: left;
	width: 100%;
	margin: 0px;
	padding-bottom: 10px;
}
.fullimages img
{
	width: 100%;
	display: block;
}

.fullimages iframe
{
	width: 100%;
}

div.halfimages
{
	float: left;
	width: 49%;
	margin: 0px;
	padding-bottom: 10px;
}
div.halfimagesright
{
	float: right;
	width: 49%;
	margin: 0px;
}

div.halfleft
{
	float: left;
	width: 49%;
	margin: 0px;
	margin-right: 15px;
	padding-bottom: 10px;
}

.halfleft img
{
	width: 100%;
	display: block;
}

.halfleft iframe
{
	width: 100%;
}

div.halfright
{
	float: right;
	width: 49%;
	margin: 0px;
	margin-left: 15px;
	padding-bottom: 10px;
}

.halfright img
{
	width: 100%;
	display: block;
}

.halfright iframe
{
	width: 100%;
}

div.imagefix
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
}

span.hoverspan
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
}

.imagefix a
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
}

.halfimagesright a
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
}

span.imagecontainer
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.6);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	overflow: hidden;
}

span.imagetext
{
	position: absolute;
	top: 50%;
	left: 5%;
	width: 90%;
	margin-left: 0px;
	display: block;
	text-align: center;
	color: #fff;
}

.imagetext p
{
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*----------------------------------------
 700px breakpoint (smaller desktop / laptops)
----------------------------------------*/
@media screen and (max-width:700px)
{
	div.leftcolumn
	{
		float: none;
		width: 100%;
		margin: auto;
	}
	div.rightcolumn
	{
		float: none;
		width: 100%;
		margin: auto;
	}
	
	div.halfimages
	{
		width: 100%;
		padding-bottom: 10px;
	}
	div.halfimagesright
	{
		width: 100%;
	}	
	div.halfleft
	{
		width: 100%;
		padding-bottom: 10px;
	}
	div.halfright
	{
		width: 100%;
	}
}