/* CSS for the Virtual Tour page ('virtual-tour') */

#map-wrapper {
	position: relative;
}

#intro {
	background-color: ivory;
	border: 1px solid darkgray;
	padding: 10px;
	top: 50px;
	left: 0px;
	position: absolute;
	z-index: 5;
}

#map-wrapper h2, #map-wrapper h3 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

/* Divs that are shown when rolling over a logo hotspot */
.overs {
	padding: 10px;
	border: 1px solid darkgray;
	background-color: ivory;
	position: absolute;
	z-index: 10;
}

#existing_systems_over {
	width: 260px;
	/*height: 260px;*/
	top: 293px;
	left: 115px;
}

#key_control_over {
	width: 255px;
	/*height: 255px;*/
	top: 274px;
	left: 328px;
}

#server_cabinets_over {
	width: 230px;
	/*height: 240px;*/
	top: 169px;
	left: 343px;
}

#perimeter_security_over {
	width: 270px;
	/*height: 245px;*/
	top: -33px;
	left: 374px;
}

#office_doors_over {
	width: 230px;
	/*height: 240px;*/
	top: 258px;
	left: 509px;
}

#utility_closets_over {
	width: 250px;
	/*height: 240px;*/
	top: 146px;
	left: 366px;
}

#high_traffic_doors_over {
	width: 245px;
	/*height: 230px;*/
	top: 364px;
	left: 548px;
}

#key_authorization_over {
	width: 240px;
	/*height: 235px;*/
	top: 93px;
	left: 458px;
}

#mobile_assets_over {
	width: 250px;
	/*height: 260px;*/
	top: 247px;
	left: 461px;
}

/* End rollover div styles */

/* Images that appear inside the rollover divs */

.circles {
	display: block;
	margin: 0 auto;
}

#circle_perimeter_security {
	padding-top: 5px;
}

#circle_high_traffic_doors {
	padding-top: 10px;
}

#circle_mobile_assets {
	padding-top: 4px;
}

/* End circle image styles */