body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
}

#wrapper {
    width: 800px;
    margin: 0 auto 0 auto;
    position: relative;
    overflow: hidden;
}

.logo {
}

.nav {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 15px;
}

    .nav li {
        display: block;
        float: left;
        margin-left: 20px;
    }

        .nav li a {
            color: #c93;
            font-family: HRoman;
            font-size: 18px;
        }

            .nav li a:hover {
                color: #006;
            }

.main {
    border: 1px solid #999;
    padding: 15px;
    height: 520px;
    min-height: 520px;
    margin-bottom: 10px;
    position: relative;
}

object {
    z-index: 999;
}

.disclaimer {
    font-size: 11px;
    color: #666;
    line-height: 1.3em;
    z-index: 9999;
    position: absolute;
    bottom:15px;
    right: 15px;
    left: 15px;
}

.footer {
    color: #999;
    font-size: 11px;
    margin-left: 5px;
}

a {
    color: #c93;
}

    a:hover {
        color: #006;
    }

h1, h2 {
    font-family: BRegular;
    color: #006;
}

/* Front Page */

.frontLogo {
    position: absolute;
    top: 160px;
    left: 20px;
}

.frontLinks {
    width: 450px;
    height: 77px;
    position: absolute;
    top: 160px;
    right: 20px;
    background: url("/images/coin-grey.gif") no-repeat top left;
    overflow: hidden;
    padding-top: 100px;
}

    .frontLinks li {
        float: left;
        margin: 0 20px 0 20px;
    }

        .frontLinks li a {
            font-family: BRegular;
            font-size: 20px;
            color: #666;
            text-transform: lowercase;
            background: url("/images/circle-pale.png") no-repeat top center;
            padding-top: 40px;
        }

            .frontLinks li a:hover {
                background: url("/images/circle-gold.png") no-repeat top center;
                color: #003;
            }

/* About Page */

.about {
    text-align: center;
    width: 450px;
    height: 340px;
    margin: 50px auto 0 auto;
    padding-top: 40px;
    background: url("/images/coin-large.png") no-repeat center top;
}

    .about h1 {
        color: #c93;
        font-family: BBold;
        font-size: 20px;
        margin-bottom: 20px;
    }

    .about p {
        width: 400px;
        color: #003;
        font-size: 14px;
        font-family: HRoman;
        margin: 0 auto 20px auto;
        line-height: 1.3em;
    }

/* In Depth */

.indepth {
    background: url("/images/coin-large.png") no-repeat center top;
    position: absolute;
    top: 60px;
    width: 450px;
    height: 450px;
}

    .indepth h1 {
        text-align: center;
        margin-bottom: 1em;
        font-size: 22px;
        font-family: BBold;
        color: #c93;
    }

h1.associateExperts {
    color: #666;
    font-size: 30px;
}

.indepth p {
    width: 330px;
    font-size: 13px;
    color: #333;
    font-family: HRoman;
    text-align: center;
    margin: 0 auto 1em auto;
    line-height: 1.3em;
}

.indepth-list {
    position: absolute;
    left: 460px;
    top: 55px;
}

    .indepth-list li {
    }

        .indepth-list li a {
            color: #003;
            background-image: url("/images/circle-gold.png");
            background-position: left 0px;
            background-repeat: no-repeat;
            padding: 4px 0 0 30px;
            font-family: HRoman;
            font-size: 16px;
            display: block;
            height: 35px;
        }

            .indepth-list li a:hover {
                color: #c93;
                background-image: url("/images/circle-blue.png");
            }

            .indepth-list li a.last {
                background-image: url("/images/circle-blue.png") !important;
            }

                .indepth-list li a.last:hover {
                    background-image: url("/images/circle-gold.png") !important;
                }

.expertsMore {
    color: #003;
    background-image: url("/images/circle-gold.png");
    background-position: left 0px;
    background-repeat: no-repeat;
    padding: 4px 0 0 30px;
    font-family: HRoman;
    font-size: 16px;
    display: block;
    height: 35px;
    margin-left: 120px;
}

/* Experts */

.expertsMain div {
    background: url("/images/coin-large.png") no-repeat center top;
    position: absolute;
    top: 60px;
    right: 35px;
    width: 450px;
    height: 300px;
    padding-top: 100px;
}

    .expertsMain div p {
        width: 330px;
        font-size: 13px;
        color: #333;
        font-family: HRoman;
        text-align: center;
        margin: 0 auto 1em auto;
        line-height: 1.3em;
    }

