/*
FWA WEBSITE GRID LAYOUT
Created by The FWA Group Architects
Written by Jeremy L Roh, Project Designer and Webmaster
(C) Copyright 2009 All Rights Reserved
*/
/* -------------------------------------------------------------------------------------- */
body    {
    color: #EEEEEE;
    font-family: verdana, sans-serif, arial, helvetica;
    font-size: 12px;
    background: #000000 url(http://www.fwagroup.com/web/web_backgrounds/gradient_000000-555555_10x1080.png) top;
    background-repeat: repeat-x;
    overflow: auto;
    scrollbar-arrow-color: #444444;
    scrollbar-3dlight-color: #D0D0D0;
    scrollbar-highlight-color: #C8C8C8;
    scrollbar-face-color: #C3C3C3;
    scrollbar-shadow-color: #B7B7B7;
    scrollbar-darkshadow-color: #B4B4B4;
    scrollbar-track-color: #F0F0F0;
}
/* -------------------------------------------------------------------------------------- */
/* 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: 200;
    position: absolute; overflow: hidden;
}
#menu-main  {
    top: 16px; left: 50%; width: 700px; height: 21px; margin-left: -210px; z-index: 100;
    position: absolute; overflow: hidden;
}

/* -------------------------------------------------------------------------------------- */
/* Main Images and Body Text */
/* -------------------------------------------------------------------------------------- */
#txt-sendresume  {
    top: 107px; left: 50%; width: 140px; height: 280px; margin-left: 350px; z-index: 60;
    position: absolute; overflow: hidden;
    text-align: left;
    vertical-align: text-top;
    padding: 6px 6px 6px 6px;
}

#txt-title {
    top: 46px; left: 50%; width: 543px; margin-left: -210px; z-index: 60;
    position: absolute; overflow: hidden;
    text-align: left;
    font-family: verdana, sans-serif, arial, helvetica;
    font-size: 24px;
    text-decoration: none;
}
#txt-introduction {
    top: 107px; left: 50%; width: 260px; margin-left: -490px; z-index: 60;
    position: absolute; overflow: hidden;
    text-align: left;
    vertical-align: text-top;
    padding: 6px 6px 6px 6px;
}

#main-title-image         {top: 86px; left: 50%; width: 280px; height: 280px; margin-left: -210px; z-index: 100; position: absolute; overflow: hidden; vertical-align: top; }
#main-title-image_WP      {top: 86px; left: 50%; width: 280px; height: 280px; margin-left: -210px; z-index: 200; position: absolute; overflow: hidden; vertical-align: top; }
#main-title-image_start      {top: 86px; left: 50%; width: 280px; height: 280px; margin-left: -210px; z-index: 50; position: absolute; overflow: hidden; vertical-align: top; }

#main-mirror-image         {top: 366px; left: 50%; width: 280px; height: 140px; margin-left: -210px; z-index: 10; position: absolute; overflow: hidden; vertical-align: top; }
#main-mirror-image_WP      {top: 366px; left: 50%; width: 280px; height: 140px; margin-left: -210px; z-index: 20; position: absolute; overflow: hidden; vertical-align: top; }

#main-title-social         {top: 86px; left: 50%; width: 280px; height: 280px; margin-left: 70px; z-index: 110; position: absolute; overflow: hidden; vertical-align: top; }
#main-title-social_WP      {top: 86px; left: 50%; width: 280px; height: 280px; margin-left: 70px; z-index: 210; position: absolute; overflow: hidden; vertical-align: top; }
#main-title-social_start      {top: 86px; left: 50%; width: 280px; height: 280px; margin-left: 70px; z-index: 60; position: absolute; overflow: hidden; vertical-align: top; }

#main-mirror-social         {top: 366px; left: 50%; width: 280px; height: 140px; margin-left: 70px; z-index: 15; position: absolute; overflow: hidden; vertical-align: top; }
#main-mirror-social_WP      {top: 366px; left: 50%; width: 280px; height: 140px; margin-left: 70px; z-index: 25; position: absolute; overflow: hidden; vertical-align: top; }

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

#right-background  {
    top: 86px; left: 50%; width: 160px; height: 420px; margin-left: 350px; z-index: 45;
    position: absolute; vertical-align: top;
}

#bottom-background  {
    top: 506px; left: 50%; width: 1000px; height: 38px; margin-left: -490px; z-index: 100;
    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; }

/* -------------------------------------------------------------------------------------- */
#location-image  {
    top: 16px; left: 50%; width: 168px; height: 70px; margin-left: -399px; z-index: 50;
    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
}

/* -------------------------------------------------------------------------------------- */
/* 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: #F4D188;
}
a:visited {
    text-decoration: none;
    color: #F4D188;
}
a:hover {
    text-decoration: underline;
    color: #F4D188;
    font-weight: normal;
}
a img {
    border: none;
}
/* -------------------------------------------------------------------------------------- */
/* END */


