@media screen
{
    div#preloader
    {
        position: absolute;
        left: -9999px;
        top: -9999px;
        height: 1px;
        width: 1px;
    }
    div#preloader img
    {
        display: block;
        height: 1px;
        width: 1px;
    }
}
@media print
{
    div#preloader, div#preloader img
    {
        visibility: hidden;
        display: none;
    }
}


body
{
    background-image: url(../graphics/bkg_loop.jpg);
    background-repeat: repeat-x;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #004391;
}
body, td, th
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 11px;
}
a:link
{
    color: 3467a4;
}
a:visited
{
    color: #3467A4;
}
a:hover
{
    color: #214167;
}
a:active
{
    color: #FE4505;
}
.style1
{
    color: #FFFFFF;
    font-size: 12px;
}
.style2
{
    font-size: 12;
    color: #FFFFFF;
}
.style3
{
    font-size: 14px;
}
.style4
{
    font-size: 10px;
    color: #3467A4;
}
.style5
{
    color: #B0AFAF;
}
.style6
{
    font-size: 16px;
}
.navbar a:link
{
    text-decoration: none;
    color: #FFFFFF;
}
.navbar a:visited
{
    text-decoration: none;
    color: #FFFFFF;
}
.navbar a:active
{
    text-decoration: none;
    color: #FFFFFF;
}
.navbar a:hover
{
    text-decoration: underline;
    color: #FFFFFF;
}
.leftwing
{
    background-image: url(../graphics/l_wing.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}
.rightwing
{
    background-image: url(../graphics/r_wing.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

*
{
    font-family: Arial;
    font-size: 11px;
    margin: 0;
    padding: 0;
}
.btn
{
    display: block;
    height: 25px;
    float: left;
    overflow: hidden;
    margin-bottom: 13px;
}
.clear
{
    clear: both;
}
#holder
{
    background-color: #c8dcf6;
    border-bottom: 1px solid #FEB42D;
    height: 280px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1000px;
}
#left, #right, #map, #partners, #partners_nav
{
    height: 280px;
}
#left
{
    background-image: url(images/performance_left_map_nav.jpg);
    background-repeat: no-repeat;
    float: left;
    width: 335px;
}
#left_in
{
    height: 280px;
    overflow: hidden;
    position: relative;
    width: 335px;
}
#right
{
    background-color: #ffb52a;
    float: right;
    overflow: hidden;
    width: 660px;
}
#map
{
    height: 100%;
    width: 100%;
}
.map
{
    margin: 42px 0 0 15px;
    width: 106px;
}
#navs
{
}
.nav
{
}
#map_nav
{
    padding-top: 42px;
}
#partners
{
}
#partners .padd
{
    padding: 10px 20px;
}
#partners_in
{
    border: 1px solid #906117;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 230px;
}
.partners_thumb
{
    background-image: url(images/partners_thumb_bg.gif);
    background-repeat: no-repeat;
    height: 81px;
    float: left;
    margin: 14px 11px 0px 11px;
    width: 123px;
}
.partners_thumb_in
{
    background-color: #FFF;
    height: 55px;
    width: 107px;
}
.partners_thumb_in a
{
    display: block;
    height: 55px;
    overflow: hidden;
    width: 107px;
}
.partner_thumbnail_link
{
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    height: 71px;
    width: 123px;
}
.partners
{
    margin-left: 120px;
    width: 160px;
}
.partners_Title
{
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
}
#partners_nav
{
    background-image: url(images/performance_left_partners_nav.jpg);
    background-repeat: no-repeat;
    width: 100%;
    display: none;
}
/*MAP NAV ICONS*/
.map_nav_left, .map_nav_right
{
    padding-top: 10px;
    float: left;
}
.map_nav_left
{
    padding-left: 30px;
    width: 142px;
}
.map_nav_right
{
    float: left;
}
.map_nav, .map_nav:hover
{
    background-position: left top;
    background-repeat: no-repeat; /*color: #295582;*/
    color: #000 !important;
    display: block;
    line-height: 15px;
    font-weight: bold;
    text-align: left !important;
    text-decoration: none !important;
    xoverflow: hidden;
    padding: 0 0 4px 23px;
}
.map_nav:hover
{
    text-decoration: underline !important;
}
#map_key
{
    background-image: url(images/map_key.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    height: 127px;
    left: 20px;
    position: relative;
    top: 5px;
    width: 318px;
    z-index: 10;
}
.production
{
    background-image: url(images/map_icon_production.gif);
}
/*Production*/
.custom
{
    background-image: url(images/map_icon_custom.gif);
}
/*Custom*/
.multi_family
{
    background-image: url(images/map_icon_multi_family.gif);
}
/*Mult-Family*/
.hospitality
{
    background-image: url(images/map_icon_hospitality.gif);
}
/*Hospitality*/
.military
{
    background-image: url(images/map_icon_military.gif);
}
/*Military*/
.student_housing
{
    background-image: url(images/map_icon_student_housing.gif);
    text-align: left !important;
}
/*Student Housing*/
.physical_locations
{
    background-image: url(images/map_icon_physical_locations.gif);
}
/*Physical Locations*/
.senior_living
{
    background-image: url(images/map_icon_senior_living.gif);
}
/*Senior Living*/
.edu
{
    background-image: url(images/map_icon_edu.gif);
}
/*Educational*/
.rel
{
    background-image: url(images/map_icon_rel.gif);
}
/*Religious*/
.health
{
    background-image: url(images/map_icon_health.gif);
}
/*Healthcare*/
.light_com
{
    background-image: url(images/map_icon_light_com.gif);
}
/*Light Commericial*/
.com_work
{
    background-image: url(images/map_icon_com_work.gif);
}
/*Community Work*/
.comp_plant
{
    background-image: url(images/map_icon_comp_plant.gif);
}
#map_nav_buttons
{
    margin: 9px 0 0 20px;
    overflow: hidden;
}
.map_nav_all, .map_nav_none, .map_nav_all:hover, .map_nav_none:hover
{
    color: #FFF !important;
    height: 22px;
    display: block;
    font-weight: bold;
    float: left;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    width: 151px;
}
.map_nav_none
{
    margin-left: 6px;
}
.map_nav_empty
{
    background-image: url(images/map_icon_empty.gif) !important;
}
/*Component Plants*/

/*Partners Portion*/
.partners_nav_in
{
    padding: 30px 0 0 15px;
}

.partners_nav, .partners_nav:hover
{
    background-position: center top;
    background-repeat: no-repeat;
    color: #906117 !important;
    display: block;
    font-size: 10px !important;
    float: left;
    line-height: 11px;
    padding: 51px 0 10px 0;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    overflow: hidden;
    width: 78px;
}
.partners_nav:hover
{
    color: #000 !important;
}
.roofing, .manufacturing, .rough_frame
{
    width: 106px !important;
}
.roofing
{
    background-image: url(images/partners_icon_roofing.gif);
}
/*Rough Frame*/
.manufacturing
{
    background-image: url(images/partners_icon_manufacturing.gif);
}
/*Manufacturing*/
.rough_frame
{
    background-image: url(images/partners_icon_rough_frame.gif);
}
/*Roofing*/
.ext_trim_side
{
    background-image: url(images/partners_icon_ext_trim_side.gif);
}
/*Exterior Tim/Siding*/
.res_doors_windows
{
    background-image: url(images/partners_icon_res_doors_windows.gif);
}
/*Residential Doors & Windows*/
.int_trim
{
    background-image: url(images/partners_icon_int_trim.gif);
}
/*Interior Tim*/
.com_doors_hard
{
    background-image: url(images/partners_icon_com_doors_hard.gif);
}
/*Commerical Doors & Hardware*/

.hide
{
    display: none;
}

.partners_nav_active
{
    color: #FFF !important;
}
#onload_popup_wrap
{
    background-color: #000;
    cursor: pointer;
    height: 280px;
    left: 0;
    top: 0;
    position: absolute;
    width: 1000px;
    z-index: 1999;
    filter: alpha(opacity=40);
    -khtml-opacity: 0.40;
    -moz-opacity: 0.40;
    opacity: 0.40;
}
#onload_popup
{
    background-color: #FFF;
    border: 2px solid #5781B1;
    border-top: 0;
    cursor: pointer;
    position: absolute;
    left: 150px;
    width: 700px;
    z-index: 2000;
}
#onload_popup_in
{
    font-size: 12px;
    line-height: 20px;
    padding: 20px;
    text-align: justify;
}

.VE_Pushpin_Popup_Title
{
    color: #3467A4 !important;
    font-size: 13px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    text-align: center;
}
.VE_Pushpin_Popup_Body
{
    color: #906117 !important;
    font-size: 12px !important;
    text-align: center;
}
.holder_images
{
    height: 100px;
    overflow: hidden !important;
    margin: 0 auto;
    width: 205px;
}
.holder_images_inner
{
    height: 100px;
    position: relative;
    left: 0;
    top: 0;
    width: 205px;
}
.the_images
{
    background-repeat: no-repeat !important;
    background-position: center center !important;
    overflow: hidden;
    height: 100px;
    width: 205px;
}
#map
{
    height: 280px !important;
    width: 660px !important;
}
#myMap
{
    font-family: Arial !important;
    position: relative !important;
    height: 280px !important;
    width: 660px !important;
    z-index: 1;
}
.MSVE_MapStyle
{
    background-color: #5680B0;
}
#MSVE_navAction_RoadMapStyle
{
    background-color: #00326D !important;
    color: #FFF !important;
}
#MSVE_TinyZoomBar, #MSVE_TinyZoomBar *
{
    background-color: #EC9804;
}
#MSVE_navAction_tinyZoomBar_plus
{
    background-image: url(images/ZoomPlusTiny.gif);
}
#MSVE_navAction_tinyZoomBar_minus
{
    background-image: url(images/ZoomMinusTiny.gif);
}
.MSVE_smallMinimap, .MSVE_Minimap_V5
{
    height: 80px !important;
    left: 550px !important;
    top: 175px !important;
    width: 100px !important;
    filter: alpha(opacity=90 !important);
    -khtml-opacity: 0.90 !important;
    -moz-opacity: 0.90 !important;
    opacity: 0.90 !important;
}
.VE_Pushpin_Popup_Title, .VE_Pushpin_Popup_Body, .VE_Pushpin_Popup_Title *, .VE_Pushpin_Popup_Body * 
{
    font-family: Arial;
    font-size: 11px;
}
.VE_Pushpin_Popup_Title 
{
    font-size: 12px !important;
}
/*START Popup Map*/
.blockout
{
    background-color: #000;
    cursor: pointer;
    height: 280px;
    left: 0;
    top: 0;
    position: absolute;
    width: 1000px;
    z-index: 2999;
    filter: alpha(opacity=40);
    -khtml-opacity: 0.40;
    -moz-opacity: 0.40;
    opacity: 0.40;
}
.map_pop 
{    background-color: #FFF;
    color: #000;
    height: 485px;
    left: 50%;
    margin-left: -520px;
    position: absolute;
    top: 50px;
    width: 1040px; 
    z-index: 30000;
}
#popup_overlay
{
    background-color: #FFB52A;
    border: 1px solid #FFF;
    cursor: pointer;
    display: block;
    height: 18px;
    font-size: 10px;
    font-weight: bold;
    line-height: 18px;
    position: absolute;
    right: 10px;
    text-align: center;
    text-transform: uppercase;
    top: 14px;
    width: 100px;
    z-index: 200;
}
.close 
{
    background-image: url(http://www.contractlumber.com/images/close.png);
    cursor: pointer;
    height: 23px;
    position: absolute;
    top: -12px;
    right: -12px;
    width: 23px;
}
#pop_select_all, #pop_deselect_all
{
    
    background-color: #FFB52A !important;
    border: 1px solid #FFF !important;
    border-bottom: 0 !important;
    cursor: pointer !important;
    display: block !important;
    height: 20px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    left: 90px !important;
    line-height: 20px !important;
    position: absolute !important;    
    text-align: center !important;
    text-transform: uppercase !important;
    top: 390px !important;
    width: 100px !important;
    z-index: 200 !important;
}
#pop_deselect_all 
{
    left: 190px !important;
}
/*END Popup Map*/