﻿body {
    color: #ccc;
    background: #000;
}

h1,h2,h3,h4,h5
{
    color: #fff;
}

video#bgvid {
    position: fixed; right: 0; bottom: 0;
    min-width: 100%; min-height: 100%;
    width: auto; height: auto; z-index: -100;
    background: url(video/background.jpg) no-repeat;
    background-size: cover;
}

#images {
    margin: 8em 0;
}
#images img {
    border: solid 1px #333;
    border-radius: 20px;
    margin-bottom: 2em;
    background: #000;
    width: 658px;
}


.copyright-wrapper {
    position: fixed; right: 0; bottom: 0;
    min-width: 100%; min-height: 100%;
    width: auto; height: auto;  z-index: -50;

}

.copyright {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 13px;
    text-align: right;
    text-shadow: 1px 1px #000000;
    padding: .5em 1em;
	opacity: .4;
}

.col-wrapper {
    text-align: left;
}

#header {
    text-align: center;
    padding: 2em 0;
    color: #fff;
    margin-top: 5em;
}

.main {
    max-width: 658px;
}

#tag {
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    text-shadow: 2px 2px #000000;
}

#promo {
    max-width: 658px;
    color: #ddd;
    line-height: 1.7em;
    font-size: 16.5px;
    margin-left: auto;
    margin-right: auto;
    text-shadow: 2px 2px #000000;
}

.first{
    font-size: 26px;   
    font-family: Georgia;
    color: #fff;
    line-height: 1.3em;
}

#screenshots {
    float: left;
    width: 1024px;
}

    #screenshots img {
        margin-bottom: 1em;
        border: none;
    }

.nav {
    margin-top: 1em;
    display: inline-block;
}

    .nav li {
        float: left;
        margin-right: 1em;
    }

        .nav li a {
            padding: .5em 2em;
            border: solid 1px #fff;
            color: #fff;
            min-width: 120px;
        }

            .nav li a:focus {
                color: #fff;
                background-color: #333;
            }

            .nav li a:hover, .nav li.selected a {
                color: #000 !important;
                background-color: #fff;
            }


#footer {
    margin-top: 2em;
    padding: 2em;
    color: #ccc;
    text-align: center;
}
