body { margin: 20px 0px 0px 0px; background-color: white; font-family: Verdana,Helvetica,Arial,"sans serif"; }
.mainContent { width: 930px; margin: 0px auto; font: bold 24px/36px Helvetica,Arial,sans-serif; text-align: justify; border: 0px solid red; }

a { text-decoration: none; color: black; font-weight: bold; }
a:hover { text-decoration: none; }

#nav { position: fixed; bottom: 0px; width: 100%; text-align: center; font: 16px Verdana,Helvetica,Arial,"sans serif";  /* repeated for blog */ border: 0px solid red; }
#nav_inner { border: 1px solid #666; border-bottom: none; width: 100%; height: 26px; background-color: #F6F6F6; margin: 0px auto;  }
#nav a { color: black; text-align: center; padding: 0px 25px 6px 25px; height: 25px; line-height: 20px; opacity: .8; }
#nav a.active { color: white; opacity: .8; }
#nav a:hover { opacity: 1; }

.active.sample208 { background-color: #000; color: white; }
.active.hear { background-color: #606; color: white; }
.active.see { background-color: #09C; color: white; }
.active.read { background-color: #BD6; color: white; }
.active.eat { background-color: #FB6; color: white; }
.active.contact { background-color: #666; color: white; }

h1, h2 { text-transform: uppercase; }
h1 { text-align: center; margin: 100px 0px 90px -30px; height: 90px; border: 0px solid red; }
h2 { text-transform: capitalize; font-size: 40px; margin-bottom: 10px; font-weight: bold; }
h3 { margin: 0px; font-size: 24px; margin: 0px; }

.hear h1, .hear h2 { color: #606; }
.hear h1 { font-size: 300px; letter-spacing: -22px; }

.see h1, .see h2 { color: #09C; }
.see h1 { font-size: 290px; letter-spacing: -30px; }
.hoffman h1 { font-size: 240px; letter-spacing: -20px; }

.read h1 { margin: -50px 0 70px -20px; }
.read h1 a, .read h2 a { color: #BD6; }
.read h1 { font-size: 149px; letter-spacing: -15px; }

.eat h1, .eat h2 { color: #FB6; }
.contact { color: #666; }

.songs { border: 0px solid red; clear: both; }
.songs a { display: block; font-size: 22px; line-height: 100%; width: 284px; height: 45px; text-align: left; float: left; padding-left: 25px; border: 0px solid red; }
.songs a:hover { background: url("/img/playIcon.gif") no-repeat; }
.hear a div { color: #666; font-size: 60%; font-weight: normal; line-height: 120%; margin-left: 1ex; }

.videos { clear: both; border: 0px solid red; }
.videos a { display: block; float: left; width: 250px; text-align: center; font-weight: normal; font-size: 60%; color: #777; line-height: 150%; margin: 0px 30px 30px 30px; border: 0px solid red; }
.videos a:hover { background: url("/img/playIcon.gif") no-repeat bottom left; }
.videos.limitededition a { color: #c00; }

#movieTitle { font: bold 14px Helvetica,Arial; position: absolute; bottom: 5px; }

/* CENTERING CODE:
	/* Vertical Centering for IE only
	#inner { position: absolute; top: 50%; width: 99%; text-align: center; }
	
	/* Vertical Centering for Standards Compliant Browsers
	html>body #outer { display: table; width: 100%; height: 100%; overflow: hidden; border: 0px solid green; }
	html>body #inner { display: table-cell; vertical-align: middle; position: relative; top: 0px; }
	.mainContent { position: relative; _top: -50%; top: 25%; left: 0px; width: 800px; margin: 0px auto; text-align: left; }
*/