body, html { width: 99%; height: 99%; }
body { margin: 0; padding: 0; background: url("/img/borderLeft.gif") repeat-y 120px 0px; }

a { color: #666; text-decoration: none; }
a:hover { color: #006; font-weight: bold; }

#header h1 { margin: 75px 0 0 0; letter-spacing: -3px; font: bold 87px "Arial Narrow",Helvetica,sans-serif; text-transform: uppercase; display: none; }
#logo { margin-top: 65px; }

#borderLeft { width: 120px; height: 100%; border-right: 1px solid #999; position: absolute; top: 0px; left: 0px; }
#borderTop  { width: 100%; height: 200px; border-bottom: 1px solid black; position: absolute; top: 0px; left: 0px; }

#page { margin-left: 140px; font-family: "Courier New",Verdana,"Lucida Grande",Helvetica,Arial,sans-serif; }

#header { width: 820px; height: 200px; position: relative; margin-bottom: 15px; border: 1px solid white; text-transform: uppercase; }
#header .slug_outter { width: 300px; position: absolute; top: 120px; left: 310px; }
#header .slug { font-size: 12px; color: #333; letter-spacing: 1px; margin-left: 10px; }
#header .fon { font: bold 13px/21px Helvetica,sans-serif; color: #888; text-transform: uppercase; letter-spacing: 1px; margin-left: 10px; }
#navbar { position: absolute; bottom: 10px; font-size: 15px; white-space: pre; }
#navbar a:hover, #navbar .active { font-weight: bold; text-decoration: none; }
#navbar .divider { margin: 0 25px; color: #999; }

#sandbox { line-height: 170%; font-size: 14px; width: 900px; letter-spacing: 0px; }
.imgFrame { padding: 5px; border: 1px solid black; margin-bottom: 15px; float: left; }
.credit { font-size: 80%; line-height: 130%; margin-left: 10px; width: 200px; display: block; float: left; }

/* GALLERY PAGE */
#gallerysrSlideshowFrame { border: 1px solid black; padding: 5px; margin-right: 15px; margin-bottom: 15px; float: left; }
#gallerysrInfo { font-size: 14px; color: #333; position: relative; height: 400px; }
#gallerysrInfo .credit { position: absolute; bottom: 10px; right: 0px; text-align: right; }

#gallerysrSlideshowThumbs { width: 830px; clear: both; }
#gallerysrSlideshowThumbs img { display: block; float: left; width: 98px; height: 73px; margin-right: 15px; margin-bottom: 15px; border: 1px solid black; }
#gallerysrSlideshowThumbs img:hover { border-color: red; }

#thumbs a, #thumbs img { width: 98px; height: 73px; }

/* REEL PAGE */
.movieList { float: left; }
#motion { float: right; }
.videoCaption { margin-top: 5px; margin-bottom: 0px; font-size: 11px; line-height: 180%; color: #888; letter-spacing: 1px; }
.videoCaption .role { float: left; width: 190px; font-weight: normal; }

/* M O T I O N */
.movieList { width: 260px; line-height: 200%; }
.movieList a { font-size: .8em; display: block; }
.moveiList a.active { color: black; }
.movieList a.active::before { font-weight: bold; content: "> "; margin-left: -11px; }
.videoCaption { letter-spacing: .8px; line-height: 170%; margin-top: 10px; width: 640px; }

/* DIY HAIR */
.ut { float: left; margin-right: 20px; margin-bottom: 50px; width: 480px; height: 295px; border: 0px solid red; }

.hidden { display: none; }