/*
FWA WEBSITE GRID LAYOUT
Created by The FWA Group Architects
Written by Jeremy L Roh, Project Designer and Webmaster
(C) Copyright 2008 All Rights Reserved
*/
/* -------------------------------------------------------------------------------------- */
body    {
    color: #EEEEEE;
    font-family: verdana, sans-serif, arial, helvetica;
    font-size: 12px;
    background: #282828 url(../web_backgrounds/gradient_000000-555555_10x1080.png) top;
    background-repeat: repeat-x;
    overflow: auto;
    scrollbar-arrow-color: #D5D5D5;
    scrollbar-3dlight-color: #898989;
    scrollbar-highlight-color: #868686;
    scrollbar-face-color: #737373;
    scrollbar-shadow-color: #505050;
    scrollbar-darkshadow-color: #474747;
    scrollbar-track-color: #353535;
}
/* -------------------------------------------------------------------------------------- */
/* Navigation and Functions */
/* -------------------------------------------------------------------------------------- */
#logo-fwa  {
    top: 16px; left: 50%; width: 70px; height: 120px; margin-left: -490px; z-index: 50;
    position: absolute; overflow: hidden;
}
#logo-fwa-wp  {
    top: 16px; left: 50%; width: 70px; height: 120px; margin-left: -490px; z-index: 75;
    position: absolute; overflow: hidden;
}
#logo-usgbc-silver  {
    top: 140px; left: 50%; width: 110px; height: 110px; margin-left: 365px; z-index: 100;
    position: absolute; overflow: hidden;
}

