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

#ui {
	width: 16%;
	height: 99.8%;
	padding: 0 2%;
	border: 1px solid #fff;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	box-shadow: -3px 0 6px rgba(0,0,0,.5);
	background-color: rgba(238, 238,238, .9);
}

#ui h1 {
	margin-top: .5em;
}
#ui input {
	width: 100%;
}
#ui dl {
	width: 100%;
	padding-bottom: .75em;
	border-bottom: 1px dashed #aaa;
	margin-bottom: 2em;
}
#ui dt,
#ui dd {
	margin-bottom: 1em;
	float: left;
}
#ui dt {
	width: 50%;
	margin-right: 1em;
	clear: both;
}
#ui dd {
	font-weight: bold;
}
body > #hqInfo {
	display: none;
}
#hqInfo {
	width: 370px;
}
#hqInfo h1 {
	margin-bottom: .25em;
	line-height: .9em;
}
#hqInfo p {
	margin-bottom: .25em;
}

#journey {
	margin-top: 2em;
}
#journey h3 {
	margin-bottom: .25em;
}

#quoteHeading {
	padding-top: 1em;
	border-top: 1px dashed #aaa;
	margin-top: 1em;
}
#quote dt {
	margin-right: 0;
}
#quote dd {
	width: 50%;
}
#quote .total {
	padding-top: .5em;
	border-top: 1px dashed #aaa;
	margin-bottom: 0;
	font-size: 1.5em;
}