body {

    background: url("http://spencercoons.com/img/background_fuz.gif") no-repeat fixed 50% 0 #191C1F;

}


.header {

background:url("http://spencercoons.com/img/spencerLogo.gif") no-repeat scroll 575px 32px transparent;
float:left;
height:80px;
margin:0 0 16px;
text-align:right;
width:960px;
position: fixed;

}

.content p {

    color: #FFFFFF;
    font-family: helvetica;
    font-size: 12px;
    width: 600px;

}

.nav {

    color:#008AFF;
    float:left;
    font-family:helvetica;
    margin-right:16px;
    width:250px;
    background:url("http://spencercoons.com/img/shadow_small.png") no-repeat scroll 24px 225px transparent;
    height: 400px;
    position: fixed;
    margin-top: 80px;

}

.nav li a {

    text-decoration: none;
    color: #FFFFFF;
    outline: none;

}

.nav li a:hover {

    color: #008AFF;
    padding-right: 16px;

}

.nav ul {

    list-style: none;

}

.nav li {

    list-style: none;
    line-height: 53px;

}

.nav li#work .selected {

    border-right:5px solid #008AFF;
    font-family:'Yanone Kaffeesatz',arial,serif;
    font-size:89px;
    padding-right: 25px;

}


.nav li#about .selected {

    border-right:5px solid #008AFF;
    font-family: 'Yanone Kaffeesatz', arial, serif;
    font-size:79px;
    line-height:75px;
    padding-right: 25px;

}

.nav li#contact .selected {

    border-right:5px solid #008AFF;
    font-family: 'Yanone Kaffeesatz', arial, serif;
    font-size:61px;
    line-height:51px;
    padding-right: 25px;

}

    .nav li#work a {

        border-right:none !important;
        font-family:'Yanone Kaffeesatz',arial,serif;
        font-size:89px;
        margin-right:25px !important;
        padding-top:8px;

    }


    .nav li#about a {

        border-right:none !important;
        font-family: 'Yanone Kaffeesatz', arial, serif;
        font-size:79px;
        line-height:75px;

    }

    .nav li#contact a {

        border-right:none !important;
        font-family: 'Yanone Kaffeesatz', arial, serif;
        font-size:61px;
        line-height:51px;

    }

.mainContent {

    margin:0 auto;
    width:1050px;

}

.content {

    float:left;
    left:300px;
    position:relative;
    top:95px;

}

.workItem h2 {

    color: #fff;
    font-family: helvetica;
    font-size:22px;
    font-weight:normal;
    margin-bottom:8px;
    

}

.workItem {

    border-bottom: 1px dotted #9dc2e1;
    color:#FFFFFF;
    font-family:helvetica;

}

.workItem ul {

    float:left;
    display:inline;
    position:relative;
    
    
}

.pageWrapper {

    margin-left:auto;
    margin-right:auto;

}

}

#footer, #footer p {

    bottom:0;
    height:200px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    width:228px;

}