﻿body
{
    text-align: center;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    background: #ffffff url( 'Images/bodyBg.gif' ) repeat;
    margin: 0;
    padding: 0;
}
h1
{
    color: #951414;
    font-size: 22px;
    font-weight: bold;
}
h2
{
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}
img
{
    border: 0;
}
a
{
    text-decoration: none;
    color: #951414;
    font-weight: bold;
}
a:hover
{
    text-decoration: underline;
}
.clear
{
    clear: both;
}
.actionNoticeBoxGIANT
{
    background: #fef1f1 !important;
    padding: 10px;
    width: 300px;
    border: 2px solid #c94141;
    margin-bottom: 5px;
    color: #c94141 !important;
}
input
{
    border: 1px solid #afa78b;
}
.btnSubmit
{
    background: url( 'Images/btnSubmit.gif' ) repeat 0px 0px;
    width: 65px;
    height: 22px;
    display: block;
    border: 0;
    cursor: pointer;
}
.btnSubmit span
{
    display: none;
}
.btnSubmit:hover
{
    background: url( 'Images/btnSubmit.gif' ) repeat -75px 0px;
}
/* Default/Home */
#center
{
    margin: 0 auto;
    width: 820px;
}
#wrapper /* THIS IS FOR THE SIDE FADES AND CENTERING */
{
    text-align: left;
    width: 820px;
    height: auto;
    background: url( 'Images/wrapBg.gif' ) repeat-y;
    float: left;
}
#container
{
    text-align: left;
    width: 778px;
    height: auto; /* set auto */
    margin: 0px 0px 0px 20px;
    _margin: 0px 0px 0px 10px;
    float: left;
}
#containerInt
{
    text-align: left;
    width: 778px;
    height: auto; /* set auto */
    margin: 0px 0px 0px 20px;
    _margin: 0px 0px 0px 10px;
    background: #ffffff url( 'Images/containBg.gif' ) repeat-y;
    float: left;
}
#header
{
    height: 97px;
    background: url( 'Images/headerBg.png' ) no-repeat;
}
#header .logo
{
    position: absolute;
    margin: 25px 0px 0px 25px;
}
#header .contact
{
    position: absolute;
    margin: 65px 0px 0px 642px;
}
#defaultNav
{
    margin: 10px 0px 0px 0px;
    width: 100%;
}
#picture
{
    float: left;
    width: 458px;
    height: 305px;
}
#nav
{
    float: left;
    width: 317px;
}
#nav a.commercial
{
    background: url( 'Images/defaultCommercial.gif' ) repeat 0px 0px;
    width: 317px;
    height: 99px;
    display: block;
    margin: 0px 0px 4px 4px;
    _margin: 0px 0px 4px 1px; /* Stupid IE6 */
    float: left;
}
#nav a.commercial span
{
    display: none;
}
#nav a.commercial:hover
{
    background: url( 'Images/defaultCommercial.gif' ) repeat -327px 0px;
}

