@import url(all.css);
@import url(content.css);

    body,
    html
    {
      width: 100%;
      height: 100%;
      font: 0.8125em "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
      line-height: 1;
      color: #F2EFE3;
      background: transparent url(../gfx/512_bg_white_mid.gif) left top repeat;
      background-color: #000000;
      overflow: hidden;
    }

    #javascript
    {
      z-index: 4;
      position: absolute;
      overflow: hidden;
      display: block;
      top: 104px;
      left: 416px;
      margin: 0;
      padding: 0;
      width: 528px;
      height: 32px;
      float: left;
      color: #A92424;
      font-size: 1em;
      font-weight: bold;
      text-align: center;
      vertical-align: middle;
      line-height: 32px;
      background-color: #000000;
    }

    #top
    {
      z-index: 2;
      position: absolute;
      overflow: hidden;
      display: inline;
      top: 0;
      right: 0;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      float: right;
      background: transparent url(../gfx/284x355_bg_white_top.png) right top no-repeat;
    }

    #logo
    {
      z-index: 3;
      position: absolute;
      overflow: hidden;
      display: inline;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      float: right;
      background: transparent url(../gfx/1024x361_logo_top.png) left top no-repeat;
    }

    #menu
    {
      z-index: 4;
      position: absolute;
      overflow: hidden;
      display: inline;
      top: 0;
      left: 408px;
      margin: 0;
      padding: 0;
      width: 544px;
      height: 152px;
      float: left;
      background-color: transparent;
    }

    #menu ul
    {
      position: relative;
      overflow: hidden;
      top: 96px;
      margin: 8px;
      padding: 0;
      width: 528px;
      height: 32px;
      display: block;
      list-style: none;
      text-align: center;
      background-color: #000000;
    }

    #menu ul li
    {
      position: relative;
      color: #F2EFE3;
      border: 0;
      margin: 0;
      padding: 0;
      padding-top: 0.25em;
      padding-left: 0.5em;
      padding-right: 0.5em;
      float: left;
      height: 32px;
      display: block;
      list-style: none;
      font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
      font-size: 1.4em;
      font-variant: normal;
      font-weight: bold;
      text-align: center;
      background-color: #000000;
    }

    #menu ul li a,
    #menu ul li a:link,
    #menu ul li a:visited,
    #menu ul li a:active
    {
      color: #F2EFE3;
      text-decoration: none;
      background-color: #000000;
    }

    #menu ul li a:hover
    {
      color: #F2EFE3;
      text-decoration: underline;
      background-color: #000000;
    }

    #random
    {
      z-index: 5;
      position: absolute;
      overflow: hidden;
      display: inline;
      top: 152px;
      left: 136px;
      margin: 0;
      padding: 0;
      width: 272px;
      height: 331px;
      float: left;
      background-color: transparent;
      background: transparent url(../media/1ahbub0MBcq8ZLBr.png) left top no-repeat;
    }

    #banner
    {
      z-index: 5;
      position: absolute;
      overflow: hidden;
      display: inline;
      top: 475px;
      left: 136px;
      margin: 0;
      padding: 0;
      width: 272px;
      height: 331px;
      float: left;
      background-color: transparent;
    }

    #content_bg
    {
      z-index: 6;
      position: absolute;
      overflow: hidden;
      display: inline;
      top: 144px;
      left: 408px;
      margin: 0;
      padding: 0;
      width: 560px;
      height: 380px;
      float: left;
      background: transparent url(../gfx/dirt_content.png) left top no-repeat;
    }

    #content_fade_top
    {
      z-index: 8;
      position: absolute;
      overflow: hidden;
      display: inline;
      top: 224px;
      left: 432px;
      margin: 0;
      padding: 0;
      width: 512px;
      height: 40px;
      float: left;
      background: transparent url(../gfx/dirt_content_fade_top.png) left top no-repeat;
    }

    #content_fade_bot
    {
      z-index: 8;
      position: absolute;
      overflow: hidden;
      display: inline;
      top: 448px;
      left: 432px;
      margin: 0;
      padding: 0;
      width: 512px;
      height: 40px;
      float: left;
      background: transparent url(../gfx/dirt_content_fade_bot.png) left top no-repeat;
    }

    #header
    {
      z-index: 9;
      position: absolute;
      overflow: hidden;
      display: inline;
      top: 144px;
      left: 408px;
      margin: 0;
      padding: 0;
      width: 560px;
      float: left;
      clear: both;
      background: transparent;
    }
    #header h1
    {
      z-index: 9;
      position: relative;
      overflow: hidden;
      display: block;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
      width: 560px;
      float: left;
      color: #F2EFE3;
      text-indent: 999999px;
      font-family: "Georgia","Times",serif;
      font-size: 2.6em;
      line-height: 999999px;
      background: transparent;
    }
    #header h1.bio
    {
      z-index: 9;
      height: 88px;
      background: transparent url(../gfx/headers/bio.png) left top no-repeat;
    }
    #header h1.contact
    {
      z-index: 9;
      height: 380px;
      background: transparent url(../gfx/headers/contact.png) left top no-repeat;
    }
    #header h1.downloads
    {
      z-index: 9;
      height: 88px;
      background: transparent url(../gfx/headers/downloads.png) left top no-repeat;
    }
    #header h1.events
    {
      z-index: 9;
      height: 88px;
      background: transparent url(../gfx/headers/events.png) left top no-repeat;
    }
    #header h1.faq
    {
      z-index: 9;
      height: 380px;
      background: transparent url(../gfx/headers/faq.png) left top no-repeat;
    }
    #header h1.galleries
    {
      z-index: 9;
      height: 88px;
      background: transparent url(../gfx/headers/galleries.png) left top no-repeat;
    }
    #header h1.news
    {
      z-index: 9;
      height: 88px;
      background: transparent url(../gfx/headers/news.png) left top no-repeat;
    }
    #header h1.thanks
    {
      z-index: 9;
      height: 380px;
      background: transparent url(../gfx/headers/thanks.png) left top no-repeat;
    }
    #header h1.links
    {
      z-index: 9;
      height: 115px;
      background: transparent url(../gfx/headers/links.png) left top no-repeat;
    }
    #header h1.releases
    {
      z-index: 9;
      height: 115px;
      background: transparent url(../gfx/headers/releases.png) left top no-repeat;
    }

    #bot
    {
      z-index: 2;
      position: absolute;
      overflow: hidden;
      display: inline;
      bottom: 0;
      left: 0;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      float: left;
      background: transparent url(../gfx/512x229_bg_white_bot.png) left bottom repeat-x;
    }

    #imageContainer
    {
      z-index: 1001;
      position: absolute;
      overflow: hidden;
      display: block;
      visibility: hidden;
      width: 100%;
      height: 100%;
      background-color: transparent;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-position: center center;
      background-image: none;
    }

    #imageContainerBG
    {
      z-index: 1000;
      position: absolute;
      overflow: hidden;
      display: block;
      visibility: hidden;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      background-color: #000;
      -moz-opacity: 0;
      opacity: 0;
    }

    #scroll_up
    {
      z-index: 10;
      position: absolute;
      overflow: hidden;
      display: inline;
      top: 224px;
      left: 920px;
      margin: 0;
      padding: 0;
      width: 66px;
      height: 64px;
      float: left;
      background: transparent url(../gfx/scroll_up.png) left top no-repeat;
    }

    #scroll_up
    {
      z-index: 10;
      position: absolute;
      overflow: hidden;
      display: block;
      visibility: hidden;
      top: 224px;
      left: 920px;
      margin: 0;
      padding: 0;
      width: 66px;
      height: 64px;
      float: left;
      background: transparent url(../gfx/scroll_up.png) left top no-repeat;
    }

    #scroll_up img
    {
      z-index: 10;
      position: relative;
      margin: 0;
      padding: 0;
      border: 0;
      width: 66px;
      height: 64px;
    }

    #scroll_down
    {
      z-index: 10;
      position: absolute;
      overflow: hidden;
      display: block;
      visibility: hidden;
      top: 416px;
      left: 932px;
      margin: 0;
      padding: 0;
      width: 66px;
      height: 64px;
      float: left;
      background: transparent url(../gfx/scroll_down.png) left top no-repeat;
    }

    #scroll_down img
    {
      z-index: 10;
      position: relative;
      margin: 0;
      padding: 0;
      border: 0;
      width: 66px;
      height: 64px;
    }

    /* T A B U L A R - L I S T */

    #byitem ul
    {
    	margin: 0;
    	padding: 0;
        font-size: 1em;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1em;
        height: auto;
    }

    #byitem ul.vert
    {
    	margin: 0;
    	padding: 0;
    	width: auto;
    	list-style-type: none;
        height: auto;
     }

    #byitem ul.vert li
    {
    	margin: 0;
    	padding: 0;
    	padding-top: 4px;
    	vertical-align: bottom;
    	height: auto; /* space out your rows */
    	line-height: 1.2em;
    }
    #byitem ul.vert li.h22  { height: 22px; }
    #byitem ul.vert li.h44  { height: 44px; }
    #byitem ul.vert li.h66  { height: 66px; }
    #byitem ul.vert li.h88  { height: 88px; }
    #byitem ul.vert li.h110 { height: 110px; }
    #byitem ul.vert li.h132 { height: 132px; }
    #byitem ul.vert li.h154 { height: 154px; }
    #byitem ul.vert li.h_auto
    {
    	margin: 0;
    	padding: 0;
        position: relative;
        display: block;
        top: 0;
        left: 0;
        float: left;
        clear: none;
    }

    #byitem ul.vert li.o22  { height: 22px; }
    #byitem ul.vert li.o44  { height: 44px; }
    #byitem ul.vert li.o66  { height: 66px; }
    #byitem ul.vert li.o88  { height: 88px; }
    #byitem ul.vert li.o110 { height: 110px; }
    #byitem ul.vert li.o132 { height: 132px; }
    #byitem ul.vert li.o154 { height: 154px; }
    #byitem ul.vert li.o_auto
    {
    	margin: 0;
    	padding: 0;
        position: relative;
        display: block;
        top: 0;
        left: 0;
        float: left;
        clear: none;
    }

    #byitem ul.vert li.hidden   { display: none; }

    #byitem ul.horz
    {
    	margin: 0;
    	padding: 0;
    	margin-left: 2px;
    	margin-right: 2px;
    	list-style-type: none;
    }

    #byitem ul.horz li
    {
    	display: block;
    	margin: 0;
    	padding: 0;
    	float: left;
    	clear: right;
        vertical-align: bottom;
    }

    #byitem ul.horz li.c5   { width: 5%; text-align: center; }
    #byitem ul.horz li.c10  { width: 10%; text-align: center; }
    #byitem ul.horz li.c15  { width: 15%; text-align: center; }
    #byitem ul.horz li.c20  { width: 20%; text-align: center; }
    #byitem ul.horz li.c25  { width: 25%; text-align: center; }
    #byitem ul.horz li.c30  { width: 30%; text-align: center; }
    #byitem ul.horz li.c35  { width: 35%; text-align: center; }
    #byitem ul.horz li.c40  { width: 40%; text-align: center; }
    #byitem ul.horz li.c45  { width: 45%; text-align: center; }
    #byitem ul.horz li.c50  { width: 50%; text-align: center; }
    #byitem ul.horz li.c55  { width: 55%; text-align: center; }
    #byitem ul.horz li.c60  { width: 60%; text-align: center; }
    #byitem ul.horz li.c65  { width: 65%; text-align: center; }
    #byitem ul.horz li.c70  { width: 70%; text-align: center; }
    #byitem ul.horz li.c75  { width: 75%; text-align: center; }
    #byitem ul.horz li.c80  { width: 80%; text-align: center; }
    #byitem ul.horz li.c85  { width: 85%; text-align: center; }
    #byitem ul.horz li.c90  { width: 90%; text-align: center; }
    #byitem ul.horz li.c95  { width: 95%; text-align: center; }
    #byitem ul.horz li.c100 { width: 100%; text-align: center; }

    #byitem ul.horz li.j5   { width: 5%; text-align: justify; }
    #byitem ul.horz li.j10  { width: 10%; text-align: justify; }
    #byitem ul.horz li.j15  { width: 15%; text-align: justify; }
    #byitem ul.horz li.j20  { width: 20%; text-align: justify; }
    #byitem ul.horz li.j25  { width: 25%; text-align: justify; }
    #byitem ul.horz li.j30  { width: 30%; text-align: justify; }
    #byitem ul.horz li.j35  { width: 35%; text-align: justify; }
    #byitem ul.horz li.j40  { width: 40%; text-align: justify; }
    #byitem ul.horz li.j45  { width: 45%; text-align: justify; }
    #byitem ul.horz li.j50  { width: 50%; text-align: justify; }
    #byitem ul.horz li.j55  { width: 55%; text-align: justify; }
    #byitem ul.horz li.j60  { width: 60%; text-align: justify; }
    #byitem ul.horz li.j65  { width: 65%; text-align: justify; }
    #byitem ul.horz li.j70  { width: 70%; text-align: justify; }
    #byitem ul.horz li.j75  { width: 75%; text-align: justify; }
    #byitem ul.horz li.j80  { width: 80%; text-align: justify; }
    #byitem ul.horz li.j85  { width: 85%; text-align: justify; }
    #byitem ul.horz li.j90  { width: 90%; text-align: justify; }
    #byitem ul.horz li.j95  { width: 95%; text-align: justify; }
    #byitem ul.horz li.j100 { width: 100%; text-align: justify; }

    #byitem ul.horz li.l5   { width: 5%; text-align: left; }
    #byitem ul.horz li.l10  { width: 10%; text-align: left; }
    #byitem ul.horz li.l15  { width: 15%; text-align: left; }
    #byitem ul.horz li.l20  { width: 20%; text-align: left; }
    #byitem ul.horz li.l25  { width: 25%; text-align: left; }
    #byitem ul.horz li.l30  { width: 30%; text-align: left; }
    #byitem ul.horz li.l35  { width: 35%; text-align: left; }
    #byitem ul.horz li.l40  { width: 40%; text-align: left; }
    #byitem ul.horz li.l45  { width: 45%; text-align: left; }
    #byitem ul.horz li.l50  { width: 50%; text-align: left; }
    #byitem ul.horz li.l55  { width: 55%; text-align: left; }
    #byitem ul.horz li.l60  { width: 60%; text-align: left; }
    #byitem ul.horz li.l65  { width: 65%; text-align: left; }
    #byitem ul.horz li.l70  { width: 70%; text-align: left; }
    #byitem ul.horz li.l75  { width: 75%; text-align: left; }
    #byitem ul.horz li.l80  { width: 80%; text-align: left; }
    #byitem ul.horz li.l85  { width: 85%; text-align: left; }
    #byitem ul.horz li.l90  { width: 90%; text-align: left; }
    #byitem ul.horz li.l95  { width: 95%; text-align: left; }
    #byitem ul.horz li.l100 { width: 100%; text-align: left; }

    #byitem ul.horz li.r5   { width: 5%; text-align: right; }
    #byitem ul.horz li.r10  { width: 10%; text-align: right; }
    #byitem ul.horz li.r15  { width: 15%; text-align: right; }
    #byitem ul.horz li.r20  { width: 20%; text-align: right; }
    #byitem ul.horz li.r25  { width: 25%; text-align: right; }
    #byitem ul.horz li.r30  { width: 30%; text-align: right; }
    #byitem ul.horz li.r35  { width: 35%; text-align: right; }
    #byitem ul.horz li.r40  { width: 40%; text-align: right; }
    #byitem ul.horz li.r45  { width: 45%; text-align: right; }
    #byitem ul.horz li.r50  { width: 50%; text-align: right; }
    #byitem ul.horz li.r55  { width: 55%; text-align: right; }
    #byitem ul.horz li.r60  { width: 60%; text-align: right; }
    #byitem ul.horz li.r65  { width: 65%; text-align: right; }
    #byitem ul.horz li.r70  { width: 70%; text-align: right; }
    #byitem ul.horz li.r75  { width: 75%; text-align: right; }
    #byitem ul.horz li.r80  { width: 80%; text-align: right; }
    #byitem ul.horz li.r85  { width: 85%; text-align: right; }
    #byitem ul.horz li.r90  { width: 90%; text-align: right; }
    #byitem ul.horz li.r95  { width: 95%; text-align: right; }
    #byitem ul.horz li.r100 { width: 100%; text-align: right; }

    #byitem ul.horz li.s100 {  width: auto; text-align: left; float: left; clear: none; }