html,body,div,p,ul,li,ol,h1,img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    list-style: none;
}
img {vertical-align:middle; outline:0}

/* Splash page


1.4

840 => 600



*******************************/
body {
    background: #d5d6da;
    color:#535353;
    text-align: left;
    xpadding: 20px 0;
}
#wrapper {
    background: url(images/wrapperbg.png) 0 0 no-repeat;
    margin: 0 auto;
    width:700px;
    height:574px;
}

h1 a {
    display: block;
    text-indent: -9999px;
    width:154px;
    height: 80px;
    margin-left:280px;
}
#content {
    padding: 30px 40px 0;
}
#content ul {
    overflow: hidden;
    zoom:1;
    padding-left:142px;
}
#content ul li {
    float:left;
    padding: 0 1px;
}
#content ul li a {
    float:left;
    height: 28px;
    text-indent: -9999px;
    background: url(images/links.png) 0 0 no-repeat;
}
#content ul li.portfolio a {
    width:125px;
    background-position: 0 0;
}
#content ul li.blog a {
    width:85px;
    background-position: -127px 0;
}
#content ul li.clients a {
    width:125px;
    background-position: -214px 0;
}

#content ul li.portfolio a:hover {
    background-position: 0 -29px;
}
#content ul li.blog a:hover {
    background-position: -127px -29px;
}
#content ul li.clients a:hover {
    background-position: -214px -29px;
}