html { overflow-y:scroll; }
html, body { width:100%; height:100%; }
body {
	position:relative;
	font:62.5% Verdana, Helvetica, Arial, Sans-Serif; /* 1 em = 10px */
	line-height:1.4;
	background-color:#5e5e5e;
	color:#000;
}

#page_wrap {
  width:100%;
	margin:0 auto;
	height:100%;
}

a {
	color:#333;
	text-decoration:none;
}
a:hover {
	background-color:#333;
	color:#fff;
}

table {
  width:40em;
	height:100%;
  margin:0 auto;
}
td { vertical-align: middle; }

#splash {
  width:100%;
  height:100%;
  margin:0 auto;
}
  #splash object,
  #splash embed { min-height:600px; }

#content {
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border-radius:1em;
	box-shadow:0 0 2em #000;
	-moz-box-shadow:0 0 2em #000;
	-webkit-box-shadow:0 0 2em #000;
	background-color:#eee;
	height:47em;
	width:40em;
}

#globe {
	height:34em;
}
#logo {
	width:30em;
	height:30em;
	display:block;
	margin:0 auto;
	padding:2em 0;
}

h2 {
	height:3em;
	background-color:#000;
	margin:0 1.5em;
	color:#fff;
	padding:0 1.5em;
	line-height:1;
	-webkit-border-top-left-radius:0.75em;
	-webkit-border-top-right-radius:0.75em;
	-moz-border-radius:0.75em 0.75em 0 0;
	border-radius:0.75em 0.75em 0 0;
}
	h2 span {
		font-size:1.5em;
		line-height:2em;
	}

#cities {
	height:8em;
	width:34em;
	margin:0 1.5em 2em 1.5em;
	padding:0 1.5em;
	background-color:#ccc;
	overflow:hidden;
	-webkit-border-bottom-left-radius:0.75em;
	-webkit-border-bottom-right-radius:0.75em;
	-moz-border-radius:0 0 0.75em 0.75em;
}
	#cities li {
		height:8em;
		display:inline;
	}
	#cities li a {
		float:left;
		height:2.5em;
		line-height:2.5em;
		padding:0 0.833em;
		margin:1em 0.5em 1em 0;
		font-size:1.8em;
		display:block;
		background-color:#fff;
	}
	#cities li a:hover { background-color:#333; }

	#cities li a.la {  }
	#cities li a.chicago {  float:right; }