/*
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: #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: -480px; 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;
}
/* -------------------------------------------------------------------------------------- */
/* Highslide Targets */
/* -------------------------------------------------------------------------------------- */
#txt-img-target  {
    top: 107px; left: 50%; z-index: 500; margin-left: -210px; position: absolute;
}

/* -------------------------------------------------------------------------------------- */
/* Main Images and Body Text */
/* -------------------------------------------------------------------------------------- */
#txt-charlotte  {
    top: 107px; left: 50%; width: 140px; height: 167px; margin-left: -70px; z-index: 25;
    position: absolute; overflow: hidden;
    text-align: left;
    vertical-align: text-top
}
#txt-fortcollins  {
    top: 343px; left: 50%; width: 140px; height: 167px; margin-left: 350px; z-index: 25;
    position: absolute; overflow: hidden;
    text-align: left;
    vertical-align: text-top
}
#txt-hiltonhead  {
    top: 343px; left: 50%; width: 140px; height: 167px; margin-left: -70px; z-index: 25;
    position: absolute; overflow: hidden;
    text-align: left;
    vertical-align: text-top
}
#txt-title  {
    top: 107px; left: 50%; width: 70px; height: 544px; margin-left: -420px; z-index: 300;
    position: absolute; overflow: hidden; vertical-align: top;
}
#txt-introduction {
    top: 107px; left: 50%; width: 190px; margin-left: 105px; z-index: 10;
    position: absolute; overflow: hidden;
    text-align: left; font: 14px;
}
#txt-directory {
    top: 107px; left: 50%; width: 140px; margin-left: 350px; z-index: 10;
    position: absolute; overflow: hidden;
    text-align: left; font: 14px;
}
/* -------------------------------------------------------------------------------------- */
#location-image  {
    top: 16px; left: 50%; width: 168px; height: 70px; margin-left: -399px; z-index: 50;
    position: absolute; overflow: hidden;
}
/* -------------------------------------------------------------------------------------- */
#office1_main-image {
    top: 107px; left: 50%; width: 272px; height: 167px; margin-left: -350px; z-index: 50;
    position: absolute; overflow: hidden;
}
#office1_main-image img {
    width: 272px; height: 167px;
}
#office1_thumb1 {
    top: 282px; left: 50%; width: 62px; height: 41px; margin-left: -350px; z-index: 50;
    position: absolute; overflow: hidden;
}
#office1_thumb1 img {
    width: 62px; height: 40px;
}
#office1_thumb1:hover {
    top: 280px; left: 50%; width: 68px; height: 44px; margin-left: -353px; z-index: 50;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#office1_thumb1:hover img {
    width: 68px; height: 44px;
}
#office1_thumb2 {
    top: 282px; left: 50%; width: 62px; height: 41px; margin-left: -280px; z-index: 50;
    position: absolute; overflow: hidden;
}
#office1_thumb2 img {
    width: 62px; height: 40px;
}

