/*   -----   GENERAL   -----   */
html, body {
    background: #1e3053;
    font-family: Times New Roman, Times, serif;
    margin: 0;
    padding: 0;
}
    
#container {
    position: relative;
    text-align: center;
    margin: auto;
}
        
#content {
    margin: auto;
}
        
a {
    text-decoration: none;
    color: inherit;
}

h3 {
    font-weight: normal;
}
    
p {
    margin-top: 0;
}

.center {
    text-align: center;
}

.smallcaps {
    font-variant: small-caps;
}

/*   -----   END GENERAL   -----   */



/*   -----   MENU   -----   */
#menu {
    font-weight: normal;
    font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
    color: #508aa7;
    position: relative;
    background: transparent;
    padding: 1em 0;
    text-align: center;
    font-variant: small-caps;
    white-space: nowrap;
}

#menu a:hover {
    color: #fff;
}

#menuName, #menuSlogan {
    display: inline-block;
    width: 300px;
    opacity: .5;
}

#menuName {
    text-align: left;
}
    
#menuSlogan {
    text-align: right;
}
        
.splash #menuName, .splash #menuSlogan {
    opacity: .0;
}
    
.subMenu {
    font-weight: normal;
    display: none;
}

.subMenu#blankSubMenu {
    display: block;
}
/*   -----   END MENU   -----   */


/*   -----   SPLASH PAGES   -----   */

.splash {
    color: #fff;
}

#title h1, #subtitle h2 {
    font-size: 275%;
    font-family: Trajan Pro, Trajan, Times New Roman, Times, serif;
    margin: 0;
    line-height: 1em;
}

#title h1 .subhead {
    font-size: 75%;
    font-weight: normal;
    font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
    text-transform: uppercase;
    letter-spacing: .5em;
    padding-left: .5em;
}


#subtitle h2 {
    font-size: 150%;
    font-weight: normal;
    letter-spacing: .125em;

}
    
#title {
    margin-bottom: 1em;
}
    
#subtitle {
    margin-top: 1.5em;
}

#logo {
    display: inline-block;
    background: #fff;
    color: #000;
    border: 1px;
    padding-bottom: 1em;
}
    
#logo img {
    border: 2px #000 solid;
    margin: 1em;
    padding: 1em;
}
    
.tagline {
    position: relative;
    margin-top: -2em;
    margin-bottom: -.5em;
}
    
.tagline span {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    padding: .5em;
    background: #fff;
}
    
#specialties, #contactInfo {
    margin-top: 1em;
}
    
#specialties h3, #contactInfo h3 {
    font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
    letter-spacing: .125em;
    margin: 0;
}
    
/*   -----   END SPLASH PAGES   -----   */



/*   -----   TOC   -----   */

.toc #container {
    width: 1280px;
    margin-bottom: 800px;
}
    
.tocSection {
    border: 1px #000 solid;
    background: #fff;
}

.toc h3 {
    text-align: center;
    margin: auto;
    margin-top: .5em;
}
    
.toc h3 span {
    font-size: 200%;
    font-variant: small-caps;
    padding: .25em;
}

.toc blockquote {
    font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
    margin-top: 0;
}

.toc .qHead {
    display: inline-block;
    vertical-align: middle;
    color: #508aa7;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 80%;
}
    
.toc .qTail {
    display: inline-block;
    font-size: 60%;
}

.toc .sectionBreak {
    height: .75em;
    border: 0;
    color: transparent;
}

/*.toc .projectImg, .toc .projectInfo {
    background: #ff0;
}*/

.toc img {
    display: inline-block;
    background: #ccc;
    border: 0;
    width: 200px;
    height: 150px;
    margin: 0;
}
    
.toc .projectInfo {
    text-align: center;
    margin: auto;
    vertical-align: bottom;
}
    
.toc table {
    border-collapse: collapse;
    margin: 0;
}
    
.toc td {
    padding: 15px;
}
    
.toc td.projectInfo {
    padding-left: 0px;
    padding-right: 15px;
}

.projectInfo hgroup {
    width: 175px;
    height: 150px;
    margin: 0;
}

