body {
    color: #ffdfef; background-color: #505050;
}

a {
    color: #cfbf9f;
}

@media screen {
    #decorationBox1 {
        background-color: #585858; top: 120px; left: 350px; width: 500px; height: 68%;
    }

    #decorationBox2 {
        background-color: #727272; top: 60px; left: 300px; width: 500px; height: 80%;
    }

    #decorationBox3 {
        background-color: #626262; top: 90px; left: 210px; width: 550px; height: 80%;
    }

    #decorationImage {
        background-image: url('../img/7st-s');
    }

    #navigationBackground {
        background: #606060;
    }

    #navigation a.active2 {
        color: #ff8040;
    }

    #navigation a.active3 {
        color: #ff8040;
    }

    #navigation a:hover {
        border-bottom-color: #606060;
    }

    #navigation a:active {
        color: #ff8040;
    }
}

.intro {
    width: 100%; overflow: hidden; margin-top: 195px; margin-bottom: 0.5ex;
    letter-spacing: 0px;
}

#line1, #line2, #line3 {
    white-space: nowrap; position: relative; left: 0px; top: 0px;
}

#line1 {
    font-size: 116.67%; word-spacing: -0.1em; color: #cfbf9f;
}

#line2 {
    font-size: 116.67%; word-spacing: -0.1em; color: #6666b2;
}

#line3 {
    font-size: 116.67%; word-spacing: -0.1em; color: #b25555;
}