.experts {
    font-family: BRegular;
    color: #c93;
    font-size: 45px;
    position: absolute;
    top: 15px;
    right: 25px;
    z-index: 99;
}

.expertsMain ul {
    position: absolute;
    top: 160px;
    left: 40px;
}

    .expertsMain ul li {
        margin-bottom: 35px;
    }

        .expertsMain ul li a {
            font-family: BRegular;
            font-size: 30px;
            color: #003;
            background-image: url("/images/circle-gold.png");
            background-position: left 10px;
            background-repeat: no-repeat;
            padding-left: 35px;
        }

            .expertsMain ul li a:hover {
                color: #c93;
                background-image: url("/images/circle-blue.png");
            }

/* Staff List */

.expertGroupMain {
    position: relative;
    width: 730px;
    background: url("/images/coin-large.png") no-repeat right;
    min-height: 450px;
    margin: 25px 0 0 25px;
    border: 1px solid white;
}

.staffList {
}

    .staffList li {
        overflow: hidden;
        margin-bottom: 25px;
    }

        .staffList li a.button {
            float: left;
            width: 52px;
            height: 52px;
            margin-right: 10px;
        }

            .staffList li a.button:hover {
            }

        .staffList li a.title {
            font-family: HRoman;
            font-size: 14px;
            margin: 8px 0 0 0;
            display: block;
            padding-left: 10px;
        }

            .staffList li a.title:hover {
                color: #c93 !important;
            }

                .staffList li a.title:hover span {
                    color: #c93 !important;
                }

            .staffList li a.title span {
                font-size: 21px;
                color: #003;
                display: block;
                margin-bottom: 5px;
            }

a.expertLink {
    position: absolute;
    bottom: 10px;
    right: 20px;
    font-family: HRoman;
    font-size: 15px;
    color: #003;
    background-image: url("/images/circle-gold.png");
    background-position: left 0;
    background-repeat: no-repeat;
    padding: 3px 0 0 35px;
    height: 25px;
}

    a.expertLink:hover {
        color: #c93;
        background-image: url("/images/circle-blue.png");
    }

/* Staff Page */

.staff {
    position: absolute;
    top: 90px;
    left: 20px;
}

    .staff h1 {
        font-size: 30px;
        color: #003;
        margin-bottom: 10px;
    }

    .staff .position {
        color: #c93;
        font-size: 22px;
        font-family: HRoman;
        margin-bottom: 25px;
        display: block;
    }

img.staffPhoto {
    position: absolute;
    top: 90px;
    right: 25px;
}

.staff .areas {
    margin-bottom: 20px;
    max-width: 400px;
}

    .staff .areas li {
        font-family: HRoman;
        color: #666;
        font-size: 14px;
    }

.staff h2 {
    font-family: HRoman;
    font-size: 16px;
    color: #c93;
    margin-bottom: 5px;
}

.staff .attributes {
    margin-bottom: 20px;
	width: 400px;
}

    .staff .attributes li {
        font-family: HRoman;
        color: #666;
        font-size: 14px;
        margin-bottom: 0.4em;
    }

.biography {
    width: 302px;
    height: 200px;
    position: absolute;
    right: 25px;
    top: 290px;
    overflow-y: scroll;
    padding-right: 10px;
}

    .biography p, .biography ul {
        line-height: 1.4em;
        margin-bottom: 1.2em;
        color: #666;
    }

	.biography ul li {
		list-style: circle;
		margin-left: 15px;
		margin-bottom: 0.4em;
		
	}

a.back {
    position: absolute;
    bottom: 10px;
    left: 20px;
    font-family: HRoman;
    font-size: 15px;
    color: #003;
    background-image: url("/images/circle-gold.png");
    background-position: left 0;
    background-repeat: no-repeat;
    padding: 3px 0 0 35px;
    height: 25px;
}

    a.back:hover {
        color: #c93;
        background-image: url("/images/circle-blue.png");
    }

/* Terms */

.terms {
    width: 600px;
    position: absolute;
    right: 40px;
    top: 20px;
}

    .terms h1, .contact h1 {
        font-size: 30px;
        color: #c93;
        font-family: BRegular;
        margin-bottom: 15px;
    }

    .terms h2 {
        font-size: 1.3em;
        font-weight: bold;
        font-family: BRegular;
        color: #c93;
        margin-bottom: 1.2rem;
    }

    .terms div {
        width: 600px;
        height: 450px;
        overflow-x: hidden;
        overflow-y: scroll;
        padding-right: 15px;
    }

    .terms p, .terms ul {
        color: #666;
        line-height: 1.4em;
        margin-bottom: 1.2em;
    }

