/*    -------------------------------------------------------------
    1. main rules
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td, a, input, textarea { margin: 0; outline : none; padding: 0; }

input, textarea { margin: 0 0 2px; }

.clear-all { clear : both; }

.clear { clear: both; font-size: 0; line-height: 0; height: 0; }

.spacer { clear: both; font-size: 0; line-height: 0; height: 20px; }

.small-spacer { clear: both; font-size: 0; line-height: 0; height: 8px; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix {	display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
 
* html .clearfix { height: 1%; }

html, body { height : 100%; }

.float-left { float : left !important; }

.float-right { float : right !important; }

/*    -------------------------------------------------------------
    2. fonts
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */
@font-face {
    font-family     : 'TheSans-Plain';
    src             : url(fonts/TheSans/plain.eot);
}

@font-face {
    font-family     : 'TheSans-Plain';
    font-weight     : bold;
    src             : url(fonts/TheSans/extrabold.eot);
}

@font-face {
    font-family     : 'TheSans-Plain';
    font-style      : italic;
    src             : url(fonts/TheSans/italic.eot);
}

@font-face {
    font-family     : 'TheSans-Light';
    src             : url(fonts/TheSansLight/plain.eot);
}
/* END OF IE FONTS */
@font-face {
    font-family     : 'TheSans-Plain';
    src             : url(fonts/TheSans/plain.otf);
}

@font-face {
    font-family     : 'TheSans-Plain';
    font-weight     : bold;
    src             : url(fonts/TheSans/extrabold.otf);
}

@font-face {
    font-family     : 'TheSans-Plain';
    font-style      : italic;
    src             : url(fonts/TheSans/italic.otf);
}

@font-face {
    font-family     : 'TheSans-Light';
    src             : url(fonts/TheSansLight/plain.otf);
}
/**/
body {
    color           : #787676;
    font-family     : 'TheSans-Plain', sans-serif;   
    font-size       : 12px;
    line-height     : 16px;
}

a {
    color           : #606fb4;
    text-decoration : none;
}

a:hover {
    text-decoration : underline;
}

a img {
    border          : none;
}

#main-nav {
    font-size       : 18px;
    line-height     : 24px;
}

#main-nav a, #sub-nav a, #publications-menu a {
    text-decoration : none;
}

#main-nav ul a, #sub-nav a {
    color           : #787676;
}

#sub-nav ul a {
    color           : #606fb4;
}

#main-nav a.selected, #sub-nav a.selected, #publications-menu .selected {
    font-weight     : bold;
}

#sub-nav {
    display         : block;
    float           : left;
    list-style      : none;
    line-height     : 24px;
    width           : 168px;
}

#sub-nav li {
    width           : 158px;
}

#sub-nav li .submenu-for-Ecclesiastical li {
    width           : 128px;
}

#main-nav ul, #sub-nav ul {
    display         : none;
    list-style      : none;
    padding-bottom  : 25px;
}

table {
    border          : none;
    border-collapse : collapse;
}

table#client-table td {
    line-height     : 17px;
    padding-top     : 3px;
    width           : 224px;
}
/*    -------------------------------------------------------------
    3. layout
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */
#centerer {
    height          : 100%;
    width           : 100%;
}

#main {
    border-top      : 1px solid #000;
    height          : 595px;
    padding         : 0 47px 0 29px;
    width           : 794px;
}

#header {
    height          : 118px;
    overflow        : hidden;
}

#header-1 h1, #header-1 h3 , #header-2 h1 {
    display         : none;
}

#header-2 {
    display         : none;
}

#header-1 {
    background      : url(./images/logo1.png) 100% 100% no-repeat;
    height          : 85px;
}

#header-2 {
    background      : url(./images/logo2.png) 100% 0px no-repeat;
    height          : 85px;
}

#main-nav {
    display         : block;
    float           : left;
    list-style      : none;
    text-align      : left;
    width           : 144px;
}

#page-load {
    float           : right;
    height          : 468px;
    text-align      : left;
    width           : 640px;
}