.toc .tocKB img {
    width: 125px;
    margin-left: 50px;
    margin-right: 25px;
}

.toc .tocDetails img {
    width: 125px;
    height: 125px;
}
    
.toc .tocDetails hgroup {
    width: 135px;
    height: 95px;
    padding: 0;
    padding-top: 25%;
}

.projectInfo h4 {
    font-weight: normal;
    font-variant: small-caps;
    padding-top: 1em;
    margin-top: 0;
    margin-bottom: .5em;
}

.projectInfo h5.projectFocus {
    display: block;
    font-size: 75%;
    font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
    font-weight: normal;
    margin-top: 0;
}
    
.projectInfo h5.projectFocus div {
    margin: 0;
    display: inline-block;
}
    
.projectInfo h5.projectFocus div.focus {
    font-variant: small-caps;
    vertical-align: top;
    text-align: right;
}
    
.projectInfo h5.projectFocus div.foci {
    text-align: left;
}

.projectInfo hgroup {
    position: relative;
}

.projectInfo h5.projectLocation {
    position: absolute;
    bottom: .5em;
    width: 175px;
    margin: 0;
    font-size: 75%;
    font-style: italic;
}


/*   -----   END TOC   -----   */


/*   -----   SERVICES + PROFILE   -----   */

.kmaInfo #container { 
    width: 1253px;
}

.kmaInfo #content {
    background: #fff;
    color: #000;
    border: 1px;
    position: relative;
    height: 625px;
}
    
.underscore {
    border-bottom: 1px #000 solid;
}    

.overscore {
    border-top: 1px #000 solid;
}    

.interBlock hr {
    display: inline-block;
    vertical-align: middle;
}

.kmaInfo h3 {
    position: relative;
    margin: 0;
    margin-top: -16.5px;
}
    
.kmaInfo h3 span {
    background: #fff;
    font-size: 150%;
    font-weight: normal;
    font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
    text-transform: uppercase;
    letter-spacing: .5em;
    padding-left: .5em;
}
    
.kmaInfo h4 {
    text-align: center;
    font-size: 200%;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: .125em;
    letter-spacing: .125em;
}

.services h4, .profile h4 {
    font-size: 150%;
}   
    
.layoutGrid {
    position: relative;
    top: 28px;
    left: 28px;
    width: 1185px;
    height: 644px;
}
    
#architectural-services, #design-counseling {
    position: absolute;
    text-align: justify;
    overflow: auto;
}
    
#services-image, #services-image img {
    position: absolute;
}

#services-image img {
    left: 0;
    top: 0;
}


.kmaInfo p, .kmaInfo ul {
    font-size: 10pt;
}
    
.kmaInfo h5 {
    font-variant: small-caps;
    text-align: center;
    font-weight: normal;
    font-size: 12pt;
    margin-top: .5em;
    margin-bottom: 0;
}
    
#services-image span {
    margin-top: 36px;
    display: inline-block;
}

#creed, #credits, #credentials {
    position: absolute;
    text-align: justify;
    overflow: auto;
}
        
.kmaInfo p {
    margin-left: 1em;
    margin-right: 1em;
}
    
.kmaInfo ul {
    margin-right: 1em;
}

    
#creed, #credentials, #architectural-services, #design-counseling {
    background: #fff;
    color: #000;
}
    
.kmaInfo #credits-bg {
    margin-top: 36px;
    height: 572px;
    text-align: center;
    padding: 0 2em;
}

.kmaInfo #credits img {
    width: 200px;
    height: 125px;
    margin-top: .25em;
}

.kmaInfo blockquote {
    text-align: center;
    font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
    margin: 0;
    margin-bottom: 1em;
}

.kmaInfo .qHead {
    display: inline-block;
    vertical-align: middle;
    color: #508aa7;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 80%;
}
    
.kmaInfo .qTail {
    display: inline-block;
    font-size: 60%;
}

.kmaInfo #credits h4 {
    margin-top: .5em;
}
    
