/* © Howardy Cromlan 02.17.07 */

body { background-color: #FFFFFF; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; }
#loading { background-color: #FFFFFF; font-size: 12px; font: Helvetica; position: absolute; top: 170px; left: 375px; width: 260px; height: 50; z-index: 101; visibility: visible; }
#loadingbackground { background-color: #FFFFFF; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; visibility: visible; }
#twriterhandle { background-image: url(images/twriterhandle.png); position: absolute; top: 258px; left: 676px; width: 77px; height: 92px; z-index: 1; visibility: visible; }
#twriter { background-image: url(images/twriter.png); position: absolute; top: 165px; left: 317px; width: 389px; height: 226px; z-index: 2; visibility: visible; }

#newon { background-image: url(images/newon.png); position: absolute; top: 559px; left: 76px; width: 117px; height: 11px; z-index: 45; visibility: visible; }
#howardycromlan { background-image: url(images/howardycromlan.png); position: absolute; top: 0px; left: 697px; width: 103px; height: 96px; z-index: 23; visibility: visible; }

#goldscribble { background-image: url(images/goldscribble.png); position: absolute; top: 105px; left: 78px; width: 238px; height: 130px; z-index: 3; visibility: hidden; }
#purple { background-image: url(images/purple.png); position: absolute; top: 0px; left: 0px; width: 800px; height: 600px; z-index: 4; visibility: hidden; }
#purplebits { background-image: url(images/purplebits.png); position: absolute; top: 380px; left: 274px; width: 184px; height: 86px; z-index: 32; visibility: hidden; }

#buttonconceptual { background-image: url(images/buttonconceptual.png); position: absolute; top: 288px; left: 236px; width: 110px; height: 17px; z-index: 5; visibility: visible; }
#buttonhypertext { background-image: url(images/buttonhypertext.png); position: absolute; top: 310px; left: 358px; width: 139px; height: 17px; z-index: 5; visibility: visible; }
#buttononline { background-image: url(images/buttononline.png); position: absolute; top: 310px; left: 559px; width: 80px; height: 17px; z-index: 5; visibility: visible; }
#onlineback { background-image: url(images/onlineback1.png); position: absolute; top: 121px; left: 14px; width: 761px; height: 189px; z-index: 3; visibility: hidden; }
#onlinebuttonmaterial { background-image: url(images/onlinebuttonmaterial.png); position: absolute; top: 211px; left: 22px; width: 90px; height: 12px; z-index: 4; visibility: hidden; }
#onlinebuttonmaterialro { background-image: url(images/onlinebuttonmaterialro.png); position: absolute; top: 211px; left: 22px; width: 90px; height: 12px; z-index: 4; visibility: hidden; }
#onlinebuttontheory { background-image: url(images/onlinebuttontheory.png); position: absolute; top: 209px; left: 121px; width: 68px; height: 15px; z-index: 4; visibility: hidden; }
#onlinebuttontheoryro { background-image: url(images/onlinebuttontheoryro.png); position: absolute; top: 209px; left: 121px; width: 68px; height: 15px; z-index: 4; visibility: hidden; }
#onlinebuttonunrelated { background-image: url(images/onlinebuttonunrelated.png); position: absolute; top: 209px; left: 195px; width: 98px; height: 14px; z-index: 4; visibility: hidden; }
#onlinebuttonunrelatedro { background-image: url(images/onlinebuttonunrelatedro.png); position: absolute; top: 209px; left: 195px; width: 98px; height: 14px; z-index: 4; visibility: hidden; }
#onlinemateriallinks { background-image: url(images/onlinemateriallinks.png); position: absolute; top: 372px; left: 56px; width: 288px; height: 14px; z-index: 4; visibility: hidden; }
#city1 { background-image: url(images/onlinecity1.png); position: absolute; top: 229px; left: 11px; width: 97px; height: 15px; z-index: 4; visibility: hidden; }
#onlinetheorylinks { background-image: url(images/onlinetheorylinks.png); position: absolute; top: 372px; left: 56px; width: 288px; height: 14px; z-index: 4; visibility: hidden; }
#city2 { background-image: url(images/onlinecity2.png); position: absolute; top: 229px; left: 103px; width: 97px; height: 15px; z-index: 4; visibility: hidden; }
#onlineunrelatedlinks { background-image: url(images/onlineunrelatedlinks.png); position: absolute; top: 372px; left: 56px; width: 288px; height: 14px; z-index: 4; visibility: hidden; }
#city3 { background-image: url(images/onlinecity3.png); position: absolute; top: 229px; left: 194px; width: 97px; height: 15px; z-index: 4; visibility: hidden; }
#onlineviewer { background-image: url(images/onlineviewer.png); position: absolute; top: 236px; left: 0px; width: 363px; height: 347px; z-index: 3; visibility: hidden; }
#onlinetextbox { position: absolute; top: 399px; left: 36px; width: 300px; height: 132px; z-index: 4; visibility: hidden; overflow: hidden; }
#onlinemattext { background-color: #000000; position: absolute; top: 0px; left: 0px; width: 300px; height: 600px; z-index: 5; visibility: hidden; }
#onlinethetext { background-color: #000000; position: absolute; top: 0px; left: 0px; width: 300px; height: 300px; z-index: 5; visibility: hidden; }
#onlineunrtext { background-color: #000000; position: absolute; top: 0px; left: 0px; width: 300px; height: 300px; z-index: 5; visibility: hidden; }
#onlinescrollup { background-image: url(images/onlinescrollup.jpg); position: absolute; top: 545px; left: 239px; width: 22px; height: 23px; z-index: 4; visibility: hidden; }
#onlinescrolldown { background-image: url(images/onlinescrolldown.jpg); position: absolute; top: 545px; left: 281px; width: 22px; height: 23px; z-index: 4; visibility: hidden; }
#buttondata { background-image: url(images/buttondata.png); position: absolute; top: 310px; left: 645px; width: 47px; height: 17px; z-index: 5; visibility: visible; }
#data { background-image: url(images/data.png); position: absolute; top: 0px; left: 0px; width: 700px; height: 307px; z-index: 3; visibility: hidden; }
#buttonbasics { background-image: url(images/buttonbasics.png); position: absolute; top: 330px; left: 689px; width: 67px; height: 17px; z-index: 5; visibility: visible; }
#basicsbackground { background-color: #000000; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 98; visibility: hidden; }
#basics { position: absolute; font-size: 16px; font: Helvetica; color: #FFFFFF; top: 150px; left: 50px; width: 750; height: 20; z-index: 99; visibility: hidden; }


#mocdotpoemcode { background-image: url(images/mocdotpoemcode.png); position: absolute; top: 525px; left: 464px; width: 329px; height: 35px; z-index: 50; visibility: hidden; }
#edocmeopdotcom { background-image: url(images/edocmeopdotcom.png); position: absolute; top: 25px; left: 26px; width: 326px; height: 36px; z-index: 7; visibility: visible; }

#doaye { background-image: url(images/doaye.png); position: absolute; top: 355px; left: 589px; width: 104px; height: 136px; z-index: 8; visibility: hidden; }
#doayebutton { position: absolute; top: 366px; left: 631px; width: 56px; height: 37px; z-index: 9; visibility: hidden; }
#doayero { background-image: url(images/doayero.png); position: absolute; top: 366px; left: 631px; width: 56px; height: 37px; z-index: 10; visibility: hidden; }

#hiddenweaponsmenuback { background-image: url(images/hiddenweaponsmenuback.png); position: absolute; top: 419px; left: 387px; width: 235px; height: 80px; z-index: 8; visibility: hidden; }
#hiddenweaponsmenuback2 { background-image: url(images/hiddenweaponsmenuback2.png); position: absolute; top: 512px; left: 387px; width: 235px; height: 80px; z-index: 9; visibility: hidden; }
#hiddenweaponsmenuback3 { background-image: url(images/hiddenweaponsmenuback2.png); position: absolute; top: 605px; left: 387px; width: 235px; height: 80px; z-index: 9; visibility: hidden; }
#hypertextmenuback { background-image: url(images/hypertextmenuback.png); position: absolute; top: 324px; left: 387px; width: 235px; height: 80px; z-index: 10; visibility: hidden; }

#conceptualback { background-image: url(images/conceptualback.png); position: absolute; top: 251px; left: 0px; width: 383px; height: 68px; z-index: 4; visibility: hidden; }
#conceptualmenuqmark { background-image: url(images/conceptualmenuqmark.png); position: absolute; top: 287px; left: 67px; width: 16px; height: 20px; z-index: 11; visibility: hidden; }
#conceptualmenuinexro { background-image: url(images/conceptualmenuinexro.png); position: absolute; top: 262px; left: 0px; width: 172px; height: 20px; z-index: 11; visibility: hidden; }
#conceptualtext1 { background-image: url(images/conceptualtext1.png); position: absolute; top: 63px; left: 12px; width: 648px; height: 465px; z-index: 1; visibility: hidden; }

#conceptualmenuemark { background-image: url(images/conceptualmenuemark.png); position: absolute; top: 287px; left: 100px; width: 16px; height: 20px; z-index: 11; visibility: hidden; }
#conceptualmenuallcrro { background-image: url(images/conceptualmenuallcrro.png); position: absolute; top: 262px; left: 0px; width: 172px; height: 20px; z-index: 11; visibility: hidden; }
#conceptualtext2 { background-image: url(images/conceptualtext2.png); position: absolute; top: 63px; left: 12px; width: 648px; height: 465px; z-index: 1; visibility: hidden; }


#conceptualmenuaster { background-image: url(images/conceptualmenuaster.png); position: absolute; top: 287px; left: 130px; width: 16px; height: 20px; z-index: 11; visibility: hidden; }
#conceptualmenumanyro { background-image: url(images/conceptualmenumanyro.png); position: absolute; top: 262px; left: 0px; width: 172px; height: 20px; z-index: 11; visibility: hidden; }
#conceptualtext3 { background-image: url(images/conceptualtext3.png); position: absolute; top: 76px; left: 12px; width: 666px; height: 465px; z-index: 1; visibility: hidden; }


#hiddenweaponsro { background-image: url(images/hiddenweaponsro.png); position: absolute; top: 368px; left: 400px; width: 204px; height: 29px; z-index: 12; visibility: hidden; }
#hiddenweapons { background-image: url(images/hiddenweapons.png); position: absolute; top: 368px; left: 400px; width: 204px; height: 29px; z-index: 11; visibility: hidden; }
#srccut { background-image: url(images/srccut.png); position: absolute; top: 432px; left: 455px; width: 147px; height: 17px; z-index: 11; visibility: hidden; }
#srccutro { background-image: url(images/srccutro.png); position: absolute; top: 432px; left: 455px; width: 147px; height: 17px; z-index: 12; visibility: hidden; }
#ftt { background-image: url(images/ftt.png); position: absolute; top: 464px; left: 403px; width: 130px; height: 17px; z-index: 11; visibility: hidden; }
#fttro { background-image: url(images/fttro.png); position: absolute; top: 464px; left: 403px; width: 130px; height: 17px; z-index: 12; visibility: hidden; }
#tryit { background-image: url(images/tryit.png); position: absolute; top: 464px; left: 551px; width: 58px; height: 17px; z-index: 11; visibility: hidden; }
#tryitro { background-image: url(images/tryitro.png); position: absolute; top: 464px; left: 551px; width: 58px; height: 17px; z-index: 12; visibility: hidden; }
#srccut2 { background-image: url(images/srccut2.png); position: absolute; top: 525px; left: 467px; width: 115px; height: 16px; z-index: 11; visibility: hidden; }
#srccut2ro { background-image: url(images/srccut2ro.png); position: absolute; top: 525px; left: 467px; width: 115px; height: 16px; z-index: 12; visibility: hidden; }
#divs { background-image: url(images/divs.png); position: absolute; top: 558px; left: 398px; width: 87px; height: 14px; z-index: 11; visibility: hidden; }
#divsro { background-image: url(images/divsro.png); position: absolute; top: 558px; left: 398px; width: 87px; height: 14px; z-index: 12; visibility: hidden; }
#fixrad { background-image: url(images/fixrad.png); position: absolute; top: 558px; left: 507px; width: 105px; height: 15px; z-index: 11; visibility: hidden; }
#fixradro { background-image: url(images/fixradro.png); position: absolute; top: 558px; left: 507px; width: 105px; height: 15px; z-index: 12; visibility: hidden; }
#inwhatbar { background-image: url(images/inwhatbar.png); position: absolute; top: 617px; left: 449px; width: 154px; height: 14px; z-index: 11; visibility: hidden; }
#inwhatbarro { background-image: url(images/inwhatbarro.png); position: absolute; top: 617px; left: 449px; width: 154px; height: 14px; z-index: 12; visibility: hidden; }
#uos { background-image: url(images/uos.png); position: absolute; top: 652px; left: 407px; width: 197px; height: 16px; z-index: 11; visibility: hidden; }
#uosro { background-image: url(images/uosro.png); position: absolute; top: 652px; left: 407px; width: 197px; height: 16px; z-index: 12; visibility: hidden; }

#blackbarbottom { background-image: url(images/blackbarbottom.png); position: absolute; top: 262px; left: 0px; width: 127px; height: 319px; z-index: 14; visibility: hidden; }
#blackbartop { background-image: url(images/blackbartop.png); position: absolute; top: 42px; left: 0px; width: 166px; height: 254px; z-index: 20; visibility: hidden; }
#blackscribble { background-image: url(images/blackscribble.png); position: absolute; top: 332px; left: 8px; width: 201px; height: 188px; z-index: 15; visibility: hidden; }
#blackscribbles { background-image: url(images/blackscribbles.png); position: absolute; top: 262px; left: 0px; width: 685px; height: 319px; z-index: 22; visibility: hidden; }
#blackscribblefade { background-image: url(images/blackscribblefade.png); position: absolute; top: 212px; left: 0px; width: 800px; height: 331px; z-index: 24; visibility: hidden; }
#blackscribblethin { background-image: url(images/blackscribblethin.png); position: absolute; top: 0px; left: 0px; width: 800px; height: 204px; z-index: 25; visibility: hidden; }
#blackbits { background-image: url(images/blackbits.png); position: absolute; top: 337px; left: 654px; width: 127px; height: 241px; z-index: 33; visibility: hidden; }
#goldsquares { background-image: url(images/goldsquares.png); position: absolute; top: 48px; left: 0px; width: 532px; height: 612px; z-index: 16; visibility: hidden; }
/* goldsquares needs to be 50% opacity! */

#sky { background-image: url(images/sky.png); position: absolute; top: 0px; left: 0px; width: 702px; height: 167px; z-index: 17; visibility: hidden; }
#skychips { background-image: url(images/skychips.png); position: absolute; top: 0px; left: 0px; width: 722px; height: 167px; z-index: 19; visibility: hidden; }
#bluesquares { background-image: url(images/bluesquares.png); position: absolute; top: 0px; left: 0px; width: 800px; height: 600px; z-index: 18; visibility: hidden; }
/* bluesquares needs to be 50% opacity! */

#tentacle { background-image: url(images/tentacle.png); position: absolute; top: 115px; left: 128px; width: 142px; height: 71px; z-index: 21; visibility: hidden; }
#tentacles { background-image: url(images/tentacles.png); position: absolute; top: 101px; left: 99px; width: 583px; height: 128px; z-index: 22; visibility: hidden; }

#g1b1 { background-image: url(images/g1b1.png); position: absolute; top: 0px; left: 391px; width: 161px; height: 50px; z-index: 26; visibility: hidden; }
#g1b2 { background-image: url(images/g1b2.png); position: absolute; top: 0px; left: 250px; width: 178px; height: 70px; z-index: 28; visibility: hidden; }
#g2buttons { background-image: url(images/g2buttons.png); position: absolute; top: 0px; left: 142px; width: 189px; height: 135px; z-index: 30; visibility: hidden; }

#button01 { background-image: url(images/button01.png); position: absolute; top: 38px; left: 13px; width: 54px; height: 49px; z-index: 34; visibility: hidden; }
#button02 { background-image: url(images/button02.png); position: absolute; top: 42px; left: 77px; width: 54px; height: 49px; z-index: 35; visibility: hidden; }
#button03 { background-image: url(images/button03.png); position: absolute; top: 94px; left: 0px; width: 54px; height: 49px; z-index: 36; visibility: hidden; }
#buttoncontact { background-image: url(images/buttoncontact.png); position: absolute; top: 98px; left: 45px; width: 54px; height: 49px; z-index: 37; visibility: hidden; }
#buttonlanguages { background-image: url(images/buttonlanguages.png); position: absolute; top: 157px; left: 8px; width: 54px; height: 49px; z-index: 38; visibility: hidden; }
#buttong1 { background-image: url(images/buttong1.png); position: absolute; top: 0px; left: 49px; width: 54px; height: 34px; z-index: 39; visibility: hidden; }
#buttong2 { background-image: url(images/buttong2.png); position: absolute; top: 0px; left: 114px; width: 54px; height: 34px; z-index: 40; visibility: hidden; }

#languagesback { background-image: url(images/languagesback.png); position: absolute; top: 183px; left: 21px; width: 441px; height: 312px; z-index: 41; visibility: hidden; }
#languagestext { background-image: url(images/languagestext.png); position: absolute; top: 345px; left: 128px; width: 307px; height: 141px; z-index: 42; visibility: hidden; }

#contactback { background-image: url(images/contactback.png); position: absolute; top: 131px; left: 59px; width: 609px; height: 342px; z-index: 43; visibility: hidden; }
#contacttext { background-image: url(images/contacttext.png); position: absolute; top: 364px; left: 389px; width: 235px; height: 100px; z-index: 44; visibility: hidden; }

/* © Howardy Cromlan 02.17.07 */