body {
    margin:0;
    padding:0;
    font-size:100%;
    background-color:#dfdceb;
    color:#383054;
    font-family:"Trebuchet MS",sans-serif;
}

.form_fields {
    border:solid 1px #CCCCCC;
	color:#383054;
    font-family:"Trebuchet MS",sans-serif;
}

/* ------- Wrapper ------- */

#wrapper {
    width:100%;
    font-size:0.8em;
}

#backdrop {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:277px;
    z-index:0;
}

#backdrop .backdrop_left {
    position:absolute;
    left:0;
    top:0;
    width:50%;
    height:277px;
    background:url("../images/bg_top_left.jpg") 50% top repeat-x;
}

#backdrop .backdrop_right {
    position:absolute;
    right:0;
    top:0;
    width:50%;
    height:277px;
    background:url("../images/bg_top_right.jpg") 50% top repeat-x;
}

#backdrop .backdrop_center {
    position:relative;
    height:277px;
    background:url("../images/bg_top.jpg") 50% top no-repeat;
    z-index:1;
}

/* ------- Header ------- */

#header {
    z-index:10;
    width:752px;
    margin:0 auto 0 auto;
    position:relative;
    height:277px;
}

/* ------- Nav Menu ------- */

#menu {
    height:67px;
    background:#5B527D url("../images/bg_menu.jpg") left top repeat-x;
/*    position:relative; */
    width:751px;
    top:210px;
    left:0;
    position:absolute;
}

#menu .fascinator {
    position:absolute;
    width:26px;
    height:25px;
    background:url("../images/fascinator.jpg") left top no-repeat;
    right:10px;
    top:8px;
    z-index:20;
}

#menu .extra {
    position:absolute;
    width:157px;
    text-align:right;
    font-weight:bold;
    right:10px;
    bottom:8px;
    z-index:20;
    color:#fff;
}

#menu ul {
    margin:0;
    padding:0;
    list-style:none;
    height:67px;
    background:url("../images/bg_menu_right.jpg") right top no-repeat;
    position:relative;
}

#menu ul li {
    margin:0;
    padding:12px 20px 0 0;
    float:left;
    position:relative;
}

#menu ul li.selected a:link, #menu ul li.selected a:visited {
    color:#abb2c3;             /* :TODO: Random colour, choose your own :) */
}

#menu ul li a:link, #menu ul li a:visited, #menu .extra a:link, #menu .extra a:visited {
    text-decoration:none;
    color:#fff;
}

#menu ul li a:hover, #menu ul li.selected a:hover, #menu .extra a:hover {
    text-decoration:none;
    color:#abb2c3;             /* :TODO: Random colour, choose your own :) */
}

#menu ul.submenu {
    background:none;
    background-color:#fff;
    height:auto;
    position:absolute;
    left: 0;
    top:30px;
    display: none;
    border:1px solid #061944;
    z-index:100;
}

#menu ul.submenu li {
    float:none;
    height:auto;
    margin:0;
    padding:0;
    position:relative;
    width:190px;
}

#menu ul.submenu li a {
	color:#fff;
	display:block;
	padding:3px;
}

#menu ul.submenu li a:hover{
    background:none;
    background-color:#7F779F;
    color:#ffe404;
}

#menu ul.submenu li.selected a:link, #menu ul.submenu li.selected a:visited {
    color:#5B527D;
}

#menu ul.submenu li a:link, #menu ul.submenu li a:visited {
    text-decoration:none;
    color:#5B527D;
}

#menu ul.submenu li a:hover, #menu ul.submenu li.selected a:hover {
    text-decoration:none;
    color:#fff;
}


/* ------- Wrapper Body ------- */

#wrapper_body {
    width:752px;
    z-index:10;
    margin:0 auto 0 auto;
    position:relative;
    z-index:10;
}

#wrapper_body .center {
    background-color:#fff;
    position:relative;
    margin:0 auto 0 auto;
    width:722px;
    padding:0 15px 15px 15px;
    min-height:607px;
}

#bg_squares {
    position:absolute;
    top:0;
    left:-107px;
    width:107px;
    height:607px;
    background:url("../images/bg_left_fade.jpg") right top no-repeat;
}

#wrapper_body .skinny {
    padding-right:230px;
}

#wrapper_body .side {
    width:200px;
    float:right;
    background:#fff url("../images/bg_side.jpg") right top no-repeat;
    padding:10px;
    margin-left:10px;
    border-left:1px solid #bfb9d7;
}

.break {
    height:1px;
    background-color:#bfb9d7;
}

/* ------- Footer -------- */

#wrapper_body .footer {
    position:relative;
    margin:5px auto 20px auto;
    width:752px;
    padding:0;
    font-size:0.9em;

}

#wrapper_body .footer p {
    position:absolute;
    right:0;
    top:0;
    padding:0;
    margin:0;
}

#wrapper_body .footer a:link, #wrapper_body .footer a:visited {
    text-decoration:none;
    color:#383054;
}

#wrapper_body .footer a:hover {
    text-decoration:underline;
    color:#061944;             /* :TODO: Random colour, choose your own :) */
}

/* ------- Text Styles ------- */

h2 {
    color:#061844;
    margin:0;
}

h2.mauve {
    color:#8372cf;
    padding:0;
}

h2 sub {
    font-size:11px;
    display:block;
    margin:0;
    padding:0;
}

a:link, a:visited {
    color:#8372c5;             /* :TODO: Random colour, choose your own :) */
    text-decoration:none;
}

a:hover {
    color:#8372c5;             /* :TODO: Random colour, choose your own :) */
    text-decoration:underline;
}

.service_list {
    font-weight:bold;
}


/* --------- Tables ---------- */
table.styled {

}

table.styled thead tr td {
    background-color:#9999cc;
    font-weight:bold;
}

table.styled tbody tr td {
    background-color:#EEEEF7;
}

table.styled tbody tr.alternate td {
    background-color:#D5D5EA;
}

table.styled tfoot tr td {
    text-align:center;
    font-style:italic;
}


/* ------ Definition Lists ------- */
dl {
    margin:20px;
    padding:0;
}

dl dt {
    margin:0;
    padding-left:30px;
    background:#fff url("../images/large_bullet.jpg") left top no-repeat;
    font-weight:bold;
}

dl dd {
    padding:0;
    margin:5px 0 20px 30px;
}

/* ------ Unordered Lists ------- */

ul.bulleted {
    list-style:none;
    margin:0 0 0 20px;
    padding:0;
}

ul.bulleted li {
    margin:0;
    padding:0 0 10px 30px;
    background:#fff url("../images/large_bullet.jpg") left top no-repeat;
    list-style:none;
}


img.team_photo {
    border:1px solid #5b527d;
    margin-top:3px;
}

/* ----------- misc -----------*/
.leftborder {
    border-left:1px solid #bfb9d7;
    padding-left:10px;
}