/*
The FWA Group, P.A. Website
Grid Layout
Created by Jeremy L Roh, Project Designer and Webmaster
(C) Copyright 2008 All Rights Reserved
*/

/* -------------------------------------------------------------------------------------- */
body    {
    color: #FFFFFF;
    font-family: verdana, sans-serif, arial, helvetica;
    font-size: 12px;
    background: #2C2C2C 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: 150;
    position: absolute; overflow: hidden;
}
#logo-fwa-wp  {
    top: 16px; left: 50%; width: 70px; height: 120px; margin-left: -490px; z-index: 175;
    position: absolute; overflow: hidden;
}
#logo-usgbc-member  {
    top: 380px; left: 50%; width: 110px; height: 110px; margin-left: -335px; z-index: 300;
    position: absolute; overflow: hidden;
}
#menu-main  {
    top: 16px; left: 50%; width: 700px; height: 21px; margin-left: -210px; z-index: 100;
    position: absolute; overflow: hidden;
}
#text-main  {
    top: 86px; left: 50%; width: 280px; height: 385px; margin-left: 210px; z-index: 200;
    position: absolute; overflow: hidden; vertical-align: top; text-align: left;
}

#text-newsLink  {
    top: 476px; left: 50%; width: 280px; height: 34px; margin-left: 210px; z-index: 200;
    position: absolute; overflow: hidden; text-align: left; padding: 10px
}

#text-main-background  {
    top: 86px; left: 50%; width: 280px; height: 420px; margin-left: 210px; z-index: 90;
    position: absolute; vertical-align: top;
}

#left-background  {
    top: 86px; left: 50%; width: 140px; height: 420px; margin-left: -490px; z-index: 90;
    position: absolute; vertical-align: top;
}

#bottom-background  {
    top: 506px; left: 50%; width: 980px; height: 38px; margin-left: -490px; z-index: 90;
    position: absolute; vertical-align: top;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------- */
/* LINES IMAGES */
/* --------------------------------------------------------------------------------------------------------------------------------------------------- */
#Line_2a            {left: 50%; height: 1px; z-index: 40; position: absolute; vertical-align: top; }
#Line_1a            {left: 50%; height: 1px; z-index: 40; position: absolute; vertical-align: top; }
#Line_0             {left: 50%; height: 1px; z-index: 40; position: absolute; vertical-align: top; }
#Line_1b            {left: 50%; height: 1px; z-index: 40; position: absolute; vertical-align: top; }
#Line_2b            {left: 50%; height: 1px; z-index: 40; position: absolute; vertical-align: top; }

#Line_C             {left: 50%; width: 1px; margin-left: -350px; z-index: 30; position: absolute; vertical-align: top; }
#Line_E             {left: 50%; width: 1px; margin-left: -210px; z-index: 30; position: absolute; vertical-align: top; }
#Line_G             {left: 50%; width: 1px; margin-left: -70px; z-index: 30; position: absolute; vertical-align: top; }
#Line_I             {left: 50%; width: 1px; margin-left: 70px; z-index: 30; position: absolute; vertical-align: top; }
#Line_K             {left: 50%; width: 1px; margin-left: 210px; z-index: 30; position: absolute; vertical-align: top; }
#Line_M             {left: 50%; width: 1px; margin-left: 350px; z-index: 30; position: absolute; vertical-align: top; }

/* --------------------------------------------------------------------------------------------------------------------------------------------------- */
/* IMAGES */
/* --------------------------------------------------------------------------------------------------------------------------------------------------- */

#main-title-image         {top: 86px; left: 50%; width: 560px; height: 280px; margin-left: -350px; z-index: 100; position: absolute; overflow: hidden; vertical-align: top; }
#main-title-image_WP      {top: 86px; left: 50%; width: 560px; height: 280px; margin-left: -350px; z-index: 200; position: absolute; overflow: hidden; vertical-align: top; }
#main-title-image_start         {top: 86px; left: 50%; width: 560px; height: 280px; margin-left: -350px; z-index: 50; position: absolute; overflow: hidden; vertical-align: top; }
#main-mirror-image         {top: 366px; left: 50%; width: 560px; height: 140px; margin-left: -350px; z-index: 10; position: absolute; overflow: hidden; vertical-align: top; }
#main-mirror-image_WP      {top: 366px; left: 50%; width: 560px; height: 140px; margin-left: -350px; z-index: 20; position: absolute; overflow: hidden; vertical-align: top; }

#think-live-learn         {top: 409px; left: 50%; width: 280px; height: 140px; margin-left: -70px; z-index: 300; position: absolute; overflow: hidden; vertical-align: top; }

#txt_architecture         {top: 16px; left: 50%; width: 70px; height: 544px; margin-left: -420px; z-index: 300; position: absolute; overflow: hidden; vertical-align: top; }

/* -------------------------------------------------------------------------------------- */

#fwa-search {
    top: 521px; left: 50%; width: 21px; height: 21px; margin-left: 469px; z-index: 200;
    position: absolute; overflow: hidden;
}

#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
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------- */

a:link {
    text-decoration: none;
    color: #F4D188;
}
a:visited {
    text-decoration: none;
    color: #F4D188;
}
a:hover {
    text-decoration: underline;
    color: #F4D188;
    font-weight: normal;
}
a img {
    border: none;
}