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

body { margin: 0px; padding: 0px; background-color: #CCCCCC; background-attachment: fixed; background-image: url(images/paperbg.jpg); background-repeat: no-repeat; background-position: center top; }

#main { font-family: Futura, Tahoma, "Gill Sans", sans-serif; font-size: 12pt; font-weight: normal; color: #999999; margin: 0px; padding: 0px; height: 100%; position: absolute; width: 100%; left: 0px; top: 0px; }

#center { text-align: center; margin: 0px auto; padding: 0px; height: 650px; width: 800px; z-index: 1;}

.email { overflow: auto; position: relative; z-index: 1; height: 30px; width: 30%; left: 0px; top: 0px; padding: 5px; margin: 5px; float: left; }

.snailmail { overflow: auto; position: relative; z-index: 1; height: 30px; width: 40%; left: 0px; top: 0px; padding: 5px; float: left; margin: 5px; text-align: left; }

.telephone { overflow: auto; position: relative; z-index: 1; height: 30px; width: 20%; top: 0px; padding: 5px; float: left; margin: 5px; left: 0px; text-align: right; }

.portfolio { text-align: center; height: 600px; width: 800px; position: absolute; margin: 0px; padding: 0px; overflow: hidden; top: 50px; vertical-align: middle; z-index: 2; visibility: visible; }

.movie { text-align: center; height: 600px; width: 800px; position: absolute; margin: 0px; padding: 0px; overflow: visible; vertical-align: middle; z-index: 0; top: 50px; }

.thumbnails { position: absolute; z-index: 2; height: 50px; width: 800px; top: 650px; margin: 0px; padding: 0px; overflow: visible; }

.direction { position: relative; z-index: 2; height: 50px; width: 50px; top: 2px; padding: 0px; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 6px; }

#text { margin: 0px; padding: 0px; height: 60px; width: 100%; overflow: visible; position: absolute; z-index: 2; top: 700px; text-align: left; right: 0px; }

.blog { overflow: auto; position: relative; z-index: 2; height: 60px; width: 30%; left: 0px; top: 0px; padding: 5px; margin: 5px; float: left; }

.about { overflow: auto; position: relative; z-index: 2; height: 60px; width: 40%; left: 0px; top: 0px; padding: 5px; float: left; margin: 5px; }

.tweet { overflow: auto; position: relative; z-index: 2; height: 60px; width: 20%; top: 0px; padding: 5px; float: left; margin: 5px; left: 0px; text-align: right; }

.menusort { position: absolute; z-index: 3; height: 20px; width: 12em; top: 672px; right: 10px; margin: 0px; padding: 0px; background-color: #33ccff }

.seriesnav { overflow: auto; position: absolute; z-index: 3; height: 200px; width: 300px; top: 400px; right:20px; }

.navbutton { position: relative; z-index: 3; height: 40px; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 0px; float: left; }

a:link { color: #000000; }

a:hover { background-color: #ff0066; color: #CCCCCC; }

a:active { background-color: #ff0066; color: #CCCCCC; }

a:visited { color: #333333; }

.hover { background-color: #ff0066; }

.select { background-color: #ff0066; }

img { border: 0px; display: inline; }

.hide { visibility: hidden; }