#menu-main  {
    top: 16px; left: 50%; width: 700px; height: 21px; margin-left: -210px; z-index: 100;
    position: absolute; overflow: hidden;
}
#menu-header  {
    top: 102px; left: 50%; width: 263px; height: 16px; margin-left: -490px; z-index: 100;
    position: absolute; overflow: auto; font-size: 10px;
}
#menu-sub  {
    top: 122px; left: 50%; width: 263px; height: 435px; margin-left: -490px; z-index: 100;
    position: absolute; overflow: auto;
}
#menu-expand  {
    top: 103px; left: 50%; width: 10px; height: 10px; margin-left: -254px; z-index: 200;
    position: absolute; overflow: hidden;
}
#menu-collapse  {
    top: 103px; left: 50%; width: 10px; height: 10px; margin-left: -238px; z-index: 200;
    position: absolute; overflow: hidden;
}
#txt-function  {
    top: 548px; left: 50%; width: 140px; height: 21px; margin-left: 195px; z-index: 200;
    color: #959595;
    font-family: verdana, sans-serif, arial, helvetica;
    font-size: 10px;
    text-decoration: none;
    position: absolute;
    overflow: hidden;
    text-align: right
}
/* -------------------------------------------------------------------------------------- */
/* Main Images and Body Text */
/* -------------------------------------------------------------------------------------- */
#location-image  {
    top: 16px; left: 50%; width: 168px; height: 70px; margin-left: -399px; z-index: 50;
    position: absolute; overflow: hidden;
}
#main-image {
    top: 107px; left: 50%; width: 543px; height: 355px; margin-left: -210px; z-index: 25;
    position: absolute; overflow: hidden;
}
#main-image-wp {
    top: 107px; left: 50%; width: 543px; height: 355px; margin-left: -210px; z-index: 50;
    position: absolute; overflow: hidden;
}
#main-image_start {
    top: 107px; left: 50%; width: 543px; height: 355px; margin-left: -210px; z-index: 15;
    position: absolute; overflow: hidden;
}
#main-title-image_start {
    top: 37px; left: 50%; width: 700px; height: 457px; margin-left: -210px; z-index: 15;
    position: absolute; overflow: hidden;
}
#main-title-image {
    top: 37px; left: 50%; width: 700px; height: 457px; margin-left: -210px; z-index: 25;
    position: absolute; overflow: hidden;
}
#main-title-image img {
    width: 700px; height: 457px;
}
#main-title-image-wp {
    top: 37px; left: 50%; width: 700px; height: 457px; margin-left: -210px; z-index: 50;
    position: absolute; overflow: hidden;
}
#txt-title {
    top: 46px; left: 50%; width: 543px; margin-left: -210px; z-index: 10;
    position: absolute; overflow: hidden;
    text-align: left;
    font-family: verdana, sans-serif, arial, helvetica;
    font-size: 24px;
    text-decoration: none;
}
#txt-subtitle {
    top: 75px; left: 50%; width: 543px; margin-left: -210px; z-index: 10;
    position: absolute; overflow: hidden;
    text-align: left;
    font-family: verdana, sans-serif, arial, helvetica;
    font-size: 12px;
    text-decoration: none;
}
#txt-introduction {
    top: 472px; left: 50%; width: 543px; height: 97px; margin-left: -210px; z-index: 10;
    position: absolute; overflow: hidden; text-align: justify
}
#txt-main-introduction {
    top: 501px; left: 50%; width: 669px; height: 60px; margin-left: -210px; z-index: 10;
    position: absolute; overflow: hidden; text-align: justify
}
#project-type  {
    top: 54px; left: 50%; width: 140px; margin-left: 350px; z-index: 50;
    color: #A9A9A9;
    font-family: verdana, sans-serif, arial, helvetica;
    font-size: 10px;
    text-decoration: none;
    position: absolute;
    overflow: hidden;
    text-align: left;
    vertical-align: text-top;
}
#building-data  {
    top: 105px; left: 50%; width: 140px; margin-left: 350px; z-index: 50;
    color: #A9A9A9;
    font-family: verdana, sans-serif, arial, helvetica;
    font-size: 10px;
    text-decoration: none;
    position: absolute;
    overflow: hidden;
    text-align: left;
    vertical-align: text-top;
}
#o_project-type  {
    top: 54px; left: 50%; width: 140px; margin-left: 225px; z-index: 50;
    color: #A9A9A9;
    font-family: verdana, sans-serif, arial, helvetica;
    font-size: 10px;
    text-decoration: none;
    position: absolute;
    overflow: hidden;
    text-align: left;
    vertical-align: text-top;
}
#o_building-data  {
    top: 54px; left: 50%; width: 140px; margin-left: 350px; z-index: 50;
    color: #A9A9A9;
    font-family: verdana, sans-serif, arial, helvetica;
    font-size: 10px;
    text-decoration: none;
    position: absolute;
    overflow: hidden;
    text-align: left;
    vertical-align: text-top;
}
#copyright  {
    top: 548px; left: 50%; width: 140px; height: 21px; margin-left: 350px; z-index: 200;
    color: #858585;
    font-family: verdana, sans-serif, arial, helvetica;
    font-size: 9px;
    text-decoration: none;
    position: absolute;
    overflow: hidden;
    text-align: left;
    vertical-align: text-bottom
}
#copyright_photographer  {
    top: 231px; left: 50%; width: 140px; height: 30px; margin-left: 350px; z-index: 200;
    color: #858585;
    font-family: verdana, sans-serif, arial, helvetica;
    font-size: 9px;
    font-style: italic;
    text-decoration: none;
    position: absolute;
    overflow: hidden;
    text-align: left;
    vertical-align: text-bottom;
}
#oA_image01 {
    top: 107px; left: 50%; width: 420px; height: 220px; margin-left: -210px; z-index: 25;
    position: absolute; overflow: hidden;
}
#oA_image01-wp {
    top: 107px; left: 50%; width: 420px; height: 220px; margin-left: -210px; z-index: 50;
    position: absolute; overflow: hidden;
}
#oA_image02 {
    top: 342px; left: 50%; width: 420px; height: 220px; margin-left: -210px; z-index: 25;
    position: absolute; overflow: hidden;
}
#oA_image02-wp {
    top: 342px; left: 50%; width: 420px; height: 220px; margin-left: -210px; z-index: 50;
    position: absolute; overflow: hidden;
}
#oA_image03 {
    top: 107px; left: 50%; width: 265px; height: 220px; margin-left: 225px; z-index: 25;
    position: absolute; overflow: hidden;
}
#oA_image03-wp {
    top: 107px; left: 50%; width: 265px; height: 220px; margin-left: 225px; z-index: 50;
    position: absolute; overflow: hidden;
}
#oA_txt {
    top: 342px; left: 50%; width: 257px; height: 197px; margin-left: 225px; z-index: 10;
    position: absolute; overflow: hidden; text-align: left;
}
#oB_image01 {
    top: 107px; left: 50%; width: 265px; height: 220px; margin-left: -210px; z-index: 25;
    position: absolute; overflow: hidden;
}
#oB_image01-wp {
    top: 107px; left: 50%; width: 265px; height: 220px; margin-left: -210px; z-index: 50;
    position: absolute; overflow: hidden;
}
#oB_image02 {
    top: 342px; left: 50%; width: 265px; height: 220px; margin-left: -210px; z-index: 25;
    position: absolute; overflow: hidden;
}
#oB_image02-wp {
    top: 342px; left: 50%; width: 265px; height: 220px; margin-left: -210px; z-index: 50;
    position: absolute; overflow: hidden;
}
#oB_image03 {
    top: 107px; left: 50%; width: 420px; height: 220px; margin-left: 70px; z-index: 25;
    position: absolute; overflow: hidden;
}
#oB_image03-wp {
    top: 107px; left: 50%; width: 420px; height: 220px; margin-left: 70px; z-index: 50;
    position: absolute; overflow: hidden;
}
#oB_txt {
    top: 342px; left: 50%; width: 397px; height: 197px; margin-left: 70px; z-index: 10;
    position: absolute; overflow: hidden; text-align: left;
}
#oC_image01 {
    top: 107px; left: 50%; width: 420px; height: 455px; margin-left: -210px; z-index: 25;
    position: absolute; overflow: hidden;
}
#oC_image01-wp {
    top: 107px; left: 50%; width: 420px; height: 455px; margin-left: -210px; z-index: 50;
    position: absolute; overflow: hidden;
}
#oC_image02 {
    top: 107px; left: 50%; width: 265px; height: 220px; margin-left: 225px; z-index: 25;
    position: absolute; overflow: hidden;
}
#oC_image02-wp {
    top: 107px; left: 50%; width: 265px; height: 220px; margin-left: 225px; z-index: 50;
    position: absolute; overflow: hidden;
}
#oC_txt {
    top: 342px; left: 50%; width: 257px; height: 197px; margin-left: 225px; z-index: 10;
    position: absolute; overflow: hidden; text-align: left;
}
#oD_image01 {
    top: 107px; left: 50%; width: 698px; height: 220px; margin-left: -210px; z-index: 25;
    position: absolute; overflow: hidden;
}
#oD_image01-wp {
    top: 107px; left: 50%; width: 698px; height: 220px; margin-left: -210px; z-index: 50;
    position: absolute; overflow: hidden;
}
#oD_image02 {
    top: 342px; left: 50%; width: 420px; height: 220px; margin-left: -210px; z-index: 25;
    position: absolute; overflow: hidden;
}
#oD_image02-wp {
    top: 342px; left: 50%; width: 420px; height: 220px; margin-left: -210px; z-index: 50;
    position: absolute; overflow: hidden;
}
#oD_txt {
    top: 342px; left: 50%; width: 257px; height: 197px; margin-left: 225px; z-index: 10;
    position: absolute; overflow: hidden; text-align: left;
}
/* -------------------------------------------------------------------------------------- */
/* Highslide Targets */
/* -------------------------------------------------------------------------------------- */
#txt-img-target  {
    top: 107px; left: 50%; z-index: 500; margin-left: -210px; position: absolute;
}
/* -------------------------------------------------------------------------------------- */
/* Thumbnail Images Bottom Right to Bottom Left and then Up one row */
/* -------------------------------------------------------------------------------------- */
#thumbnail_10 {
    top: 472px; left: 50%; width: 62px; height: 41px; margin-left: 427px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_10 img {
    width: 62px; height: 40px;
}
#thumbnail_10:hover {
    top: 470px; left: 50%; width: 68px; height: 44px; margin-left: 424px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_10:hover img {
    width: 68px; height: 44px;
}
/* -------------------------------------------------------------------------------------- */
#thumbnail_09 {
    top: 472px; left: 50%; width: 62px; height: 41px; margin-left: 350px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_09 img {
    width: 62px; height: 40px;
}
#thumbnail_09:hover {
    top: 470px; left: 50%; width: 68px; height: 44px; margin-left: 347px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_09:hover img {
    width: 68px; height: 44px;
}
/* -------------------------------------------------------------------------------------- */
#thumbnail_08 {
    top: 420px; left: 50%; width: 62px; height: 41px; margin-left: 427px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_08 img {
    width: 62px; height: 40px;
}
#thumbnail_08:hover {
    top: 418px; left: 50%; width: 68px; height: 44px; margin-left: 424px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_08:hover img {
    width: 68px; height: 44px;
}
/* -------------------------------------------------------------------------------------- */
#thumbnail_07 {
    top: 420px; left: 50%; width: 62px; height: 41px; margin-left: 350px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_07 img {
    width: 62px; height: 40px;
}
#thumbnail_07:hover {
    top: 418px; left: 50%; width: 68px; height: 44px; margin-left: 347px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_07:hover img {
    width: 68px; height: 44px;
}
/* -------------------------------------------------------------------------------------- */
#thumbnail_06 {
    top: 368px; left: 50%; width: 62px; height: 41px; margin-left: 427px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_06 img {
    width: 62px; height: 40px;
}
#thumbnail_06:hover {
    top: 366px; left: 50%; width: 68px; height: 44px; margin-left: 424px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_06:hover img {
    width: 68px; height: 44px;
}
/* -------------------------------------------------------------------------------------- */
#thumbnail_05 {
    top: 368px; left: 50%; width: 62px; height: 41px; margin-left: 350px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_05 img {
    width: 62px; height: 40px;
}
#thumbnail_05:hover {
    top: 366px; left: 50%; width: 68px; height: 44px; margin-left: 347px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_05:hover img {
    width: 68px; height: 44px;
}
/* -------------------------------------------------------------------------------------- */
#thumbnail_04 {
    top: 316px; left: 50%; width: 62px; height: 41px; margin-left: 427px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_04 img {
    width: 62px; height: 40px;
}
#thumbnail_04:hover {
    top: 314px; left: 50%; width: 68px; height: 44px; margin-left: 424px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_04:hover img {
    width: 68px; height: 44px;
}
/* -------------------------------------------------------------------------------------- */
#thumbnail_03 {
    top: 316px; left: 50%; width: 62px; height: 41px; margin-left: 350px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_03 img {
    width: 62px; height: 40px;
}
#thumbnail_03:hover {
    top: 314px; left: 50%; width: 68px; height: 44px; margin-left: 347px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_03:hover img {
    width: 68px; height: 44px;
}
/* -------------------------------------------------------------------------------------- */
#thumbnail_02 {
    top: 264px; left: 50%; width: 62px; height: 41px; margin-left: 427px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_02 img {
    width: 62px; height: 40px;
}
#thumbnail_02:hover {
    top: 262px; left: 50%; width: 68px; height: 44px; margin-left: 424px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_02:hover img {
    width: 68px; height: 44px;
}
/* -------------------------------------------------------------------------------------- */
#thumbnail_01 {
    top: 264px; left: 50%; width: 62px; height: 41px; margin-left: 350px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_01 img {
    width: 62px; height: 40px;
}
#thumbnail_01:hover {
    top: 262px; left: 50%; width: 68px; height: 44px; margin-left: 347px; z-index: 100;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#thumbnail_01:hover img {
    width: 68px; height: 44px;
}
/* -------------------------------------------------------------------------------------- */
/* Actions */
/* -------------------------------------------------------------------------------------- */
#fwa-search {
    top: 521px; left: 50%; width: 21px; height: 21px; margin-left: 469px; z-index: 200;
    position: absolute; overflow: hidden;
}
a:link {
    text-decoration: none;
    color: #A9A9A9;
}
a:visited {
    text-decoration: none;
    color: #A9A9A9;
}
a:hover {
    text-decoration: underline;
    color: #F4D188;
    font-weight: normal;
}
a img {
    border: none;
}
/* -------------------------------------------------------------------------------------- */
/* END */