.kmaInfo ul {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAE0lEQVQYV2MM6Fr+nwEPYBwZCgBlqRQJMyog2wAAAABJRU5ErkJggg==);
    text-align: left;
}

.kmaInfo li {
    margin-bottom: .25em;
}

.kmaInfo li .category {
    font-variant: small-caps;
    font-size: 125%;
}

/*   -----   END SERVICES + PROFILE   -----   */




/*   -----   PROJECT   -----   */


.tmpBorder div {
    border: 1px red solid;
}

.imgBlock img {
    background: #ccc;
}
    
.overImg img {
    background: rgba(0,0,0,.25);
}

.project #container {
    width: 1253px;
}

.projectPage {
    position: relative;
    background: #fff;
    border: 1px #000 solid;
    position: static;
    margin-bottom: 2em;
}

.newGrid .projectPage {
    width: 1185px;
    height: 591px;
    padding: 33px;
}
    
.newGrid .bandedPage {
    height: 625px;
}

.projectGrid {
    position: relative;
    top: 28px;
    left: 28px;
    width: 1224px;
    height: 696px;
}
    
.newGrid .projectGrid {
    top: 0;
    left: 0;
    width: 1185px;
    height: 591px;
}

.projectGrid .projectImage, .projectGrid img, .projectGrid .captions, .projectGrid .outerWrap, .projectGrid .interBlock, .projectGrid .overQuote {
    position: absolute;
}

