body, html { width: 100%; height: 100%; overflow: hidden; }
body { color: #333; font-size: 12px; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; background: #eee; }

h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }

p { padding-bottom: 4px; }
a { color: #333; text-decoration: none; }

sup { vertical-align: super; }

.container-table { position: relative; display: table; width: 100%; height: 100%; }
	.container-row { position: relative; display: table-row; width: 100%; height: 100%; }
		.container-cell { position: relative; display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
		
		
#container { position: relative; width: 370px; margin: auto; padding: 20px; background: #fff; border-radius: 10px; border: 1px solid #999; box-shadow: 0 0 2px 2px #999; z-index: 100; }
	#content .avatar { float: left; width: 100px; margin-right: 20px; }
		#content .avatar img { width: 100px; }
	#content .info { float: left; }
		#content .info p {  }
		#content .info p span { text-transform: uppercase; font-size: 0.7em; color: #999; }
		#content .info p.work { text-transform: uppercase; font-size: 0.8em; color: #999; }

#time { position: relative; width: 200px; margin: auto; padding: 10px; padding-top: 20px; text-align: center; background: #fff; border-radius: 10px; border: 1px solid #999; box-shadow: 0 0 1px 1px #999; z-index: 50; display: none; }
	p span.label { text-transform: uppercase; font-size: 0.7em; color: #999; }
		
#windows { display: none; }
	#map-placeholder { position: relative; width: 800px; height: 600px; }
	#contact p span { text-transform: uppercase; font-size: 0.7em; color: #999; }

.clr { clear: both; }