@font-face {
    font-family: 'Sunset Beach Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Sunset Beach Regular'), url('sbreg.woff') format('woff');
    }
    @font-face {
    font-family: 'retro';
    font-style: normal;
    font-weight: normal;
    src: url('zeldom.otf');
    }


body {
font-family  : Arial, Helvetica, sans-serif;
sfont-family: 'Sunset Beach Regular';
font-family: 'retro';
margin       : 0px;
text-align   : center;
background-color: #000;
background-image: url('back-citybw.gif');
background-position: center center;
background-repeat:  no-repeat;
background-attachment: fixed;
background-size:  cover;

height: 100%;
-o-background-size: cover;
-webkit-background-size: cover;
}
#noiseblk {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('noise.gif');
opacity: 0.1;
z-index: -1;
}

#film {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('film.gif');
opacity: 0.05;
z-index: -2;
}

#mainblk{
position: fixed;
top: 40%;
left: 0%;
padding-top: 40px;
padding-bottom: 40px;
width: 100%;
height: 100%;
vertical-align: middle;
font-size : 60pt;
text-shadow: 0 0 5px #FFF, 0 0 10px #999, 0 0 15px #999, 0 0 20px #505080, 0 0 30px #505060, 0 0 40px #905060, 0 0 55px #505060, 0 0 75px #509960;
color:  rgba(0,0,0, 0.9);
z-index: 10;
opacity: 0.5;
}

#radial {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:-moz-radial-gradient(circle at 50% 50%, rgba(203, 242, 247, 0.0) 0%, rgba(0, 0, 0, 1) 100%);
background:-webkit-radial-gradient(circle at 50% 50%, rgba(203, 242, 247, 0.0) 0%, rgba(0, 0, 0, 1) 100%);
background:-o-radial-gradient(circle at 50% 50%, rgba(203, 242, 247, 0.0) 0%, rgba(0, 0, 0, 1) 100%);
background:-ms-radial-gradient(circle at 50% 50%, rgba(203, 242, 247, 0.0) 0%, rgba(0, 0, 0, 1) 100%);
background:radial-gradient(circle at 50% 50%, rgba(203, 242, 247, 0.0) 0%, rgba(0, 0, 0, 1) 100%);
z-index: 1;
}