* {
    margin: 0;
    padding: 0;
    }

body {
    background: #000 url(../i/home.jpg) no-repeat top center;
    color: #ccc;
    font: 800 12px/21px "helvetica neue","helvetica",arial,sans-serif;
    min-width: 980px;
    min-height: 860px;
    }


body.red {
    background-image: url(../i/red.jpg);
    }

body.blue {
    background-image: url(../i/blue.jpg);
    }

body.nation {
    background-image: url(../i/nation.jpg);
    }

.navigation { 
    background: #333;
    background: rgba(0,0,0,0.73);
    position: fixed;
    min-width: 960px;
    bottom: 0;
    left: 0;
    height: 42px;
    width: 100%;
    }

.navigation .portfolio {
    display: block;
    float: left;
    margin: 4px 0 0 0;
    padding: 7px 14px;
    }

.navigation .pagination {
    float: right;
    margin: 4px 7px 0 0;
    }

.navigation .pagination a {
    float: left;
    margin: 0 7px 0 0;
    padding: 7px 7px;
    }
    
a {
    color: #ccc;
    outline: none;
    text-shadow: 1px 1px 7px rgba(255,255,255,0.2);
    text-decoration: none;
    }

a:hover {
    text-shadow: 1px 1px 7px rgba(255,255,255,0.2), 1px 0 10px rgba(200,220,250, 0.3);
    }