body {background:#40424e;} a, img {border:none;text-decoration:none;} #ac_top {height:36px;} #main_nav {width:265px;} #menu {background:black; padding-left:12px;padding-right:13px; width:241px; height:41px; } #wait { background-image: url(images/waitwhite.gif); background-repeat: no-repeat; background-position: center center; height:52px; /*background-color:black;*/ } .wait, .bigwait { background-image: url(images/waitwhite.gif); background-repeat: no-repeat; background-position: center center; /*background-color:black;*/ } #pluginspan {position:relative; top:28px;} /* "SUB" showreel sub-level choices */ #sub {background:black; padding-left:12px;padding-right:12px; width:546px;} /*td's*/ #sub_left { background:url(images/sub.jpg) black repeat-x;} #flash { background:url(images/flash.jpg) black repeat-x;} /*the td with the flash button inside, is currently id'd as sub_left, to save on loading*/ #quicktime { background:url(images/quicktime.jpg) black repeat-x;} #download { background:url(images/download.jpg) black repeat-x;} #sub_right { background:black url(images/sub.jpg) repeat-x; text-align:right;} #edge_left{width:15px;background: url(images/edge_left.jpg) repeat-y;} #em{background:black;} /*background:#444;*/ #qt{background:black url(images/qt.jpg);} #edge_right{width:15px;background: url(images/edge_right.jpg) repeat-y} #bottom {background: url(images/edge_bottom.jpg) repeat-x bottom black;} #top_edge {position:relative; top:-501px; left:266px; background:black; height:12px; width:304px; text-align:right;} #drop_down {width:254px; padding-left:12px;padding-right:13px;} /* */ div#main_nav span#drop_down {display:none;} div#main_nav:hover span#drop_down {display: block; position:absolute;} div#main_nav span#acover {display:none;} div#main_nav:hover span#acover {display: block; position:absolute;} /* DEFAULT LINKS */ #showreel {background: #000 url(images/showreel.jpg) no-repeat left bottom;} #projects {background: #000 url(images/projects.jpg) no-repeat left bottom;} #artwork {background: #000 url(images/artwork.jpg) no-repeat left bottom;} #showreel_active #showreel {background: #000 url(images/showreela.jpg) no-repeat left bottom;} #projects_active #projects {background: #000 url(images/projectsa.jpg) no-repeat left bottom;} #artwork_active #artwork {background: #000 url(images/artworka.jpg) no-repeat left bottom;} #email {background: #000 url(images/email.jpg) no-repeat left bottom;} /* ACTIVE LINKS (specified by page) body#showreelbody #showreel {background: url(images/showreela.jpg) no-repeat left bottom;} body#projectsbody #projects {background: url(images/projectsa.jpg) no-repeat left bottom;} body#artworkbody #artwork {background: url(images/artworka.jpg) no-repeat left bottom;} */ /* FADING LINK HOVER */ .gradshine { filter:alpha(opacity=0) /*ie*/; -moz-opacity:0.0; opacity:.0; /*moz and safari*/} /* blue div#main_nav span#blue {display:none;} div#main_nav:hover span#blue {background:blue; position:absolute; width:100%; height:100%; top:0px; left:0px;} #project_links a {padding-right:6px; margin-bottom:20px; padding-left:6px;} */ /* "PROJECTS" SPECIFIC */ td {color:white;} #proj_title {padding: 0 13px 0 12px; background:black;} #proj_bottom { background: black url(images/bottom.jpg) no-repeat;} /* padding: 0 13px 0;when pic is updated*/ #proj_leftside {width:12px; border-right: white 3px solid; background: black;} #proj_container {background: black;} #proj_rightside {width:16px; background: black url(images/line2.jpg) repeat-y;} #p1 {background: black url(images/npu.jpg) no-repeat 8px 9px ;} #p2 {background: black url(images/skinku.jpg) no-repeat 8px 9px ;} #p3 {background: black url(images/mynau.jpg) no-repeat 8px 9px ;} #p4 {background: black url(images/tvcu.jpg) no-repeat 8px 9px ;} #p5 {background: black url(images/danceu.jpg) no-repeat 8px 9px ;} #p6 {background: black url(images/certu.jpg) no-repeat 8px 9px ;} #p7 {background: black url(images/beautyu.jpg) no-repeat 8px 9px ;} #p8 {background: black url(images/wipu.jpg) no-repeat 8px 9px ;} #p9 {background: black url(images/scu.jpg) no-repeat 8px 9px ;} #p10 {background: black url(images/pandau.jpg) no-repeat 8px 9px ;} #p11 {} #p12 {} #infobox {height:71px; text-align:center; padding-top:12px;} /* "PROJECTS" SPECIFIC */ #grid_artwork { border: black solid 14px; border-width:2px 14px 0;} #grid_artwork td { border:1px dashed black; text-align:center;} #top_edge_artwork {position:relative; top:-506px; left:266px; background:black; height:12px; width:304px; text-align:right;} #a1 {background: black url(images/u13.jpg) no-repeat 12px 13px ;} #a2 {background: black url(images/u20.jpg) no-repeat 12px 13px ;} #a3 {background: black url(images/uugly.jpg) no-repeat 12px 13px ;} #a4 {background: black url(images/u14.jpg) no-repeat 12px 13px ;} #a5 {background: black url(images/u06.jpg) no-repeat 12px 13px ;} #a6 {background: black url(images/u01.jpg) no-repeat 12px 13px ;} #a7 {background: black url(images/ufox.jpg) no-repeat 12px 13px ;} #a8 {background: black url(images/ucloseup.jpg) no-repeat 12px 13px ;} #a9 {background: black url(images/uclouds.jpg) no-repeat 12px 13px ;} #a10 {background: black url(images/udrape.jpg) no-repeat 12px 13px ;} #a11 {background: black url(images/ucricket.jpg) no-repeat 12px 13px ;} #a12 {background: black url(images/ugordon.jpg) no-repeat 12px 13px ;} #a13 {background: black url(images/ubeauty.jpg) no-repeat 12px 13px ;} #a14 {background: black url(images/ucenturion.jpg) no-repeat 12px 13px ;} #a15 {background: black url(images/ubogchi.jpg) no-repeat 12px 13px ;} #a16 {background: black url(images/u07.jpg) no-repeat 12px 13px ;} #a17 {background: black url(images/ubrute.jpg) no-repeat 12px 13px ;} #a18 {background: black url(images/uclimber.jpg) no-repeat 12px 13px ;} #a19 {background: black url(images/urooster.jpg) no-repeat 12px 13px ;} #a20 {background: black url(images/umonaedna.jpg) no-repeat 12px 13px ;} #a21 {background: black url(images/uroads.jpg) no-repeat 12px 13px ;} #a22 {background: black url(images/ustoryboard.jpg) no-repeat 12px 13px ;} #a23 {background: black url(images/ucharacters.jpg) no-repeat 12px 13px ;} #a24 {background: black url(images/usloth.jpg) no-repeat 12px 13px ;} #a25 {background: black url(images/upanda.jpg) no-repeat 12px 13px ;} #a26 {background: black url(images/ulima.jpg) no-repeat 12px 13px ;} #a27 {background: black url(images/spacer.gif) no-repeat 12px 13px ;} #a28 {background: black url(images/spacer.gif) no-repeat 12px 13px ;} #a29 {background: black url(images/spacer.gif) no-repeat 12px 13px ;} #a30 {background: black url(images/spacer.gif) no-repeat 12px 13px ;} #allx { background:url(images/alla.jpg) black repeat-x; cursor:pointer;} #trad { background:url(images/traditional.jpg) black repeat-x; cursor:pointer;} #digi { background:url(images/digital.jpg) black repeat-x; cursor:pointer;} #sket { background:url(images/sketches.jpg) black repeat-x; cursor:pointer;} #char { background:url(images/character.jpg) black repeat-x; cursor:pointer;}