.gap-2em {
	margin-top: 2em;
}
.gap-1em {
	margin-top: 1em;
}

area { border: 1px solid black; }
div { 
	font-family: arial;
}
.custom-infobox {
  float: left;
  font-family: arial;
  line-height: 1.3em;
  text-align: left;
}
#map-title {
	color: #00489A;
	font-family: arial;
	font-size: 0.8em;
	font-weight: bold;
	text-shadow: 1px 1px 1px white;
}
#map-canvas, #screenshot {
	min-height: 200px;
	min-width: 100px;
	overflow: hidden;
	width: 100%;
}
#screenshot {
	border-radius: 10px 10px 10px 10px;
	box-shadow: 4px 4px 4px #888888;
}

#map-canvas {
	min-height: 400px;
}
.business-type {
  font-weight: bold;
}
.state-title {
  font-size: 1.5em;
  font-weight: bold;
}
.subtitle {
	font-family: Arial;
	font-weight: bold;
	margin-bottom: 1em;
}
.description {
background: none repeat scroll 0 0 #A5BFDD;
color: #00489A;
display: none;
font-size: 1.15em;
font-style: oblique;
font-weight: bold;
padding: 1em;
position: relative;
text-shadow: 1px 1px 3px #FFFFFF;
top: -0.5em;
text-align: left;
box-shadow: 4px 4px 4px #888888;
border-radius: 8px;
margin-top: 2em;
}
.keypoint {
background: none repeat scroll 0 0 #00489A;
border-radius: 8px 8px 8px 8px;
color: #FFFFFF;
display: table-cell;
font-weight: 900;
height: 6.5em;
margin-top: 1em;
padding: 1em;
text-shadow: 1px 1px 1px #000000;
vertical-align: middle;
width: 10em;
box-shadow: 4px 3px 3px #888888;
}

.lightblue { color: #679dd9; }
.img_hover { cursor: pointer; }
.button { display: inline-block; }

.franchise-logo { 
	display: inline-block;
	margin: 1em;
	max-width: 200px;
}
.franchise-logo img {
  border: 1px solid #000;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 12px 8px 3px #888888;
  max-width: 200px;
  padding: 5px;
}