html, body
{
    padding: 0;
    margin: 0;
    background: #77b4cc url(gradient.png) top left repeat-x;
    font-family: verdana, sans-serif;
    font-size: 13px;
    line-height: 1.9;
}


#container
{
    width: 771px;
    margin: 0 auto 0 auto;
    padding: 250px 0 0 0;
    background: url(header.png) -35px -36px no-repeat;
    position: relative;  /* anchor for nav */
}


#nav
{
    position: absolute;
    top: 190px;
    left: 180px;
}


#nav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav li
{
    margin: 0;
    padding: 0;
    display: inline;
}

#nav a
{
    float: left;
    height: 24px;
}

#nav span
{
    display: none;
}

#homeNav { background: url(menubar.png) -180px -30px no-repeat; width: 77px; }
#homeNav.navCrnt,#homeNav:hover { background-position: -180px -1px; }
#backgroundNav { background: url(menubar.png) -256px -30px no-repeat; width: 126px; }
#backgroundNav.navCrnt,#backgroundNav:hover { background-position: -256px -1px; }
#workNav { background: url(menubar.png) -382px -30px no-repeat; width: 117px; }
#workNav.navCrnt,#workNav:hover { background-position: -382px -1px; }
#contactNav { background: url(menubar.png) -499px -30px no-repeat; width: 100px;}
#contactNav.navCrnt,#contactNav:hover { background-position: -499px -1px; }


#content
{
    background: url(hstrip.png) -45px 0 repeat-y;
    padding: 0 40px 0 40px;
}


#content h1
{
    font-size: 1.1em;
    font-weight: bold;
    margin: 30px 0 15px 0;
}


#content p
{
    margin: 10px 0 0 0;
}


#content ul
{
    margin-bottom: 0;
}


#content img
{
    float: right;
    margin: 0 0 15px 25px;
}


#footer
{
    background: url(footer.png) -45px -45px no-repeat;
    padding-top: 55px;
    height: 50px;
}


#footer p
{
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0.8em;
    color: #444444;
}

#footer a
{
    color: #444444;
    text-decoration: none;
}