body { color: #fff; background: #000; font-family: helvetica, arial, sans-serif;}

#wrapper { width: 965px; margin: 20px 0 0 0; position: relative;}
#sidebar, #content, #details { position: absolute; top: 0;}
#sidebar { width: 275px; left: 20px;}
#content { width: 650px; left: 315px;}
#details { width: 300px; top: 290px; left: 315px;}

#intro { width: 1000px; height: 650px; overflow: hidden;}
#intro img { top: 0; left: 0;}

h1 { margin-top: 40px;}
h1, #nav { margin-left: 60px;}

#nav { width: 255px; float: left; margin-top: 30px;}
#nav li a { width: 255px; float: left; color: #fff; font-size: 2.5625em; text-transform: uppercase; letter-spacing: 0.1em; margin: -10px 0 0 0;}
#nav li a:hover { color: #333;}

#sidebar ul { width: 275px; float: left; margin-bottom: 8px;}
#sidebar li { width: 50px; float: left; margin: 0px 4px 4px 0;}
#sidebar li a div, #sidebar li a div.inactive { filter:alpha(opacity=30); opacity: 0.3;}
#sidebar li a div.hover { filter:alpha(opacity=1); opacity: 1;}

#thumbs { height: 654px;}
#page_links { width: 100px; float: left;}
#prev, #next { display: none;}

.reel #sidebar { top: 100px;}
.reel #content { width: 425px; top: 80px;}
dt { color: #f96; font-size: 0.75em; text-transform: uppercase; margin: 3em 0 1em 0;}
dd { font-size: 0.6875em; margin-top: 0.5em;}
h2 { font-size: 2em; text-transform: uppercase; letter-spacing: 0.05em;}
.reel #back { margin: 300px 0 0 5px;}

#content p { color: #333;}

p { font-size: 0.75em; line-height: 1.1428em;}

#back { width: 80px; float: left; font-size: 0.875em; text-transform: uppercase; letter-spacing: 0.05em;}
#back a { color: #555;}
#back a:hover { color: #fff;}
.contact #back { margin: 10px 0 0 5px;}

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