﻿html,body
{
    width: 100%;
    margin: 0;
    padding: 0;
}
body 
{
    background: #dae0ce;
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
    color: #333;
}

div.container
{
    background: url(/images/white932.gif) center top repeat-y;
    margin: 0;
    padding: 0;
}
div.back
{
    background: url(/images/photos1.jpg) center 16px no-repeat;
    margin: 0;
    padding: 0;
    min-height: 710px;
}
    div.back.one
    {
        background-image: url(/images/photos1.jpg);
    }
    div.back.two
    {
        background-image: url(/images/photos2b.jpg);
    }
    div.back.three
    {
        background-image: url(/images/photos3.jpg);
    }

div.header
{
    width: 446px; /* 932-486 */
    margin: 0 auto;
    padding: 32px 0 0 486px;
}
    div.header h1
    {
        display: block;
        background: url(/images/profound-logo.gif) left top no-repeat;
        width: 224px;
        height: 57px;
        margin: 0 0 20px 0;
        padding: 0;
    }
        div.header h1 a
        {
            display: block;
            width: 100%;
            height: 100%;
            text-indent: -5000px;
            margin: 0;
            padding: 0;
        }

div.nav
{
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    margin: 0;
    padding: 0;
}
    div.nav div.bar
    {
        margin: 0 auto;
        width: 932px;
    }
        div.nav div.bar ul
        {
            list-style: none;
            background: #dae0ce;
            display: block;
            float: right;
            width: 453px; /* 466-12 */
            padding: 0 0 0 12px;
            margin: 0;
        }

        div.nav div.bar ul li
        {
            display: block;
            float: left;
            margin: 0 12px 0 0;
            padding: 0;
        }

        div.nav div.bar ul li a
        {
            display: block;
            margin: 0;
            padding: 4px 8px;
            color: #373737;
            font-size: 8pt;
            font-weight: bold;
            text-decoration: none;
            text-transform: lowercase;
        }

        div.nav div.bar ul li a:hover
        {
            background: #a1a59a;
            color: #fff;
        }

        div.nav div.bar ul li.selected a
        {
            background: #373737;
            color: #fff;
        }

div.cols
{
    width: 932px;
    margin: 0 auto;
}

div.phone
{
    margin: 0;
    width: 448px; /* 466-18 */
    padding: 0 0 0 18px;
    float: left;
}
    div.phone h2
    {
        display: block;
        width: 219px;
        height: 52px;
        margin: 0;
        padding: 0;
        background: url(/images/telephone.png) left top no-repeat;
        text-indent: -5000px;
    }

div.content
{
    width: 406px; /* 932-486-40 */
    margin: 0 0 0 0;
    padding: 0 40px 0 20px;
    float: left;
}
    div.content p
    {
        margin: 10pt 0;
    }
    div.content p:first-child
    {
        font-weight: bold;
        font-size: 10pt;
    }

div.footer
{
    width: 376px; /* 932-516-40 */
    margin: 20px auto 0 auto;
    padding: 0 40px 20px 516px;
    background: url(/images/footer-logo.gif) 486px top no-repeat;
    min-height: 91px;
}
    div.footer div.nameaddress
    {
        font-weight: bold;
        font-size: 10pt;
        margin: 0 0 20px 0;
    }
        div.footer div.nameaddress p
        {
            margin: 0 0 2px 0;
        }
    div.footer div.registered
    {
        font-size: 8pt;
    }
        div.footer div.registered p
        {
            margin: 0 0 6px 0;
        }

/* Content-specific */

ul.clients
{
    margin: 0;
    padding: 0;
    list-style: none;
}
    ul.clients li
    {
        margin: 10px 0;
        padding: 0;
        border-bottom: solid 1px #dae0ce;
        clear: both;
    }
    ul.clients img
    {
        clear: right;
        float: right;
        margin: 5px 0 10px 20px;
    }
    ul.clients h3
    {
        float: left;
        margin-top: 5px;
        font-size: 11pt;
    }
    ul.clients h4
    {
        font-size: 10pt;
        margin: 10pt 0;
    }
    ul.clients h4, ul.clients p
    {
        clear: left;
    }
    

ul.contactusform 
{
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.contactusform li
{
    font-size: 10pt;
    margin: 0;
    padding: 10px 0 0 0;
    clear: both;
}
ul.contactusform label.label, ul.contactusform label.empty
{
    font-weight: bold;
    display: block;
    width: 100px;
    float: left;
    text-align: right;
    margin: 0;
    padding: 4px 20px 0 0;
}
ul.contactusform label.label:after 
{
    content: ":";
}
ul.contactusform input.text, ul.contactusform textarea, div.mailinglist 
{
    margin: 0 10px 0 0;
    padding: 3px;
    width: 250px;
    float: left;
    border: solid 1px #dae0ce;
}
ul.contactusform div.validation
{
    padding: 0 0 0 100px;
}