@charset "UTF-8";
/* CSS Document */

*{margin:0px; padding:0px; font-family:Century Gothic, Helvetica, Arial, sans-serif; font-size:100%; line-height:1.2em; color:#000;}
#bodyholder{position:relative; width:818px; top:60px; padding:0px 40px; margin:0px auto;}
img{}
ul{margin-bottom:.5em; margin-left:1em; list-style:url(../images/arrows.gif); padding-left:3px;}
ul li{font-size:.78em; text-align:justify; font-weight:bold; margin-bottom:.5em;}
ul li ul{margin-top:.5em;}
ul li ul li{font-size:inherit;}
h1{font-size:1em; text-transform:uppercase; margin-bottom:.3em;}
h2{font-size:.925em; text-transform:uppercase; margin-bottom:.2em;}
h3{font-size:.875em; text-transform:uppercase;}
h4{font-size:.7em; text-transform:uppercase; color:#666;}

a {color:#555; text-decoration:none;}
a:hover{color:#888; text-decoration:none;}

#tabholder{position:relative; width:818px;}
#block1, #block2, #block3, #block4, #block5, #block6, #block7 {position:relative; width:20px; height:420px; margin-left:2px; float:left;}
#block1 {width:680px; background:url(../images/bg1.jpg);}
#block2 {background:url(../images/bg2.jpg);}
#block3 {background:url(../images/bg3.jpg);}
#block4 {background:url(../images/bg4.jpg);}
#block5 {background:url(../images/bg5.jpg);}
#block6 {background:url(../images/bg6.jpg);}
#block7 {position:absolute; right:3px; background:url(../images/bg7.jpg);}
#page1, #page2, #page3, #page4, #page5, #page6, #page7 {position:absolute; top:0px; left:0px; width:640px; height:420px; padding:0px;}
#loading {display:block; position:absolute; left:320px; top:195px; z-index:2;}
#go1, #go2, #go3, #go4, #go5, #go6, #go7{margin:10px 0px 0px 0px;}
#pageContents{position:absolute; border:none; z-index:3;}
#win{width:640px; height:420px; display:none;}
p{font-size:.78em; text-align:justify; text-indent:2em; margin-bottom:1em; font-weight:bold;}

/*Individual pages*/
#about{margin-left:270px; margin-top:10px; width:350px;}

#projects{margin-left:270px; margin-top:10px; width:350px;}

#cine1, #cine2{width:620px; margin-left:45px; margin-top:10px;}
#theater, #blackout{background-color:#000; position:absolute; top:0px; left:0px; width:100%; height:100%; padding:0px; margin:0px; z-index:10; display:none;}
#blackout{z-index:11;}
#reelTitle {color:#CCC; font-size:.875em; text-transform:uppercase; font-weight:bold}
.reelholder{float:left; clear:left;}
.reel{float:left; width:190px; margin:20px 10px 0px 0px; text-align:center;}
.reel a{font-size:.7em;}

#resume {width:620px; margin-left:40px; margin-top:10px;}
#credits {font-size:.75em;}
#credits td{padding:1px 8px;}
#credits #titles{font-size:1.05em; font-weight:bold;}
#credits #titles td{border-top:1px solid #000; border-bottom:1px solid #000; padding-top:3px; padding-bottom:3px;}
#credits .even{background-color: #E7F7FF;}

#equipment {width:620px; margin-left:45px; margin-top:10px;}
#equipment img {position:relative; margin-left:-4px;}

#contact {margin-left:310px; margin-top:10px; width:320px;}
#contact label.error {font-size:.75em; color: #F00; display:block;}
#contact div{margin-bottom:10px;}
#fail {color:#CC0000}

#links {margin-left:305px; margin-top:10px; width:320px;}