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

/* ================================ HOME PAGE ==================================== */
#homeContainer { width: 900px; height: 600px; background: url(../images/home-bg.jpg) left top no-repeat; margin: 0 auto; position: relative; box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -khtml-box-shadow: 0 0 10px #000; }
#homeContainer a { display: block; z-index: 99; text-indent: -9999px; outline: none; border: none; }
/* nav link - displays black overlay at the bottom */
a.nav { display: block; position: absolute; width: 900px; height: 248px; z-index: 1; cursor: default; }
a.hideNav { display: block; position: absolute; width: 900px; height: 352px; bottom: 0; z-index: 1; cursor: default; }
/* rollover images */
.maskEyeOpen { position: absolute; display: block; top: 0; left: 0; width: 125px; height: 120px; z-index: 2; cursor: pointer; }
.maskEyeOpen:hover, .maskEyeOpen.hover { background: url(../images/mask-eye-open.jpg) no-repeat; }
.mustacheSoldier { position: absolute; display: block; top: 0; left: 534px; width: 139px; height: 139px; z-index: 2; }
.mustacheSoldier:hover, .mustacheSoldier.hover { background:url(../images/moustache-soldier.jpg) no-repeat; }
.mustacheHeadTurn { position: absolute; display: block; top: 38px; left: 347px; width: 165px; height: 195px; z-index: 2; }
.mustacheHeadTurn:hover, .mustacheHeadTurn.hover { background: url(../images/moustache-head-turn.jpg) no-repeat; }
.meSoldier { position: absolute; display: block; top: 0; left: 540px; width: 144px; height: 143px; z-index: 2; }
.meSoldier:hover, .meSoldier.hover { background: url(../images/me-soldier.jpg) no-repeat; }
.soldierCloneTwo { position: absolute; display: block; top: 0; left: 534px; width: 138px; height: 141px; z-index: 2; }
.soldierCloneTwo:hover, .soldierCloneTwo.hover { background: url(../images/soldier-clone-2.jpg) no-repeat; }
.soldierClone { position: absolute; display: block; top: 8px; left: 708px; width: 120px; height: 153px; z-index: 2; }
.soldierClone:hover, .soldierClone.hover { background: url(../images/soldier-clone.jpg) no-repeat; }
.meTurban { position: absolute; display: block; top: 21px; left: 160px; width: 181px; height: 183px; z-index: 2; }
.meTurban:hover, .meTurban.hover { background: url(../images/me-turban.jpg) no-repeat; }
.turbanedSoldier { position: absolute; display: block; top: 15px; left: 707px; width: 127px; height: 124px; z-index: 2; }
.turbanedSoldier:hover, .turbanedSoldier.hover { background: url(../images/turbaned-soldier.jpg) no-repeat; }



.babyCrying { position: absolute; display: block; top: 0; left: 539px; width: 163px; height: 143px; z-index: 1; visibility: hidden; }
.babyCrying:hover, .babyCrying.hover { background: url(../images/baby-crying.jpg) no-repeat; visibility: visible; }
.turbanHeadTurn { position: absolute; display: block; top: 14px; left: 164px; width: 183px; height: 182px; z-index: 1; visibility: hidden; }
.turbanHeadTurn:hover, .turbanHeadTurn.hover { background: url(../images/turban-head-turned.jpg) no-repeat; visibility: visible; }
.maskedSoldier { position: absolute; display: block; top: 0; left: 527px; width: 149px; height: 133px; z-index: 1; visibility: hidden; }
.maskedSoldier:hover, .maskedSoldier.hover { background: url(../images/masked-soldier.jpg) no-repeat; visibility: visible; }



/* nav text */
/*.blackOverlay { width: 900px; height: 352px; position: absolute; bottom: 0; background: url(../images/home-bg-black-overlay.png) no-repeat; z-index: 0; }*/
/*.bottomNav { position: absolute; width: 900px; height: 124px; margin: 0; padding: 0; bottom: 0; z-index: 5; }*/
/*.bottomNav li { float: left; display: block; margin: 0; padding: 0; width: 900px; height: 124px; }*/
/* nav items  */
.navText { position: absolute; width: 900px; height: 352px; bottom: 0; background: url(../images/home-bg-black-overlay.png) no-repeat; z-index: 0; display: none; }
.navText div { position: absolute; width: 900px; height: 124px; bottom: 0; z-index: 5; }
.newSongs { background: url(../images/new-songs.png) center bottom no-repeat; margin-bottom: 26px; display: none; }
.whoAre { background: url(../images/who-are-the-mute-eunuchs.png) center bottom no-repeat; display: none; }
.albums { background: url(../images/albums.png) center bottom no-repeat; display: none; }
.contact { background: url(../images/contact.png) center bottom no-repeat; display: none; }
.akaUng { background: url(../images/aka-ungeziefer.png) center bottom no-repeat; display: none; }
.studio { background: url(../images/studio.png) center bottom no-repeat; display: none; }

.filmsForTheBlind { background: url(../images/films-for-the-blind.png) center bottom no-repeat; display: none; margin-bottom: 26px; }


.platypusMan { position: absolute; width: 900px; height: 352px; bottom: 0; background: url(../images/platypus-man-creature.png) center bottom no-repeat; z-index: 10; display: none; }
.visible { visibility: visible; display: block; }