.projectDesc {
    height          : 468px;
    overflow        : hidden;
}

#second-page-load {
    float           : right;
    height          : 468px;
    text-align      : left;
    width           : 470px;
}

#home-image {
    float           : right;
    height          : 468px;
    overflow        : hidden;
    width           : 344px;
}

.about-something {
    font-family     : 'TheSans-Light', sans-serif;
    font-size       : 26px;
    line-height     : 38px;
    margin-top      : -2px;
}

.about-our-work {
    font-size       : 22px;
    margin-top      : -3px;
}

.careers-page {
    font-size       : 15px;
}

address {
    font-size       : 12px;
    font-style      : normal;
    line-height     : 20px;
    margin-top      : 12px;
}

.two-col {
    float           : left;
    line-height     : 20px;
    width           : 300px;
}

.copyright {
    font-size       : 8px;
    line-height     : 12px;
    white-space     : nowrap;
}

.scroll-button {
    background      : url(./images/arrow-up.png) 0 0 no-repeat;
    clear           : both;
    display         : block;
    float           : left;
    height          : 12px;
    margin-bottom   : 6px;
    overflow        : hidden;
    text-indent     : -800px;
    text-transform  : capitalize;
    width           : 12px;
}

.scroll-down {
    background-image : url(./images/arrow-down.png);
}

.profile {
    display         : none;
}

.profile h3 {
    color           : #231F20;
    font-size       : 14px;
    line-height     : 22px;
    font-weight     : bold;
    margin-bottom   : 4px;
}

.profile h4 {
    font-size       : 14px;
    font-weight     : normal;
    margin-bottom   : 28px;
}

#awards {
    line-height     : 20px;
}

.people-profile p {
    font-size       : 14px;
    line-height     : 22px;
}

#awards {
    height          : 392px;
    margin-top      : 2px;
    overflow        : hidden;
}

.location-name {
    color           : #039;
}

.award-location {
    padding-bottom  : 14px;
}

.award-location .year {
    display         : block;
    float           : left;
    width           : 40px;
}

.award-location .name {
    display         : block;
    float           : left;
    width           : 380px;
}

.award-location .location-name {
    font-weight     : bold;
}

#publications-menu-container {
    height          : 392px;
    margin-left     : 410px;
    margin-top      : 4px;
    overflow        : hidden;
    position        : absolute;
    width           : 265px;
}

#publi-scrollers {
    display         : none;
    margin          : 412px 0 0 410px;
    position        : absolute;
}

#publications-menu {
    font-size       : 12px;
    list-style      : none;
    margin-top      : 2px;
    width           : 265px;
}

#publications-menu ul {
    list-style      : none;
    padding-bottom  : 22px;
}

#publications-menu .details {
    display         : none;
}

strong.group-name {
    display         : block;
    padding-bottom  : 8px;
}

#publications-menu ul li {
    padding-bottom  : 8px;
}

.publications-show {
    float           : left !important;
    width           : 410px !important;
}

#second-page-load img {
    height          : auto;
    max-width       : 470px;
    width: expression(this.width > 470 ? 470: true);
}

.sgPages {
    display             : block;
    line-height         : 20px;
    margin              : 430px 0 0 -220px;
    position            : absolute;
    width               : 200px;
    text-align          : right;
}

.sgPages a {
    text-decoration    : none;
    margin-left        : 4px;
}

.sgFrame {
    padding-top         : 10px;
}
/*
#project-text {
    display             : none;
}
*/

#project-details {
    padding-top     : 3px;
}

#project-details span {
    display         : block;
    line-height     : 18px;
}

#project-details span.dark {
    color           : #231F20;
}

#project-text p {
    line-height     : 18px;
    padding-bottom  : 18px;
}

.service-text {
    font-size       : 14px;
    line-height     : 22px;
}

.service-text .gallery {
    padding-top     : 15px;
}

.subtextou {
    padding-top     : 24px;
}

.subtextou p {
    font-family     : 'TheSans-Light', sans-serif;
    font-size       : 14px;
    line-height     : 20px;
    margin-bottom   : 20px;
}