html, body {
    background-color: #5264AF;
}

body {
    margin: 2em 0 2em 0;
    padding: 0;
    text-align: center;
    font: 12px "Trebuchet MS",arial,sans-serif;
}

table {
    width: 100%;
    border: none
}

table td {
    vertical-align: top;
    border: none
}

div.office,
div.newsletter,
div.social {
    float: left
}

div.office {
    width: 29%;
    padding-right: 1%
}

div.newsletter {
    width: 38%;
    padding: 0 1%
}

div.social {
    width: 29%;
    padding-left: 1%
}

body#contact div#content-u a {
    color: #000
}

body#contact div#content-u a:hover {
    text-decoration: none
}

body#contact #content-u h3 {
    color: #656565 !important
}

body#contact #studio-directions label {
    display: block;
    margin-bottom: 5px;
    color: #242424;
    font-size: 93%
}

body#contact #studio-directions input {
    display: block
}

body#contact #studio-directions input#saddr {
    width: 80%;
    /*background: transparent;
    border: solid 2px #CCC;*/
    padding: 5px
}

body#contact #studio-directions {
    margin-bottom: 20px
}

body#contact #studio-directions a {
    display: block;
    margin-top: 10px
}

body#contact a.ca {
    padding-left: 19px;
    padding-bottom: 10px;
    background: url('../images/bg/orange-round-arrow.png') no-repeat left 2px
}

body#client-login {
    text-align: center
}

body#client-login div#client-login-container {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 35px
}

body#client-login div#client-login-box {
    background: #F7941E;
    padding: 25px 30px 15px 30px;
    float: left;
    border: solid 4px #E07E07
}

body#client-login div#client-login-box label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px
}

body#client-login div#client-login-box input.input {
    width: 300px;
    font-size: 1.5em
}

body#client-login div#client-login-box input.submit {
    margin-top: 10px;
    float: right
} 

/*Main containers*/
#c, #d, #e, #f {
    width: 954px;
    height: 740px;
}

#c {
    text-align: left;
    margin: auto;
    position: relative
}

div.bga {
    background: #FFF url('../images/bg/bga.jpg') no-repeat center center
}

div.bgb {
    background: #FFF url('../images/bg/bgb.jpg') no-repeat center center
}

div.bgc {
    background: #FFF url('../images/bg/bgc.jpg') no-repeat center center
}

div.bgd {
    background: #FFF url('../images/bg/bgd.jpg') no-repeat center center
}

div.bge {
    background: #FFF url('../images/bg/bge.png') no-repeat center center
}


#d {
    background: url('../images/bg/rcul.gif') no-repeat left top
}

#e {
    background: url('../images/bg/generic-inner-curve.png') no-repeat 231px 107px
}

div.bge #e {
    background-image: none
}

#f {
    background: url('../images/bg/rcbr.gif') no-repeat right bottom
}

div.bge #f {
    background-image: none
}

#logo {
    position: absolute;
    top: 130px;
    left: 70px;
    z-index: 10000
}

#main-header {
    position: absolute;
    top: 70px;
    left: 288px;
    text-indent: -999em;
    width: 144px;
    height: 15px; 
    background: url('../images/gfc_typeSMALL_1.png') no-repeat 0 0;
    cursor: pointer;
    cursor: hand
}

#home #main-header {
    top: 170px;
    left: 265px;
    width: 237px;
    height: 30px;
    background: url('../images/gfc_type.png') no-repeat 0 0
}

#primary-nav {
    position: absolute;
    right: 0;
    top: 73px;
    margin: 0;
    padding: 0;
    width: 227px;
    height: 40px
}

#primary-nav ul {
    display: none
}

#primary-nav li.level1 {
    position: absolute;
    top: 0;
    list-style: none;
    width: 113px;
    height: 40px;
    margin: 0 1px 0 0;
    padding: 0;
    text-align: center;
    line-height: 47px;
    font-weight: bold;
    color: #FFF
}

#primary-nav li.level1 a {
    font-weight: normal;
    color: #FFF;
    text-transform: lowercase;
    text-decoration: none;
    margin-right: -4px
}

#primary-nav li.level1 a:hover {
    text-decoration: underline
}

#primary-nav li.last {
    margin: 0
}

#primary-nav li.btn-work {
    background: url('../images/bg/btn-our-work.png') no-repeat right bottom;
    z-index: 10;
    left: 7px
}

#primary-nav li.btn-firm {
    background: url('../images/bg/btn-our-firm.png') no-repeat right bottom;
    left: 114px
}

#primary-nav li ul {
    position: absolute;
    margin: 0;
    padding: 0;
    color: #ADACAC;
    bottom: -25px;
}