#nav a.residential
{
    background: url( 'Images/defaultResidential.gif' ) repeat 0px 0px;
    width: 317px;
    height: 99px;
    display: block;
    margin: 0px 0px 4px 4px;
    _margin: 0px 0px 4px 1px; /* Stupid IE6 */
    float: left;
}
#nav a.residential span
{
    display: none;
}
#nav a.residential:hover
{
    background: url( 'Images/defaultResidential.gif' ) repeat -327px 0px;
}
#nav a.homeowners
{
    background: url( 'Images/defaultHomeowners.gif' ) repeat 0px 0px;
    width: 317px;
    height: 99px;
    display: block;
    margin: 0px 0px 0px 4px;
    _margin: 0px 0px 0px 1px; /* Stupid IE6 */
    float: left;
}
#nav a.homeowners span
{
    display: none;
}
#nav a.homeowners:hover
{
    background: url( 'Images/defaultHomeowners.gif' ) repeat -327px 0px;
}
#navInt
{
    width: 100%;
    height: 66px;
    background: #9d1c1c;
}
#navInt a.commercial
{
    background: url( 'Images/navCommercial.gif' ) repeat 0px 0px;
    width: 132px;
    height: 66px;
    display: block;
    float: left;
}
#navInt a.commercial span
{
    display: none;
}
#navInt a.commercial:hover
{
    background: url( 'Images/navCommercial.gif' ) repeat -142px 0px;
}
#navInt a.residential
{
    background: url( 'Images/navResidential.gif' ) repeat 0px 0px;
    width: 118px;
    height: 66px;
    display: block;
    float: left;
}
#navInt a.residential span
{
    display: none;
}
#navInt a.residential:hover
{
    background: url( 'Images/navResidential.gif' ) repeat -128px 0px;
}
#navInt a.homeowners
{
    background: url( 'Images/navHomeowners.gif' ) repeat 0px 0px;
    width: 91px;
    height: 66px;
    display: block;
    float: left;
}
#navInt a.homeowners span
{
    display: none;
}
#navInt a.homeowners:hover
{
    background: url( 'Images/navHomeowners.gif' ) repeat -101px 0px;
}
#navInt .pageHeader
{
    float: right;
}
#leftNav
{
    width: 162px;
    height: 100%;
    background: #efede1;
    float: left;
}
#leftNav a.services
{
    background: url( 'Images/leftServices.gif' ) repeat 0px 0px;
    width: 162px;
    height: 72px;
    display: block;
}
#leftNav a.services span
{
    display: none;
}
#leftNav a.services:hover
{
    background: url( 'Images/leftServices.gif' ) repeat -172px 0px;
}
#leftNav a.rfp
{
    background: url( 'Images/leftRFP.gif' ) repeat 0px 0px;
    width: 162px;
    height: 61px;
    display: block;
}
#leftNav a.rfp span
{
    display: none;
}
#leftNav a.rfp:hover
{
    background: url( 'Images/leftRFP.gif' ) repeat -172px 0px;
}
#leftNav a.estimator
{
    background: url( 'Images/leftEstimator.gif' ) repeat 0px 0px;
    width: 162px;
    height: 61px;
    display: block;
}
#leftNav a.estimator span
{
    display: none;
}
#leftNav a.estimator:hover
{
    background: url( 'Images/leftEstimator.gif' ) repeat -172px 0px;
}
#leftNav a.portfolio
{
    background: url( 'Images/leftPortfolio.gif' ) repeat 0px 0px;
    width: 162px;
    height: 61px;
    display: block;
}
#leftNav a.portfolio span
{
    display: none;
}
#leftNav a.portfolio:hover
{
    background: url( 'Images/leftPortfolio.gif' ) repeat -172px 0px;
}
#leftNav a.request
{
    background: url( 'Images/leftRequest.gif' ) repeat 0px 0px;
    width: 162px;
    height: 61px;
    display: block;
}
#leftNav a.request span
{
    display: none;
}
#leftNav a.request:hover
{
    background: url( 'Images/leftRequest.gif' ) repeat -172px 0px;
}
#copy
{
    float: left;
    width: 420px;
    padding-left: 15px;
    padding-right: 15px;
}
#copy li
{
    margin-bottom: 8px;
    list-style-image: url( 'Images/liStyle.gif' );
    list-style-position: outside;
}
#copyInt
{
    float: left;
    width: 555px;
    height: 100%;
    margin: 20px 0px 0px 20px;
    background: white;
}
#testimonials
{
    float: right;
    width: 287px;
    height: 341px;
    background: #efece1;
    padding: 15px;
}
/* Form Stuff */
#footer
{
    width: 810px;
    height: auto;
    border: 1px solid #cccccc;
    margin: 15px auto;
    padding: 10px;
}
#footer span
{
    font-weight: bold;
    color: #7d7c7c;
    float: right;
    margin-top: -5px;
    position: relative;
}
#footer .copy
{
    float: left;
}
#footer .form
{
    float: right;
    position: relative;
}
#footer td
{
    padding: 0px 10px 0px 0px;
}
#footer .theButton
{
    float: right;
    margin-right: 10px;
}

/* Mike -- this is the class for form errors on the RFP form.. */
#formError
{
    color: Red;
}


#leftNav_services_Active
{
    background: url( 'Images/leftServices.gif' ) repeat 0px 0px;
    width: 162px;
    height: 72px;
    display: block;
}

/* styles for active left buttons */
#leftNav a.services_Active { 
        background:url('Images/leftServices_active.gif') repeat 0px 0px; 
        width: 162px; 
        height: 72px; 
        display: block; 
    }

#leftNav a.services_Active span
{
    display: none;
}


#leftNav a.rfp_Active{ 
        background:url('Images/leftRFP_active.gif') repeat 0px 0px; 
        width: 162px; 
        height: 61px; 
        display: block; 
    }


#leftNav a.rfp_Active span
{
    display: none;
}


#leftNav a.estimator_Active{ 
        background:url('Images/leftEstimator_active.gif') repeat 0px 0px; 
        width: 162px; 
        height: 61px; 
        display: block; 
    }

#leftNav a.estimator_Active span
{
    display: none;
}

#leftNav a.portfolio_Active{ 
        background:url('Images/leftPortfolio_active.gif') repeat 0px 0px; 
        width: 162px; 
        height: 61px; 
        display: block; 
    }

#leftNav a.portfolio_Active span
{
    display: none;
}

#leftNav a.request_Active{ 
        background:url('Images/leftRequest_active.gif') repeat 0px 0px; 
        width: 162px; 
        height: 61px; 
        display: block; 
    }
    
#leftNav a.request_Active span
{
    display: none;
}

