body, html { margin: 0px; padding: 0px; height: 100%; }
body { background: #000 fixed no-repeat url(../img/bg-skyline.jpg) bottom center; background-size: cover; width: 100%; }
a { text-decoration: none; color: inherit; }
a img { border: 0px; }
*:focus  { outline: none !important; }  

div#landscape {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 400px;
}

div#overlayLeft {
	background: no-repeat url(../img/tree.png); width: 385px; height: 387px; position: fixed; top: -200px; left: 0px; z-index: 0;
}

div#overlayRight {
	background: no-repeat url(../img/tree-flip.png); width: 385px; height: 387px; position: fixed; top: -90px; right: -120px; z-index: 0;
}

.workinprogress {
	text-align: center;
	position: absolute;
	font-size: 28pt;
	left: 0px;
	right: 0px;
	bottom: 30px;
	line-height: 1em;
	background: black;
}

.workinprogress h1 {
	color: white;
	text-shadow: 0px 0px 4px #FF5, 0px 2px 8px rgba(255, 128, 128, 1), 0px 6px 14px rgba(255, 128, 255, 0.25);
	margin: 0;
	font-variant: small-caps;
	font-family: 'Adobe Caslon Pro', 'Hoefler Text', Georgia, Garamond, Times, serif;
	letter-spacing: 0.15em;
	line-height: 1em;
}

.workinprogress span {
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	color: #435;
	color: #424242;
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing: 0.1em;
	font-variant: small-caps;
}