/* Hotspots
------------------------------------------------------------------------------------ */
div.main-logo {
	margin-bottom: 5px;
}

div.page-list {
	position: relative;
}

img.hero{
	width: 100%;
}

ul.pages{
	margin:0 0 20px 0;
	list-style:none;
	padding: 0 8px 8px 8px;
	background-color: #ffffff;
}
	ul.pages li {
		background-color: #464646;
		margin: 8px 0 0 0;
		float: left;
		width: 48%;	
		min-height:23px;
	}
		ul.pages li.odd {
			float: right;
		}
		ul.pages li.film {
			background-image: url(../../img/icons/film.png);
			background-repeat: no-repeat;
			background-position: 8px center;
		}
		ul.pages li.story {
			background-image: url(../../img/icons/story.png);
			background-repeat: no-repeat;
			background-position: 8px center;
		}
		ul.pages li.slideshow {
			background-image: url(../../img/icons/slideshow.png);
			background-repeat: no-repeat;
			background-position: 8px center;
		}
		ul.pages li.audio {
			background-image: url(../../img/icons/audio.png);
			background-repeat: no-repeat;
			background-position: 8px center;
		}		
		ul.pages li:last-child {
			margin-bottom: 0;
		}
	ul.pages a {
		color: #ffffff;
		display: block;
		text-decoration: none;
		padding: 6px 5px 6px 33px;
		min-height:23px;
	}


/* Events
*/
div.event-instances{
	font-size: 0.9em;
	width:100%;
	margin-bottom:15px;
}
	div.event-instances div{
		/*font-size:0.9em;*/
	}
	div.event-instances div.datetime{
		width:60%;
	}
	div.event-instances div.actions{
		text-align:left;
	}
	div.venuetitle {
		margin-bottom: 5px;
	}
	p.event-added{
		padding:5px;
		border:1px solid #e5e5e5;
		margin:5px 0;
		background:#f5f5f5;
	}

	a.add-to-itinerary, span.view-itinerary a {
		background-color: #bf1e2e;
		color: #ffffff;
		text-decoration: none;
		padding: 5px 10px;
		display: inline-block;
		margin-bottom: 20px;
	}


/* Responsive
------------------------------------------------------------------------------------ */

@media screen and (max-width: 735px) {

	ul.pages li {
		width: 100%;		
	}	
}