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.5; }
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; }
h3 { font-size:12px; color:white; margin-bottom:2px; }
h4 { font-size:12px; color:#ccc; margin-top:0px; }

.Subtext { color:#999; }
.Highlight { color:#cc9933; }

body.Photo { margin:0px; background:#1c1a18; }

a.External { font-size:12px; font-family:Georgia,"Times New Roman",serif; }
a.External:hover { text-decoration:underline; }


.Container { position:absolute; left:0px; top:20px; width:5000px; height:500px; /*background:#1a1a1a;*/ background:#1c1a18; }

.Nav { position:absolute; left:20px; padding:0px; font-size:16px; line-height:12px; }
.Nav:hover { color:#cc9933; }
.NavHome { top:20px; }
.NavCV { top:395px; left:55px; }
.NavWeb { top:418px; }
.NavPhoto { top:441px; }
.NavFilm { top:464px; }

.NavWeb img , .NavPhoto img  , .NavFilm img  { width:60px; height:12px; }

.SortMenu , .ViewMenu , .SubNav { position:absolute; font-size:10px; top:315px; z-index:1000; font-family:"Arial Black"; color:#999; }
.SortMenu { left:120px; }
.ViewMenu { left:20px; }
.SubNav { left:120px; line-height:14px; }
.SortMenu img , .ViewMenu img { vertical-align:middle; margin:0px 5px 0px 0px; }
.SortMenu a , .ViewMenu a { display:block; margin:5px 0px 0px 0px; }
.SubNav .SubNavHeader { margin-bottom:5px; }
.SubNav a { display:block; }

.Intro { position:absolute; left:20px; top:100px; width:200px; height:300px; font-size:14px; line-height:1.3; }

.ContainerSmall { position:absolute; top:0px; width:220px; }
.ContainerMed { position:absolute; top:0px; width:200px; }
.ContainerWide { position:absolute; top:0px; width:440px; }

.ContainerSmallTest { top:0px; width:220px; float:left; border:1px solid red; }

.ScrollHelper { left:50000px }

.Arrows { position:absolute; top:70px; padding:5px; padding-left:0px; display:none; }

.NavBack { position:absolute; padding:5px; right:35px; top:464px; }

.Controls { position:absolute; left:270px; top:440px; }

.Links, .LinksSmall  { position:absolute; left:270px; top:460px; 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; }

.List { padding-left:65px; }

#scroller { position:absolute; left:270px; top:100px; width:5000px; height:350px; overflow:hidden; }

.Background { display:block; }
.Home .Background { display:block; }

.Email { color:white; }

.Hidden { font-size:1px; text-decoration:none; color:black; }

.Introtext { position:absolute; top:412px; left:530px; width:360px; color:#666; }
.Introtext p { margin-bottom:8px; }
.Introtext a.External { color:#999; }

.Introtext2 { position:absolute; font-size:13px; top:225px; left:300px; width:360px; }
.Introtext2 a { font-weight:bold; }


/* Web */

.WebDesc { position:absolute; left:220px; top:0px; line-height:1.4; }


/* Photo */
/* Little hack here to fix IE's PNG transparency */

.Photo { }
.PhotoDesc { position:absolute; top:310px; }

.Portrait { width:113px; height:150px; margin-bottom:20px; margin-left:44px; }
.Landscape { width:200px; height:125px; margin-bottom:45px; }

.PortraitBig { width:225px; height:300px; padding-left:87px; }
.LandscapeBig { width:400px; height:250px; }

.Caption1 { top:130px; }
.Caption2 { top:300px; }
.Caption1 , .Caption2 { position:absolute; text-align:center; width:150px; left:25px; padding:2px 0px 2px 0px; font-size:12px; }

.BigCaption { left:87px; }
.BigCaptionTall { left:3px; }
.BigCaption , .BigCaptionTall { top:260px; position:absolute; text-align:center; width:225px; padding:2px 0px 2px 0px; font-size:12px; }

.Shadow { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=scale src='images/semi_opaque.png' ); }
.Shadow[class] { background:url('images/semi_opaque.png'); }

.MorePhotos .Caption1 , .MorePhotos .Caption2 { display:none; }




/* Film */

.Grab { position:absolute; top:0px; width:200px; height:125px; padding-right:40px; }
.Grab2 { position:absolute; top:145px; width:200px; height:125px; padding-right:40px; }

.FilmDesc { position:absolute; top:150px; padding-right:20px; }

.QTFilm { position:absolute; top:40px; left:40px; }
.CloseWindow { position:absolute; top:20px; left:660px; }
.Chooser { position:absolute; top:470px; left:0px; width:100%; text-align:center; }


