html, body { height: 100%; }
body { margin: 0; padding: 0; color: #FFF; background: #000; text-shadow: 1px 1px 0 #000; }

p { margin: 0; padding: 0; width: 600px; font-size: 24px; line-height: 30px; }
div { padding: 0 0 0 24px; min-height: 100%; position: relative; }
div p:last-child { padding-bottom: 24px; }

a { color: #009; text-decoration: none; }

h1 { padding: 0; margin: 0; position: absolute; z-index: 11; top: 24px; left: 24px;
  font-size: 48px; line-height: 48px; font-family: Helvetica, Arial, sans-serif; letter-spacing: 1px; }

#faces { background: url("faces.jpg") no-repeat fixed bottom left; }
#faces p { padding-top: 96px; margin-bottom: -84px; font-family: Helvetica, Arial, sans-serif; font-size: 18px; }
#faces p.last { margin-bottom: 0; padding-bottom: 48px; }
#continued { position: absolute; bottom: 72px; }

#bank-street { background: #FFF; background: url("church.jpg") no-repeat fixed bottom right;}
#bank-street p { padding-top: 24px; margin-bottom: 0; font-family: Garamond; }
#bank-street a { color: #88C; }

#bank-street blockquote { background: #FFF; width: 576px; padding: 12px; margin: 24px 0 0; }
#bank-street blockquote p { width: 576px; margin: 0; padding: 0; text-shadow: none;
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; color: rgb(51, 51, 51); font-size: 11px; line-height: 14px; }

#trio { background: #FFF; }
#trio p { padding-top: 24px; margin-bottom: 0px; text-shadow: 1px 1px 0 #FFF; }

#listen { padding-bottom: 84px; }
#listen a { display: block; }

footer { display: block; position: relative; margin: -60px 0 0; padding: 0 0 24px 24px; background: #FFF;}
footer p { text-align: right; color: #999; margin: 0; text-shadow: 1px 1px 0 #FFF; }
footer a { color: #99F; }