#primary-nav li.btn-work ul {
    right: -120px;
    width: 375px;
}

#primary-nav li.btn-firm > ul {
    right: -10px;
    width: 410px;
    top: 30px
}

#primary-nav li ul li {
    float: left;
    margin: 0;
    padding: 0;
    margin-right: .5em;
    list-style: none;
    line-height: 1.3em;
    width: 110px;
    font-size: 93%;
    text-transform: lowercase;
    position: relative;
    text-align: left
}

#primary-nav li.btn-firm ul li {
    float: none;
    display: inline;
    width: auto;
    margin: 0 1em 0 1em
}

#primary-nav li.btn-firm ul li li {
    float: none;
    display: block;
    width: 75px;
    margin: 0
}

#primary-nav li ul li a {
    color: #B2B2B2 !important
}

#primary-nav li.btn-work ul li a.active,
#primary-nav li.btn-work li.active-parent {
    color: #F8931D !important
}

#primary-nav li.btn-firm ul li a.active,
#primary-nav li.btn-firm li.active-parent {
    color: #7BB801 !important
}


#primary-nav li ul li ul {
    position: absolute;
    top: 100%;
    left: 1px;
    margin-top: .5em;
    width: 80px !important
}

#primary-nav li ul li ul li {
    float: none;
    line-height: 1.6em
}

#secondary-nav {
    position: absolute;
    top: 85px;
    left: 425px;
    width: 310px;
    text-align: center
}

#secondary-nav a {
    text-decoration: none;
    color: #000;
    margin: 0 4px 0 4px;
    font-size: 93%
}

#secondary-nav a.active,
#secondary-nav a:hover {
    text-decoration: underline;
    color: #5264AF
}

#content {
    position: absolute;
    top: 190px;
    height: 300px;
    width: 100%;
    z-index: 1
}

ol li {
    margin-left: 20px !important;
    line-height: 1.4em
}

body.root #content #content-u h2 {
    color: #F0901D;
    font-size: 108%;
    margin-bottom: 10px
}

body.root #content #content-u h3 {
    color: #5264AF;
    font-size: 93%;
    margin-bottom: 4px
}

body.root #content #content-u {
    font-size: 93%;
    position: absolute;
    left: 250px
}

body.root hr {
    margin: 20px 0 20px 0;
    width: 100px;
    float: left;
    height: 1px;
    border: dotted 2px #CCC;
    border-bottom: none
}

body.root p {
    clear: both
}

#content div.vcard {
    padding-bottom: 15px
}

#content div.vcard div.org {
    font-weight: bold
}

#content #content-u,
#content #content-b {
    float: right;
    width: 628px;
    padding-left: 40px;
    padding-right: 40px;
    clear: both
}

#our-firm #content #content-u p {
    color: #5264AF;
    line-height: 1.5em;
    width: 450px;
    position: relative;
    top: -14px
}

#content #content-u p strong {
    color: #F0901D
}

#content #flash,
#content #unflash {
    clear: both;
    height: 442px;
    z-index: 100
}

#content #flash *,
#content #unflash * {
    margin: 0;
    padding: 0
}

#content #flash .government h2,
#content #flash .not-for-profit h2,
#content #flash .business-services h2 {
    margin-top: 15px
}

#content #unflash {
    position: relative;
    top: 70px
}

#content #unflash #content-ul {
    width: 199px;
    height: 253px;
    padding: 20px;
    color: #FFF;
    background: #7AB800;
    overflow: hidden;
    position: absolute
}

#content #flashfile {
    position: relative
}

#content #slideshow-container {
    padding-top: 70px
}

#content #flashfile ul,
#content #slideshow ul#slideshow-nav {
    position: absolute;
    right: 20px;
    z-index: 2000;
    bottom: 50px
}

#content #slideshow ul#slideshow-nav {
    bottom: -100px
}

#content #flashfile ul li,
#content #slideshow ul#slideshow-nav li {
    float: left;
    list-style: none
}

#content #flashfile ul li a,
#content #slideshow ul#slideshow-nav li a {
    margin-left: 10px;
    margin-right: 10px;
    text-transform: lowercase;
    font-size: 11px;
    color: #000;
    text-decoration: none
}

#content #flashfile ul li a:hover,
#content #slideshow ul#slideshow-nav li a:hover {
    text-decoration: underline
}

body.clients div.not-for-profit,
body.clients div.business-services,
body.clients div.government {
    position: absolute;
    top: 35px;
    width: 270px
}

body.clients div.government {
    left: 70px
}

body.clients div.not-for-profit {
    left: 380px
}