#office1_thumb2:hover {
    top: 280px; left: 50%; width: 68px; height: 44px; margin-left: -283px; z-index: 50;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#office1_thumb2:hover img {
    width: 68px; height: 44px;
}
#office1_thumb3 {
    top: 282px; left: 50%; width: 62px; height: 41px; margin-left: -210px; z-index: 50;
    position: absolute; overflow: hidden;
}
#office1_thumb3 img {
    width: 62px; height: 40px;
}
#office1_thumb3:hover {
    top: 280px; left: 50%; width: 68px; height: 44px; margin-left: -213px; z-index: 50;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#office1_thumb3:hover img {
    width: 68px; height: 44px;
}
#office1_thumb4 {
    top: 282px; left: 50%; width: 62px; height: 41px; margin-left: -140px; z-index: 50;
    position: absolute; overflow: hidden;
}
#office1_thumb4 img {
    width: 62px; height: 40px;
}
#office1_thumb4:hover {
    top: 280px; left: 50%; width: 68px; height: 44px; margin-left: -143px; z-index: 50;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#office1_thumb4:hover img {
    width: 68px; height: 44px;
}
/* -------------------------------------------------------------------------------------- */
#office3_main-image {
    top: 343px; left: 50%; width: 272px; height: 167px; margin-left: -350px; z-index: 50;
    position: absolute; overflow: hidden;
}
#office3_thumb1 {
    top: 518px; left: 50%; width: 62px; height: 41px; margin-left: -350px; z-index: 50;
    position: absolute; overflow: hidden;
}
#office3_thumb1 img {
    width: 62px; height: 40px;
}
#office3_thumb1:hover {
    top: 516px; left: 50%; width: 68px; height: 44px; margin-left: -353px; z-index: 50;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#office3_thumb1:hover img {
    width: 68px; height: 44px;
}
#office3_thumb2 {
    top: 518px; left: 50%; width: 62px; height: 41px; margin-left: -280px; z-index: 50;
    position: absolute; overflow: hidden;
}
#office3_thumb2 img {
    width: 62px; height: 40px;
}
#office3_thumb2:hover {
    top: 516px; left: 50%; width: 68px; height: 44px; margin-left: -283px; z-index: 50;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#office3_thumb2:hover img {
    width: 68px; height: 44px;
}
#office3_thumb3 {
    top: 518px; left: 50%; width: 62px; height: 41px; margin-left: -210px; z-index: 50;
    position: absolute; overflow: hidden;
}
#office3_thumb3 img {
    width: 62px; height: 40px;
}
#office3_thumb3:hover {
    top: 516px; left: 50%; width: 68px; height: 44px; margin-left: -213px; z-index: 50;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#office3_thumb3:hover img {
    width: 68px; height: 44px;
}
#office3_thumb4 {
    top: 518px; left: 50%; width: 62px; height: 41px; margin-left: -140px; z-index: 50;
    position: absolute; overflow: hidden;
}
#office3_thumb4 img {
    width: 62px; height: 40px;
}
#office3_thumb4:hover {
    top: 516px; left: 50%; width: 68px; height: 44px; margin-left: -143px; z-index: 50;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#office3_thumb4:hover img {
    width: 68px; height: 44px;
}
/* -------------------------------------------------------------------------------------- */
#office4_main-image {
    top: 343px; left: 50%; width: 272px; height: 167px; margin-left: 70px; z-index: 50;
    position: absolute; overflow: hidden;
}
#office4_thumb1 {
    top: 518px; left: 50%; width: 62px; height: 41px; margin-left: 70px; z-index: 50;
    position: absolute; overflow: hidden;
}
#office4_thumb1 img {
    width: 62px; height: 40px;
}
#office4_thumb1:hover {
    top: 516px; left: 50%; width: 68px; height: 44px; margin-left: 67px; z-index: 50;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#office4_thumb1:hover img {
    width: 68px; height: 44px;
}
#office4_thumb2 {
    top: 518px; left: 50%; width: 202px; height: 41px; margin-left: 140px; z-index: 50;
    position: absolute; overflow: hidden;
}
#office4_thumb2 img {
    width: 202px; height: 40px;
}
#office4_thumb2:hover {
    top: 516px; left: 50%; width: 208px; height: 44px; margin-left: 137px; z-index: 50;
    position: absolute; overflow: hidden; border: 1px solid transparent;
}
#office4_thumb2:hover img {
    width: 208px; height: 44px;
}

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

#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 */
/* -------------------------------------------------------------------------------------- */
#office1_directions {
    top: 253px; left: 50%; width: 21px; height: 42px; margin-left: -70px; z-index: 200;
    position: absolute; overflow: hidden;
}
#office1_maps {
    top: 253px; left: 50%; width: 21px; height: 42px; margin-left: -44px; z-index: 200;
    position: absolute; overflow: hidden;
}
#office4_directions {
    top: 489px; left: 50%; width: 21px; height: 42px; margin-left: 350px; z-index: 200;
    position: absolute; overflow: hidden;
}
#office4_maps {
    top: 489px; left: 50%; width: 21px; height: 42px; margin-left: 376px; z-index: 200;
    position: absolute; overflow: hidden;
}
#office3_directions {
    top: 489px; left: 50%; width: 21px; height: 42px; margin-left: -70px; z-index: 200;
    position: absolute; overflow: hidden;
}
#office3_maps {
    top: 489px; left: 50%; width: 21px; height: 42px; margin-left: -44px; z-index: 200;
    position: absolute; overflow: hidden;
}
#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 */