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

img.hero{
	width: 100%;
}

ul.hubs{
	margin:-5px 0 20px 0;
	list-style:none;
}
	ul.hubs li {
		background: url('../../img/icons/hub-icon.png') no-repeat 0 center;
		border-bottom: 2px dotted;
		padding: 15px 0 15px 30px;
	}
		ul.hubs li a {
			font-size: 1.3em;
			text-decoration: none;
			color: #bf1e2e;
		}

ul.hotspots{
	margin:-5px 0 20px 0;
	list-style:none;
}
	ul.hotspots li {
		background: url('../../img/icons/hub-icon.png') no-repeat 0 center;
		border-bottom: 2px dotted;
		padding: 15px 0 15px 30px;
	}
		ul.hotspots li a {
			font-size: 1.3em;
			text-decoration: none;
			color: #bf1e2e;
		}

/*	
	OLD STYLES FOR HOTSPOTS - USED TO BE SMALLER THAT HUB LIST ITEMS BUT ARE NOW EXACTLY THE SAME. SEE CODE ABOVE
	
	ul.hotspots{margin:0 0 20px 0;border-bottom: 2px dotted #464646;padding:0 0 6px 0;list-style:none;}
	ul.hotspots li {background: url('../../../img/frontend/icons/crosshair-bullet.png') no-repeat 0 2px;margin: 0 0 5px 10px;padding-left: 20px;}
	ul.hotspots a {color: #252525;text-decoration: none;}
*/

div#map{
	margin:0 auto;
	width:678px;
	width:97%;
	height:350px;
	background:#ffffff;
	padding:1.5%;
	margin-bottom:20px;
	position: relative;
}

	div#map div#map-canvas{
		width:100%;
		height:350px;
	}

	div#map iframe{
		width:100%;
		height:100%;
	}

	  div#map div#map-canvas div.gm-style-iw img {
		float: left;
		width: 80px;
		margin-right: 10px; }
	  div#map div#map-canvas div.gm-style-iw div.indent {
		margin-left: 90px; }
	  div#map div#map-canvas div.gm-style-iw h2 {
		margin-bottom: 0.5em; }
		div#map div#map-canvas div.gm-style-iw h2 a {
		  text-decoration: none; }
	  div#map div#map-canvas div.gm-style-iw p {
		margin-bottom: 0.5em; }

	div#map:before, div#map:after {
		z-index: -1;
		position: absolute;
		content: "";
		bottom: 15px;
		left: 10px;
		width: 50%;
		top: 80%;
		max-width:300px;
		background: #bbbbbb;
		-webkit-box-shadow: 0 12px 12px #bbbbbb;
		-moz-box-shadow: 0 12px 12px #bbbbbb;
		box-shadow: 0 12px 12px #bbbbbb;
		-webkit-transform: rotate(-5deg);
		-moz-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	div#map:after
	{
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		transform: rotate(5deg);
		right: 10px;
		left: auto;
	}

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

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

	ul.hotspots li {
		margin-left: 0;
	}
}