body.clients div.business-services {
    left: 670px
}

body.clients #content #flash {
    top: 30px;
    position: relative
}

#content .textual {
    top: 100px;
    position: absolute;
    left: 300px;
    width: 600px
}

body.clients #content #flash h2 {
    color: #000;
    font-size: 100%;
    margin-bottom: 5px
}

body.clients #content #flash ul {
    margin-left: 0;
    font-size: 93%
}

body.clients #content #flash ul li {
    line-height: 1.3em;
    list-style: none
}

body.what-we-do #content #unflash #content-ul {
    left: 0
}

body.how-we-do-it #content #unflash #content-ul {
    left: 239px
}

body.how-we-do-it #content #unflash #content-ul li {
    line-height: 1.3em
}

#content #unflash #content-ul h3 {
    font-size: 131%;
    margin-bottom: 6px
}

#content #unflash #content-ul p {
    margin-bottom: 6px
}

#content #unflash #content-ul p,
#content #unflash #content-ul ul,
#content #unflash #content-ul ol {
    font-size: 93%;
    margin-bottom: 10px
}

body.what-we-do #content #unflash #content-ul p {
    font-size: 91%;
    line-height: 1.2em
}

#content #unflash #content-um {
    width: 476px;
    height: 293px;
    position: absolute
}

body.what-we-do #content #unflash #content-um {
    background: url('../images/photos/terry.jpg') no-repeat center center;
    left: 239px
}

body.how-we-do-it #content #unflash #content-um {
    background: url('../images/photos/h.jpg') no-repeat center center;
    left: 478px
}

#content #unflash #content-ur {
    width: 240px;
    height: 293px;
    position: absolute
}

body.what-we-do #content #unflash #content-ur {
    background: url('../images/photos/hands-keyboard.jpg') no-repeat center center;
    left: 714px
}

body.how-we-do-it #content #unflash #content-ur {
    background: url('../images/photos/hand-writing.jpg') no-repeat center center;
    left: 0
}

#content #content-b {
    position: relative;
    top: -40px;
    z-index: 1
}

#our-firm #content #content-b {
    top: -20px;
    z-index: 1000
}

#content #content-b p {
    width: 500px;
    font-size: 116%;
    color: #5264AF;
    line-height: 1.6em
}

#content #content-b p strong {
    font-weight: normal;
    color: #F7941E
}

#our-work #content-u h2,
#our-firm #content-u h2 {
    display: none
}

#our-work #primary-nav li ul,
#our-firm #primary-nav li ul {
    display: block
}

#our-work #primary-nav li.btn-firm ul {
    display: none
}

#our-firm #primary-nav li.btn-work ul {
    display: none
}

#footer {
    position: absolute;
    bottom: 8px;
    right: 21px;
    font-size: 85%
}

body.partners div#flash div.partner-list {
    width: 150px;
    position: absolute;
    top: 110px
}

body.partners div#flash div.partner-list1 {
    left: 275px
}

body.partners div#flash div.partner-list2 {
    left: 445px
}

body.partners div#flash div.partner-list dl dt a {
    color: #000;
    text-decoration: none
}

body.partners div#flash div.partner-list dl dt a:hover {
    text-decoration: underline
}

body.partners div#flash div.partner-list dl dd {
    margin-bottom: 20px !important;
}

body.partners div#flash div.partner-list dl dd span {
    display: block;
    cursor: pointer;
    cursor: hand;
}

body.partners div#flash div.partner-list dl dd span img {
    vertical-align: middle
}

body.partners div#flash div.partner-list dd div {
    display: none
}

body.partners div#flash div.partner-info {
    position: absolute;
    left: 590px;
    top: 45px;
    width: 350px;
    height: 444px;
    background: url('../images/partner-info-box.png') no-repeat center center
}

body.partners div#flash div.partner-info div {
    padding: 40px !important
}

body.partners div#flash div.partner-info h4,
body.partners div#flash div.partner-info p {
    text-align: left;
    line-height: 1.5em
}

body.partners div#flash div.partner-info h4 {
    font-size: 15px;
    font-weight: normal;
    color: #7ab800;
    margin-bottom: 20px !important
}

body.partners div#flash div.partner-info p {
    font-size: 11px
}

body.partners div#flash div.partner-info div p.partner-go {
    padding-left: 16px !important;
    background: url('../images/bg/plus-button.png') no-repeat left 2px;
    margin-top: 15px !important
}

body.partners div#flash a {
    color: #000
}

body.partners div#flash a:hover {
    text-decoration: none
}

/*
 * Generic
 */
.js {display: none}

.hide {display: none}