html {
    background-color: #ffffff;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: Corbel, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 14pt;
}

address.contact {
    padding-left: 2em;
}

em {
    font-style: italic;
}

a.linky:link, a.linky:visited {
    color: #939598;
}

a.linky:hover, a.linky:active {
    color: #939598;
    border-bottom: 1px dotted #939598;
}

.space-break {
    text-align: center;
}

#banner {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100px;
    width: 100%;
    border-bottom: 1px solid #939598;
    background-color: #fffae7;
}

#logo {
    position: absolute;
    top: 10px;
    left: 10px;
}

#home-body #wrapper {
    position: absolute;
    top: 100px;
    left: 40px;
    height: 600px;
    width: 1000px;
    overflow: auto;
}

#home-body #wrapper #content #marketing, 
/* #home-body #wrapper #content #coaching,  */
#home-body #wrapper #content #writing, 
#home-body #wrapper #content #photography, 
#home-body #wrapper #content #video, 
#home-body #wrapper #content #design,
#home-body #wrapper #content #publishing {
    width: 370px;
    height: 48px;
    background-position: top left;
    background-repeat: no-repeat;
}

#home-body #wrapper #content #marketing {
    position: absolute;
    top: 20px;
    left: 5px;
    background-image: url(../images/phark/marketing.png);
    text-indent: -30000px;
}

/* #home-body #wrapper #content #coaching { */
/*     position: absolute; */
/*     top: 88px; */
/*     left: 5px; */
/*     background-image: url(../images/phark/coaching.png); */
/*     text-indent: -30000px; */
/* } */

#home-body #wrapper #content #writing {
    position: absolute;
    top: 88px;
    left: 5px;
    background-image: url(../images/phark/writing.png);
    text-indent: -30000px;
}

#home-body #wrapper #content #design {
    position: absolute;
    top: 156px;
    left: 5px;
    background-image: url(../images/phark/design.png);
    text-indent: -30000px;
}

#home-body #wrapper #content #photography {
    position: absolute;
    top: 224px;
    left: 5px;
    background-image: url(../images/phark/photography.png);
    text-indent: -30000px;
}

#home-body #wrapper #content #video {
    position: absolute;
    top: 292px;
    left: 5px;
    background-image: url(../images/phark/video.png);
    text-indent: -30000px;
}

#home-body #wrapper #content #publishing {
    position: absolute;
    top: 360px;
    left: 5px;
    background-image: url(../images/phark/publishing.png);
    text-indent: -30000px;
}

#home-body #wrapper #content #contact {
    position: absolute;
    top: 20px;
    left: 505px;
    width: 370px;
    height: 133px;
    background-image: url(../images/phark/contact.png);
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: -30000px;
}

#home-body #wrapper #content #projects {
    position: absolute;
    top: 185px;
    left: 505px;
    width: 370px;
    height: 325px;
    overflow: none;
}

#home-body #wrapper #content #projects div.header {
    width: 370px;
    height: 48px;
    background-image: url(../images/phark/projects.png);
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: -30000px;
}

#home-body #wrapper #content #projects div.text {
    padding-left: 44px;
    width: 250px;
}

#home-body #wrapper #content #projects div.text img.border {
    margin: 1em;
    padding: .25em;
    border: 1px solid #939598;
}

#home-body #wrapper #content #projects div.text img.padded-image {
    margin: 1em;
    padding: .25em;
}

#home-body #wrapper #content img.lammy {
    position: absolute;
    width: 75px;
    height: 75px;
    top: 110px;
    left: 125px;
}

#footer {
    position: absolute;
    top: 600px;
    left: 0px;
    width: 700px;
    height: 280px;
    background-image: url(../images/paper.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: -30000px;
}