.ifa {
    position: absolute;
    top: 30px;
    left: 40px;
}

/* Contact Page */

.contact {
}

    .contact h2 {
        color: #c93;
        font-family: HRoman;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .contact p {
        color: #666;
        margin-bottom: 1.4em;
        line-height: 1.3em;
    }


@media screen and (max-width: 600px) {

    object {
        display: none;
    }
    #wrapper {
        width: 100%;
    }

    .logo {
        display: block;
        width: 209px;
        height: 44px;
        margin: 1em auto 1em auto;
    }

    .nav {
        width: 100%;
        text-align: center;
        position: relative;
        margin-bottom: 1em;
        right: 0;
        top: 0;
    }

    .nav li {
        display: inline;
        float: none;
        margin: 0 10px 0 10px;
    }

    .nav li a {
        font-size: 1.3em;
    }

    .main {
        border-color: #ccc;
        margin: 20px;
        padding: 30px 0 20px 0;       
        height: auto;
        min-height: unset;
    }

    
.frontLogo {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin: 3em auto 2em auto;
}

.frontLinks {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    right: 0;
    padding: 20px 0 0 0;
}

    .frontLinks li {
        display: block;
        float: left;
        margin: 0 0 25px 0 ;
        width: 50%;
        text-align: center;
    }

        .frontLinks li a {
            display: block;
            font-family: BRegular;
            font-size: 20px;
            color: #666;
            text-transform: lowercase;
            background: url("/images/circle-pale.png") no-repeat top center;
            padding-top: 30px;
        }

            .frontLinks li a:hover {
                background: url("/images/circle-gold.png") no-repeat top center;
                color: #003;
            }

    .disclaimer {
        padding: 2em 15px 0 15px;
        margin-bottom: 0;
        text-align: center;
    }

    .footer {
        padding: 0 15px 15px 15px;
        text-align: center;
    }
    .footer a {
        display: block;
        margin: 5px 0 0 0;
    }

h1 {
    color: #c93 !important;
    font-family: BRegular !important;
    font-size: 25px !important;
    margin-bottom: 20px !important;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 15px;
}

    
.about {
    text-align: center;
    width: 100%;
    height: auto;
    margin: 0 auto 0 auto;
    padding-top: 0;
    background: none;
}

    .about p {
        width: auto;
        color: #003;
        font-size: 14px;
        font-family: HRoman;
        margin: 0 20px 0 20px;
        line-height: 1.3em;
    }

    
.contact {
    padding: 0 15px 15px 15px;
    text-align: center;
}

.contact p:last-child {
    margin-bottom: 0;
}



.indepth {
    background: none;
    position: relative;
    top: 0;
    margin-top: 0px;
    width: 100%;
    height: auto;
    min-height: unset;
}

    .indepth h1 {
        text-align: center;
        margin-bottom: 1em;
        font-size: 22px;
        font-family: BBold;
        color: #c93;
    }

h1.associateExperts {
    color: #666;
    font-size: 30px;
}

.indepth p {
    width: auto;
    font-size: 13px;
    color: #333;
    font-family: HRoman;
    text-align: center;
    margin: 0 20px 1em 20px;
    line-height: 1.3em;    
}

.indepth-list {
    position: relative;
    left: 0;
    top: 0px !important;
    margin-top: 30px;
    padding-left: 20px;
    min-height: unset;
}

    .indepth-list li {
    }

        .indepth-list li a {
            color: #003;
            background-image: url("/images/circle-gold.png");
            background-position: left 0px;
            background-repeat: no-repeat;
            padding: 4px 0 0 30px;
            font-family: HRoman;
            font-size: 14px;
            display: block;
            height: 35px;
        }

            .indepth-list li a:hover {
                color: #c93;
                background-image: url("/images/circle-blue.png");
            }

            .indepth-list li a.last {
                background-image: url("/images/circle-blue.png") !important;
            }

                .indepth-list li a.last:hover {
                    background-image: url("/images/circle-gold.png") !important;
                }

.expertsMore {
    color: #c93;
    background: none;
    background-repeat: no-repeat;
    padding: 4px 0 0 0;
    font-family: HRoman;
    font-size: 16px;
    display: block;
    height: 35px;
    margin-left: 0;
    text-align: center;
}

/* Experts */

.expertsMain div {
    background:none;
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding-top: 25px;
}

    .expertsMain div p {
        width: auto;
        font-size: 13px;
        color: #333;
        font-family: HRoman;
        text-align: center;
        margin: 0 auto 1em auto;
        line-height: 1.3em;
        padding: 0 20px 0 20px;
    }

.experts {
    font-family: BRegular;
    color: #c93;
    position: relative;
    top: 0;
    right: 0;
    z-index: 99;
}

.expertsMain ul {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 15px;
}

    .expertsMain ul li {
        margin-top: 35px;
        margin-bottom: 15px;
        display: block;
        float: none;
    }

        .expertsMain ul li a {
        display: block;
            font-family: BRegular;
            font-size: 25px;
            color: #003;
            background-image: url("/images/circle-gold.png") ;
            background-position: top center;
            background-repeat: no-repeat;
            padding-left: 0;
            padding-top: 30px;
            text-align: center;
        }

            .expertsMain ul li a:hover {
                color: #c93;
                background-image: url("/images/circle-blue.png");
            }
            



.expertGroupMain {
    position: relative;
    width: auto;
    background: none;
    min-height: unset;
    margin: 35px 0 20px 25px;
    border: 0;
}

.staffList {
}

    .staffList li {
        overflow: hidden;
        margin-bottom: 35px;
    }

        .staffList li a.button {
            float: left;
            width: 52px;
            height: 52px;
            margin-right: 10px;
        }

            .staffList li a.button:hover {
            }

        .staffList li a.title {
            font-family: HRoman;
            font-size: 14px;
            margin: 8px 0 0 0;
            display: block;
            padding-left: 10px;
        }

            .staffList li a.title:hover {
                color: #c93 !important;
            }

                .staffList li a.title:hover span {
                    color: #c93 !important;
                }

            .staffList li a.title span {
                font-size: 21px;
                color: #003;
                display: block;
                margin-bottom: 5px;
            }

a.expertLink {
    position: relative;
    bottom: 0;
    right: 0;
    display: block;
    font-family: HRoman;
    font-size: 15px;
    color: #003;
    background-image: url("/images/circle-gold.png");
    background-position: top center;
    background-repeat: no-repeat;
    padding: 30px 0 0 0;
    height: 30px;
    text-align: center;
}

    a.expertLink:hover {
        color: #c93;
        background-image: url("/images/circle-blue.png");
    }




    
.terms {
    width: auto;
    position: relative;
    right: 0;
    top: 0;
}

    .terms h1, .contact h1 {
        font-size: 30px;
        color: #c93;
        font-family: BRegular;
        margin-bottom: 15px;
    }

    .terms div {
        width: auto;
        height: auto;
        overflow: visible;
        padding-right: 15px;
    }

    .terms p {
        color: #666;
        line-height: 1.4em;
        margin-bottom: 1.2em;
        padding: 0 15px 0 15px;
    }

.ifa {
    position: relative;
    top: 0;
    left: 0;
    display:block;
    margin: 0 auto 0 auto;
}



.staff {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    margin-bottom: 40px;
}

    .staff h1 {
        font-size: 30px;
        color: #003;
        margin-bottom: 10px;
    }

    .staff .position {
        color: #c93;
        font-size: 22px;
        font-family: HRoman;
        margin-bottom: 25px;
        display: block;
        margin-top: 230px;
    }

img.staffPhoto {
    position: absolute;
    top: 100px;
    left: 10px;
    display: block;
    margin: 0 auto 0 auto;
}

.staff .areas {
    margin-bottom: 20px;
    text-align: center;
}

    .staff .areas li {
        font-family: HRoman;
        color: #666;
        font-size: 16px;
    }

.staff h2 {
    font-family: HRoman;
    font-size: 16px;
    color: #c93;
    margin-bottom: 5px;
}

.staff .attributes {
    margin-bottom: 20px;
}

    .staff .attributes li {
        font-family: HRoman;
        color: #666;
        font-size: 14px;
        margin-bottom: 0.3em;
    }

.biography {
    width: auto;
    height: auto;
    position: relative;
    right: 0;
    top: 0;
    overflow: visible;
    padding: 0 20px 0 20px;
}

    .biography p {
        line-height: 1.4em;
        margin-bottom: 1.2em;
        color: #666;
    }

a.back {
    position: relative;
    bottom: 0;
    display: block;
    left: 0;
    text-align: center;
    font-family: HRoman;
    font-size: 15px;
    color: #003;
    background-image: url("/images/circle-gold.png") ;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 30px 0 0 0;
    height: 35px;
}

    a.back:hover {
        color: #c93;
        background-image: url("/images/circle-blue.png");
    }


}