a  {
   text-decoration: none;
   color: #000000;
}

a ins  {
   text-decoration: none;
}

#laughterandgracebutton a,
#thedarkharborisgreybutton a,
#prelanguageassongbutton a,
#nooneknewaboutthisbutton a,
#beautymustbeconvulsivebutton a,
#resumebutton a,
#contactthedarkharborgmailcombutton a,
#themomentofuntouchingbutton a,
#themostancientofbutton a,
#againidreamtofyoubutton a,
#prevbutton a,
#lightwithsoundbutton a,
#nextbutton a  {
   display: block;
   width: 100%;
   text-decoration: none;
   color: #FFFFFF;
}

#prelanguageassongbutton a:hover,
#themomentofuntouchingbutton a:hover,
#lightwithsoundbutton a:hover,
#againidreamtofyoubutton a:hover,
#laughterandgracebutton a:hover,
#beautymustbeconvulsivebutton a:hover,
#thedarkharborisgreybutton a:hover,
#nooneknewaboutthisbutton a:hover,
#themostancientofbutton a:hover  {
   color: #808080;
}

#hznbeautymustbeconvulsive,
#hznlaughterandgrace,
#hznthemomentofuntouching,
#hznthedarkharborisgrey,
#hznpid2collage,
#hznpid4video,
#hznagainidreamtofyou,
#hznhomepage,
#hznpid3music,
#hznnooneknewaboutthis,
#hznprelanguageassong,
#hznthemostancientof,
#hznpid8about,
#hznlightwithsound  {
   width: 100%;
   height: 1px;
   overflow: visible;
   position: absolute;
   top: 50%;
   left: 0px;
}

#pid2collage,
#homepage,
#beautymustbeconvulsive,
#laughterandgrace,
#themomentofuntouching,
#thedarkharborisgrey,
#pid4video,
#againidreamtofyou,
#nooneknewaboutthis,
#pid3music,
#prelanguageassong,
#themostancientof,
#lightwithsound,
#pid8about  {
   width: 800px;
   height: 600px;
   position: absolute;
   margin-left: -400px;
   left: 50%;
   top: -300px;
}

#thedarkharborisgreyxmedia,
#themostancientofxmedia,
#beautymustbeconvulsivexmedia,
#laughterandgracexmedia,
#prelanguageassongxmedia,
#themomentofuntouchingxmedia  {
   visibility: visible;
   position: absolute;
   left: 232px;
   top: 307px;
   z-index: 2;
   width: 434px;
   height: 60px;
}

#prelanguageassongbutton,
#thedarkharborisgreybutton,
#laughterandgracebutton,
#beautymustbeconvulsivebutton,
#themostancientofbutton  {
   font: 18px/22px Arial;
   letter-spacing: -1px;
   padding-bottom: 2px;
   text-align: left;
   visibility: visible;
   position: absolute;
   left: 230px;
   z-index: 2;
   height: 17px;
}

#nooneknewaboutthisxmedia,
#lightwithsoundxmedia,
#againidreamtofyouxmedia  {
   visibility: visible;
   position: absolute;
   left: 264px;
   top: 109px;
   z-index: 2;
   width: 497px;
   height: 326px;
}

#videomenu li a,
#collagemenu li a,
#musicmenu li a,
#aboutmenu li a  {
   padding-left: 0px;
   padding-right: 0px;
   text-decoration: none;
   height: 100%;
}

#musicbutton a,
#videobutton a,
#collagebutton a,
#aboutbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 270px;
   width: 13px;
   background-position: 0% 0px;
   font-size: 270px;
   line-height: 270px;
}

#collagemenu li,
#videomenu li,
#musicmenu li,
#aboutmenu li  {
   height: 100%;
   display: inline;
   margin: 0px;
}

#collagebutton,
#aboutbutton,
#musicbutton,
#videobutton  {
   visibility: visible;
   position: absolute;
   top: 0px;
   z-index: 4;
   width: 13px;
   height: 270px;
}

#resumebutton,
#contactthedarkharborgmailcombutton  {
   font: 12px/14px Arial;
   letter-spacing: -1px;
   text-align: left;
   visibility: visible;
   position: absolute;
   top: 575px;
   z-index: 3;
   height: 12px;
}

#aboutmenu,
#musicmenu,
#videomenu,
#collagemenu  {
   font: 24px/29px Arial;
   margin: 0px;
   height: 29px;
   padding: 0px;
   list-style: none;
   text-align: left;
   letter-spacing: -1px;
   visibility: hidden;
   position: absolute;
   top: 271px;
   z-index: 3;
}

#againidreamtofyoubutton,
#lightwithsoundbutton  {
   font: 18px/22px Arial;
   padding-bottom: 12px;
   text-align: left;
   visibility: visible;
   position: absolute;
   z-index: 2;
   height: 17px;
}

