/* Body and font settings. */
body {font-family:sans-serif; font-size:small; color:#f4f4f1; background-color:#000000;}

.scrollgeneric {line-height:1px; font-size:1px; position:absolute; top:auto; left:auto;}
.vscrollerbase {width:10px; background-color:#000000;}
.vscrollerbar {width:10px; background-color:#202a49;}
.hscrollerbase {height:10px; background-color:#000000;}
.hscrollerbar {height:10px; background-color:#202a49;}
.scrollerjogbox {width:10px; 
height:10px; top:auto; left:auto; 
bottom:0px; right:0px; 
background-color:#000000;
}

a:link {color:#ddddc6;}
a:visited {color:#e2e2d6;}
a:hover {color:#b9cce0; text-decoration:none;}
a:active {color:#b9cce0;}

h1 {font-size:small; text-decoration:none;}

/* Gallery settings. */
div.top {z-index:5; background-color:#202a49; overflow:no; text-align:center; position:absolute; top:0; height:40px; left:0; width:100%;
background-image:url(img/navbg.jpg); background-position:top center; background-attachment:fixed; background-repeat:no-repeat; padding:0;}

div#sketch {z-index:5; position:absolute; top:390px; height:250px; left:50%; width:320px; margin-left:-450px; padding:2px; overflow:auto;}
div#color {z-index:5; position:absolute; top:85px; height:250px; left:50%; width:320px; margin-left:-535px; padding:2px; overflow:auto;}
div#display {position:absolute; top:0; height:600px; left:0; width:570px; background-image:url(img/galdisplay.jpg); background-position:top center; background-attachment:fixed; background-repeat:no-repeat; padding:0;}
iframe#imgdisplay {z-index:2; position:absolute; top:100px; height:600px; left:50%; width:570px; padding:0; overflow:auto;}

img#bg {z-index:1; position:absolute; top:0; left:50%; width:1240px; margin-left:-620px;}
img#snail {z-index:3; position:absolute; top:632px; left:50%; width:166px; margin-left:454px;}
img#pencil {z-index:3; position:absolute; top:0; left:50%; margin-left:-25px;}