html { overflow-x:hidden; overflow-y:scroll; }
img { border:none; }
body { background:black; margin:0px; color:#ccc; font-size:12px; font-family:Georgia,"Times New Roman",serif; overflow:hidden; line-height:1.3; }
p { margin-top:0px; margin-bottom:12px; }
b { color:white; }
a { font-family:"Arial Black"; font-size:11px; color:white; text-decoration:none; }
a:active { outline:none; }

ul { padding-left:15px; }
ul li { padding-bottom:5px; }

h2 { font-family:"Arial Black"; font-size:12px; font-weight:normal; color:white; margin-top:0px; margin-bottom:3px; text-transform:uppercase; }
h3 { font-size:12px; color:white; margin-bottom:2px; }
h4 { font-size:12px; color:#ccc; margin-top:0px; }

abbr { text-transform:uppercase; font-size:11px; letter-spacing:0.05em; }

.Subtext { color:#999; }
.Highlight { color:#cc9933; }
.SmallText { font-size:13px; }

.SubtextTitle { color:#999; font-size:10px; padding-left:10px; }

body.Photo { margin:0px; background:#1c1a18; }

a.External { font-family:Georgia,"Times New Roman",serif; }
a.External:hover { text-decoration:underline; }

.BodyContainer { position:absolute; left:0px; width:5000px; height:600px; background:#1c1a18; }

.Nav { position:absolute; left:20px; padding:0px; font-size:16px; font-weight:normal; line-height:12px; text-align:right; width:100px; }
.Nav:hover { color:#cc9933; }
.NavHome { top:20px; }
.NavWeb { top:90px; }
.NavPhoto { top:113px; }
.NavFilm { top:136px; }
.NavCV { top:159px; }
.NavBlog { top:200px; color:#ccc; }

.Home .Nav { width:208px; }
.Home .NavWeb { top:250px; }
.Home .NavPhoto { top:273px; }
.Home .NavFilm { top:296px; }
.Home .NavCV { top:319px; }
.Home .NavBlog { top:350px; }

.Container { position:absolute; top:0px; width:600px; height:575px; }

.About { font-size:14px; line-height:1.4; }

.ScrollHelper { left:50000px }

.Arrows { position:absolute; top:70px; padding:5px; padding-left:0px; display:none; }

.Links, .LinksSmall  { position:absolute; left:260px; top:560px; font-family:"Arial Black"; font-size:16px; color:#999; }
.Links a , .LinksSmall a { font-size:16px; padding:5px; }

.LinksSmall span { padding:0px 5px 0px 5px; }

.LinksSmall a.LinkOff { position:absolute; display:none; }
.Links a.Arrow , .LinksSmall a.Arrow { padding-left:10px; padding-right:10px; }
a.LinkOff { color:white; }
a.LinkOn { color:#cc9933; }
a.LinkSmall { font-size:8px; padding:2px; }

#scroller { position:absolute; left:160px; top:90px; width:5000px; height:455px; overflow:hidden; }

.Background { display:block; height:600px; }
.Home .Background { display:block; }

.Email { color:white; }

.Hidden { font-size:1px; text-decoration:none; color:black; }

.IntroLogo { position:absolute; top:200px; left:20px; }
.Introtext { position:absolute; top:250px; left:20px; width:360px; color:#666; }
.Introtext p { margin-bottom:8px; }
.Introtext a.External { color:#999; }

.Portrait { width:281px; height:375px; border-left:160px solid #292929; border-right:159px solid #292929; }
.Landscape { width:600px; height:375px; }
.FilmGrab { width:600px; height:325px; border-bottom:50px solid #292929; }

.Caption { top:375px; width:570px; position:absolute; text-align:left; padding:10px 15px 20px 15px; font-size:12px; background:#333; }