/* < ORIGINAL CSS > */
/* TEXT STYLES */

/* OBJECT STYLES */

div.Object17 { position:absolute; top:121px; left:250px; z-index:0; }
div.Object18 { position:absolute; top:505px; left:620px; z-index:1; }
div.Object19 { position:absolute; top:584px; left:0px; z-index:2; }
div.Object20 { position:absolute; top:0px; left:0px; z-index:3; }
div.Object21 { position:absolute; top:63px; left:817px; z-index:4; }

/* BODY STYLES */

body {
 background-color: #0000a0;
 background-image: url("../files/noot.gif");
 background-repeat: repeat-xy;
}

/* LINK STYLES */

A:link { color:#0000ff;}

A:visited  { color:#800080;}

A:hover  { color:#00ff00;}

/* IMAGE STYLES */

img { border:0 none}

/* CONTAINER RULES */

#container { position:relative; margin:0px auto 0 auto; height:768px; width:1024px; text-align:left; padding-left:0px;}


/* < NEW CSS > */
/* AUDIO BUTTON */

@charset "utf-8";

audio {
  display: none;
}

button {
    font-size: 22px;
    color: #eee;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
	height: 40px;
    padding: 5px;
    border: none;
    border-radius: 2px;
    outline: none;
    background: black;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    opacity: 0.8;
    cursor: pointer;
    transition: all 0.4s ease-out;
    
}

button.fade:hover {
  opacity: 0.8;
}

.fade {
  opacity: 0.2;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}

/* FONT AWESOME CSS */

@font-face {
    font-family: 'FontAwesome';
    src: url('../files/fonts/fontawesome-webfont.eot');
    src: url('../files/fonts/fontawesome-webfont.eot') format('embedded-opentype'),url('../files/fonts/fontawesome-webfont.woff') format('woff'),url('../files/fonts/fontawesome-webfont.ttf') format('truetype'),url('../files/fonts/fontawesome-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-up:before {
    content: "\f028"
}