.header {
    height      : 248px;
    background  : url(background-page-header.jpg) top left no-repeat;
}

.site-id {
    height      : 75px;
    width       : 300px;
    background  : url(site-id-short.gif) 20px 10px no-repeat;
    float       : left;
    display     : block;
}

ul.tabs {
    float       : right;
    width       : 385px;
    padding     : 30px 0 0 0;
    margin      : 0;
    list-style  : none;
}

ul.tabs li {
    display     : block;
    float       : left;
    margin      : 0;
    padding     : 0;
}

ul.tabs li a {
    display     : block;
    height      : 54px;
    background  : 0 0 no-repeat
}

ul.tabs li a:hover {
    background-position : 0 -54px;
}

ul.tabs a.about {
    background-image : url(tab-about-page.gif);
    width       : 66px;
}

ul.tabs a.projects {
    background-image : url(tab-projects-page.gif);
    width       : 82px;
}

ul.tabs a.resume {
    background-image : url(tab-resume-page.gif);
    width       : 80px;
}

ul.tabs a.contact {
    background-image : url(tab-contact-page.gif);
    width       : 106px;
}

.body-content .format {
    padding     : 20px 40px 40px 20px;
}

.body-content-top {
    background-image  : url(background-page-body-top.jpg);
}

.body-content ul {
    margin      : 0;
    padding     : 0 25px 40px 25px;
}

.info-content-wrapper {
    padding     : 10px 30px 0 30px;
}
.info-content {
    height      : 140px;
    overflow    : hidden;
    top         : 30px;
    z-index     : 1;
    color       : #fff;    
}

.info-detail {
    float       : left;
    width       : 400px;
}

.info-detail .logo {
    height      : 80px;
    width       : 140px;
    background  : center no-repeat;
}

.info-detail p {
    font-size   : 0.9em;
    padding     : 0 0 0 15px;
}

.links { 
    float : right; 
    margin  : 0 20px 0 0;
}

.links ul {
    list-style : none;
    margin  : 0;
    padding : 0 0 0 15px;
}

.links li {
    margin  : 0;
    padding : 3px 0 3px 30px;
    background : left no-repeat;
}