#contactthedarkharborgmailcombutton a  {
   text-decoration: underline;
}

#contactthedarkharborgmailcombutton  {
   width: 190px;
   left: 390px;
}

#beautymustbeconvulsivebutton  {
   width: 206px;
   top: 529px;
}

#musictext p,
#mderagontext p  {
   font: 24px/29px Arial;
   margin: 0px;
   letter-spacing: -2px;
   padding-bottom: 2px;
   text-align: left;
}

#themomentofuntouchingbutton  {
   font: 18px/22px Arial;
   letter-spacing: -1px;
   text-align: left;
   visibility: visible;
   position: absolute;
   left: 229px;
   top: 384px;
   z-index: 2;
   width: 202px;
   height: 17px;
}

#nooneknewaboutthisbutton a  {
   color: #FFFBFB;
}

#againidreamtofyoubutton a  {
   color: #FFFBFB;
}

#thedarkharborisgreybutton  {
   width: 176px;
   top: 500px;
}

#nooneknewaboutthisbutton  {
   font: 18px/22px Arial;
   padding-bottom: 12px;
   text-align: left;
   visibility: visible;
   position: absolute;
   left: 58px;
   top: 254px;
   z-index: 2;
   width: 201px;
   height: 13px;
}

#againidreamtofyoubutton  {
   width: 182px;
   top: 281px;
   left: 56px;
}

#prelanguageassongbutton  {
   width: 165px;
   top: 443px;
}

#themostancientofbutton  {
   height: 13px;
   width: 150px;
   top: 472px;
}

#lightwithsoundbutton a  {
   color: #FFFBFB;
}

#laughterandgracebutton  {
   width: 146px;
   top: 414px;
}

#lightwithsoundbutton  {
   width: 134px;
   top: 311px;
   left: 57px;
}

#homebutton a:hover  {
   background-position: -39px 0%;
}

#collagemenu li a  {
   color: #FFFBFB;
}

#collagebutton a  {
   background-image: url(homepagemedia/collagebutton.gif);
}

#mderagontext p  {
   color: #FFFFFF;
}

#musicmenu li a  {
   color: #FFFEFE;
}

#aboutmenu li a  {
   color: #FAF9F9;
}

#resumebutton a  {
   text-decoration: underline;
}

#videomenu li a  {
   color: #FFFFFF;
}

#musicbutton a  {
   background-image: url(homepagemedia/musicbutton.gif);
}

#aboutbutton a  {
   background-image: url(homepagemedia/aboutbutton.gif);
}

#collagebutton  {
   left: 297px;
}

#videobutton a  {
   background-image: url(homepagemedia/videobutton.gif);
}

#mderagontext  {
   visibility: visible;
   position: absolute;
   left: 56px;
   top: 126px;
   z-index: 2;
   width: 169px;
}

#homebutton a  {
   background: url(themomentofuntouchingmedia/homebutton.gif) no-repeat 0% 0px;
   display: block;
   height: 13px;
   width: 39px;
   font-size: 13px;
   line-height: 13px;
}

#resumebutton  {
   width: 65px;
   left: 315px;
}

#musictext p  {
   color: #FEFEFE;
}

#aboutbutton  {
   left: 715px;
}

#videobutton  {
   left: 581px;
}

#collagemenu  {
   left: 296px;
   color: #FFFBFB;
   top: 273px;
}

#musicbutton  {
   left: 439px;
}

#videotext p  {
   font: 24px/29px Arial;
   margin: 0px;
   color: #FFFFFF;
   letter-spacing: -1px;
   text-align: left;
}

#homebutton  {
   visibility: visible;
   position: absolute;
   left: 59px;
   top: 562px;
   z-index: 2;
   width: 39px;
   height: 13px;
}

#deragondot  {
   background: url(themomentofuntouchingmedia/deragondot.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 25px;
   top: 134px;
   z-index: 2;
   width: 23px;
   height: 466px;
}

#aboutmenu  {
   left: 714px;
   color: #FAF9F9;
}

#videomenu  {
   left: 580px;
   color: #FFFFFF;
}

#videotext  {
   visibility: visible;
   position: absolute;
   left: 150px;
   top: 160px;
   z-index: 2;
   width: 58px;
}

#musicmenu  {
   left: 440px;
   color: #FFFEFE;
}

#musictext  {
   visibility: visible;
   position: absolute;
   left: 146px;
   top: 162px;
   z-index: 2;
   width: 60px;
}

#layer3  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1;
   width: 800px;
   height: 600px;
   background-color: #000000;
   background-image: none;
}

html, body  {
   padding: 0px;
   margin: 0px;
   background-color: #000000;
}