.projectGrid .projectImage img {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
    
.projectGrid .projectImage .capNum {
    position: absolute;
    bottom: 3px;
    right: 3px;
    padding: .33em;
    background: rgba(0,0,0,.5);
    color: #fff;
    font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
    font-size: 75%;
}

.gridOverlay {
    border: 3px #fff solid;
    z-index: 25;
    margin: -3px;
}
    
.projectGrid .blackBG {
    background: #000;
}
    
.projectGrid .whiteBG {
    background: #fff;
}
    
.colorDarkRed .projectGrid .colorBG {
    background: #66221e;
}

.colorDarkTeal .projectGrid .colorBG {
    background: #155162;
}

.colorMediumGreen .projectGrid .colorBG {
    background: #759b93;
}

.colorDarkGreen .projectGrid .colorBG {
    background: #244747;
}

.colorYellow .projectGrid .colorBG {
    background: #fdffb5;
}
    
.colorAqua .projectGrid .colorBG {
    background: #33aba1;
}
    
.colorClay .projectGrid .colorBG {
    background: #985748;
}
    
.overQuote span {
    color: #fff;
    font-size: 200%;
}
    
.captions {
    overflow: auto;
}

.colorDarkRed .captions {
    background: #66221e;
    color: #fff;
}
    
.colorDarkTeal .captions {
    background: #155162;
    color: #fff;
}
    
.colorMediumGreen .captions {
    background: #759b93;
    color: #fff;
}

.colorDarkGreen .captions {
    background: #244747;
    color: #fff;
}

.colorYellow .captions {
    background: #fdffb5;
    color: #000;
}

.colorAqua .captions {
    background: #33aba1;
    color: #000;
}

.colorClay .captions {
    background: #985748;
    color: #fff;
}

.captions.overCaps {
    background: rgba(0,0,0,.25);
    color: #fff;
}
    
.captions.blackCaps {
    background: #fff;
    color: #000;
}
    
.captions.whiteCaps {
    background: #000;
    color: #fff;
}

.capText, .detailText {
    padding: 1.5em;
    font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
    font-size: 75%;
    line-height: 1.5em;
    text-align: justify;
}

.capInset {
    padding-top: 0;
}
    
.captions .topLeft {
    text-align: left;
}
    
.captions .bottomRight {
    text-align: right;
    position: absolute;
    bottom: 0px;
}
    
.captions .centerCenter {
    padding-top: 30%;
    text-align: center;
}
    
.captions h3 {
    font-size: 2em;
}
    
.newGrid .capText {
    font-size: 67%;
}

.capID {
    font-weight: bold;
    font-size: 133%;
    line-height: .5em;
}

.intertext {
    margin-top: 1em;
    text-align: justify;
    font-family: Times New Roman, Times, serif;
    font-size: 10pt;
    padding: 0 1em;
}
    
.intertext h6 {
    font-weight: normal;
    font-variant: small-caps;
    font-size: 90%;
    text-align: center;
    margin: .5em;
}

.outerWrap {
    border: 1px #000 solid;
}

.wrap {
    padding: 2px;
}
    
.colorWrap {
    border: 8px solid;
}
    
.colorDarkRed .colorWrap {
    border-color: #66221e;
}

.colorDarkTeal .colorWrap {
    border-color: #155162;
}

.colorMediumGreen .colorWrap {
    border-color: #759b93;
}

.colorDarkGreen .colorWrap {
    border-color: #244747;
}

.colorYellow .colorWrap {
    border-color: #fdffb5;
}
    
.colorAqua .colorWrap {
    border-color: #33aba1;
}
    
.colorClay .colorWrap {
    border-color: #985748;
}
    
.band {
    position: relative;
    font-size: 10pt;
    height: 14px;
}
    
.bandTop {
    margin-bottom: 3px;
}
    
.bandBottom {
    margin-top: 3px;
}

.outerBand {
    border: 0;
    height: 1px;
    background: #000;
    margin: 0;
    margin-bottom: 2px;
}
    
.colorBand {
    border: 0;
    height: 8px;
    margin: 0;
}
    
.colorDarkRed .colorBand {
    background: #66221e;
}

.colorDarkTeal .colorBand {
    background: #155162;
}

.colorMediumGreen .colorBand {
    background: #759b93;
}

.colorDarkGreen .colorBand {
    background: #244747;
}

.colorYellow .colorBand {
    background: #fdffb5;
}

.colorAqua .colorBand {
    background: #33aba1;
}

.colorClay .colorBand {
    background: #985748;
}

.innerBand {
    border: 0;
    height: 1px;
    background: #000;
    margin: 0;
    margin-top: 2px;
}
    
.band h3 {
    line-height: 0;
    text-align: center;
    margin: auto;
    margin-top: -.475em;
    margin-bottom: 0;
}
    
.article {
    text-align: justify;
    font-family: Times New Roman, Times, serif;
    font-size: 10pt;
    border: 1px #000 solid;
    padding: 1em;
    height: 589px;
}
    
.newGrid .article {
    height: 536px;
}
    
.article h3 {
    line-height: 0;
    text-align: center;
    margin: auto;
    margin-top: -1.33em;
    margin-bottom: 0em;
}
    
.article h3 span, .band h3 span {
    font-variant: small-caps;
    background: #fff;
    padding: 0 .33em;
}
    
.article h4, .intertext h4 {
    font-variant: small-caps;
    font-size: 250%;
    font-weight: normal;
    text-align: center;
    margin: auto;
}
    
.article h5, .intertext h5 {
    font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
    font-weight: normal;
    text-align: center;
    margin: auto;
}
    
.articleText h5.projectFocus {
    display: block;
    margin-top: 0;
}
    
.articleText h5.projectFocus div {
    margin: 0;
    display: inline-block;
}
    
.articleText h5.projectFocus div.focus {
    font-variant: small-caps;
    vertical-align: top;
    text-align: right;
}
    
.articleText h5.projectFocus div.foci {
    text-align: left;
}
    
.interBlock {
    overflow: auto;
}
    
.kmaInfo .interBlock {
    overflow: visible;
}
    
.articleText {
    overflow: auto;
    margin: 0;
    margin-top: 10px;
    height: 592px;
    border-bottom: 1px #000 dotted;
}
    
.newGrid .articleText {
    padding-top: 10px;
    height: 546px;
}
    
.articleBody {
    margin-top: 2em;
}

.article .floatRight {
    float: right;
    position: static;
    margin-left: 1em;
    margin-bottom: .5em;
}
    
.article .floatLeft {
    float: left;
    position: static;
    margin-right: 1em;
    margin-bottom: .5em;
}

.article .floatCenter {
    position: static;
    text-align: center;
    margin: auto;
    margin-bottom: .5em;
}

.article .floatCenter img {
    position: static;
}

.twoColumn {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

.colorDarkRed .dropcap {
    color: #66221e;
}

.colorDarkTeal .dropcap {
    color: #155162;
}

.colorMediumGreen .dropcap {
    color: #759b93;
}

.colorDarkGreen .dropcap {
    color: #244747;
}

.colorYellow .dropcap {
    color: #fdffb5;
}

.colorAqua .dropcap {
    color: #33aba1;
}

.colorClay .dropcap {
    color: #985748;
}

.article .dropcap {
    font-size: 3em;
    line-height: .5em;
    margin-left: 33%;
    margin-right: .1em;
    overflow: visible;
    z-index: 35;
}
    
.dropP {
    padding-top: .25em;
}

.no-dropP {
}
    
.article .d25 {
    margin-left: 25%;
}
    
.article .d50 {
    margin-left: 47.5%;
}

.article a:hover, .infoText a:hover {
    border-bottom: 1px dotted;
}


/*   -----   END PROJECT   -----   */




/*   -----   DETAILS   -----   */

.detailTitle {
    font-family: Times New Roman, Times, serif;
    font-variant: small-caps;
    font-size: 125%;
}

/*   -----   END DETAILS   -----   */



.x1 { left: 0px; }
.x2 { left: 72px; }
.x3 { left: 144px; }
.x4 { left: 216px; }
.x5 { left: 288px; }
.x6 { left: 360px; }
.x7 { left: 432px; }
.x8 { left: 504px; }
.x9 { left: 576px; }
.x10 { left: 648px; }
.x11 { left: 720px; }
.x12 { left: 792px; }
.x13 { left: 864px; }
.x14 { left: 936px; }
.x15 { left: 1008px; }
.x16 { left: 1080px; }
.x17 { left: 1152px; }
.y1 { top: 0px; }
.y2 { top: 72px; }
.y3 { top: 144px; }
.y4 { top: 216px; }
.y5 { top: 288px; }
.y6 { top: 360px; }
.y7 { top: 432px; }
.y8 { top: 504px; }
.y9 { top: 576px; }
    
.w1 { width: 68px; }
.w2 { width: 140px; }
.w3 { width: 212px; }
.w4 { width: 284px; }
.w5 { width: 356px; }
.w6 { width: 428px; }
.w7 { width: 500px; }
.w8 { width: 572px; }
.w9 { width: 644px; }
.w10 { width: 716px; }
.w11 { width: 788px; }
.w12 { width: 860px; }
.w13 { width: 932px; }
.w14 { width: 1004px; }
.w15 { width: 1076px; }
.w16 { width: 1148px; }
.w17 { width: 1220px; }
.h1 { height: 68px; }
.h2 { height: 140px; }
.h3 { height: 212px; }
.h4 { height: 284px; }
.h5 { height: 356px; }
.h6 { height: 428px; }
.h7 { height: 500px; }
.h8 { height: 572px; } 
.h9 { height: 644px; }




.xx1 { left: 0px; }
.xx2 { left: 33px; }
.xx3 { left: 66px; }
.xx4 { left: 99px; }
.xx5 { left: 132px; }
.xx6 { left: 165px; }
.xx7 { left: 198px; }
.xx8 { left: 231px; }
.xx9 { left: 264px; }
.xx10 { left: 297px; }
.xx11 { left: 330px; }
.xx12 { left: 363px; }
.xx13 { left: 396px; }
.xx14 { left: 429px; }
.xx15 { left: 462px; }
.xx16 { left: 495px; }
.xx17 { left: 528px; }
.xx18 { left: 561px; }
.xx19 { left: 594px; }
.xx20 { left: 627px; }
.xx21 { left: 660px; }
.xx22 { left: 693px; }
.xx23 { left: 726px; }
.xx24 { left: 759px; }
.xx25 { left: 792px; }
.xx26 { left: 825px; }
.xx27 { left: 858px; }
.xx28 { left: 891px; }
.xx29 { left: 924px; }
.xx30 { left: 957px; }
.xx31 { left: 990px; }
.xx32 { left: 1023px; }
.xx33 { left: 1056px; }
.xx34 { left: 1089px; }
.xx35 { left: 1122px; }
.xx36 { left: 1155px; }

.yy1 { top: 0px; }
.yy2 { top: 33px; }
.yy3 { top: 66px; }
.yy4 { top: 99px; }
.yy5 { top: 132px; }
.yy6 { top: 165px; }
.yy7 { top: 198px; }
.yy8 { top: 231px; }
.yy9 { top: 264px; }
.yy10 { top: 297px; }
.yy11 { top: 330px; }
.yy12 { top: 363px; }
.yy13 { top: 396px; }
.yy14 { top: 429px; }
.yy15 { top: 462px; }
.yy16 { top: 495px; }
.yy17 { top: 528px; }
.yy18 { top: 561px; }
.yy19 { top: 594px; }
.yy20 { top: 627px; }
.yy21 { top: 660px; }
.yy22 { top: 693px; }
.yy23 { top: 726px; }
.yy24 { top: 759px; }
.yy25 { top: 792px; }
.yy26 { top: 825px; }
.yy27 { top: 858px; }
.yy28 { top: 891px; }
.yy29 { top: 924px; }
.yy30 { top: 957px; }
.yy31 { top: 990px; }
.yy32 { top: 1023px; }
.yy33 { top: 1056px; }
.yy34 { top: 1089px; }
.yy35 { top: 1122px; }
.yy36 { top: 1155px; }

.ww1 { width: 30px; }
.ww2 { width: 63px; }
.ww3 { width: 96px; }
.ww4 { width: 129px; }
.ww5 { width: 162px; }
.ww6 { width: 195px; }
.ww7 { width: 228px; }
.ww8 { width: 261px; }
.ww9 { width: 294px; }
.ww10 { width: 327px; }
.ww11 { width: 360px; }
.ww12 { width: 393px; }
.ww13 { width: 426px; }
.ww14 { width: 459px; }
.ww15 { width: 492px; }
.ww16 { width: 525px; }
.ww17 { width: 558px; }
.ww18 { width: 591px; }
.ww19 { width: 624px; }
.ww20 { width: 657px; }
.ww21 { width: 690px; }
.ww22 { width: 723px; }
.ww23 { width: 756px; }
.ww24 { width: 789px; }
.ww25 { width: 822px; }
.ww26 { width: 855px; }
.ww27 { width: 888px; }
.ww28 { width: 921px; }
.ww29 { width: 954px; }
.ww30 { width: 987px; }
.ww31 { width: 1020px; }
.ww32 { width: 1053px; }
.ww33 { width: 1086px; }
.ww34 { width: 1119px; }
.ww35 { width: 1152px; }
.ww36 { width: 1185px; }

.hh1 { height: 30px; }
.hh2 { height: 63px; }
.hh3 { height: 96px; }
.hh4 { height: 129px; }
.hh5 { height: 162px; }
.hh6 { height: 195px; }
.hh7 { height: 228px; }
.hh8 { height: 261px; }
.hh9 { height: 294px; }
.hh10 { height: 327px; }
.hh11 { height: 360px; }
.hh12 { height: 393px; }
.hh13 { height: 426px; }
.hh14 { height: 459px; }
.hh15 { height: 492px; }
.hh16 { height: 525px; }
.hh17 { height: 558px; }
.hh18 { height: 591px; }
.hh19 { height: 624px; }
.hh20 { height: 657px; }
.hh21 { height: 690px; }
.hh22 { height: 723px; }
.hh23 { height: 756px; }
.hh24 { height: 789px; }
.hh25 { height: 822px; }
.hh26 { height: 855px; }
.hh27 { height: 888px; }
.hh28 { height: 921px; }
.hh29 { height: 954px; }
.hh30 { height: 987px; }
.hh31 { height: 1020px; }
.hh32 { height: 1053px; }
.hh33 { height: 1086px; }
.hh34 { height: 1119px; }
.hh35 { height: 1152px; }
.hh36 { height: 1185px; }


/*   -----   END PROJECT   -----   */