/* Page404_Animation.css */
* {
    margin: 0;
    padding: 0
}

body {
    background: #1d1d1d url("/files/theme/images404/bg.png") center center no-repeat;
    font: 13px Corbel, Arial, Helvetica, sans-serif;
    color: #eee
}

#rocket {
    width: 275px;
    height: 375px;
    position: relative;
    margin: 140px auto 50px;
    background-image: url("/files/theme/images404/rocket.png");
    background-repeat: no-repeat
}

.steam1,
.steam2 {
    width: 80px;
    height: 80px;
    bottom: 78px;
    left: 50px;
    position: absolute;
    background-image: url("/files/theme/images404/steam.png");
    background-repeat: no-repeat;
    opacity: 0.8
}

.steam2 {
    background-position: left bottom;
    /*	.steam2 shows the bottom part (dark version) *	of the background image. */
}

hgroup {
    width: 850px;
    margin: 0 auto;
    text-align: center;
    font-family: 'Century Gothic', Calibri, 'Myriad Pro', Arial, Helvetica, sans-serif;
    /* Using the HTML4 hgroup element */
    display: block
}

h1 {
    white-space: nowrap;
    font-size: 60px;
    color: #76D7FB;
    text-shadow: 3px 3px 0 #3D606D
}

h2 {
    padding: 25px 0;
    font-size: 18px;
    font-weight: normal;
    color: #9FE3FC
}

p.createdBy {
    margin: 50px;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    text-shadow: none
}

a,
a:visited {
    border-bottom: 1px dotted #97cae6;
    text-decoration: none;
    color: #97cae6;
    outline: none
}

a:hover {
    border-bottom: 1px dashed transparent
}