.font-montserrat {
    font-family: 'Montserrat', sans-serif;
}

.font-maven-pro {
    font-family: 'Maven Pro', sans-serif;
}

h3 
{
    /*font-family: 'Montserrat', sans-serif;*/
}

#divSiteBar 
{
    display:none;
}

#divSiteBar .site
{
    width:33.3333%;
    float:left;
}

#divSiteBar .site a
{
    display:block;
    padding:15px;
    text-align:center;
    text-decoration:none;
    color:#999999;
    background-color:#f7f7f7;
    font-size:1.2em;
}

#divSiteBar #barTC a:hover
{
    background-color:#ff7010;
    color:#ffffff;
}

#divSiteBar #barTBW a:hover
{
    background-color:#0071bc;
    color:#ffffff;
}

#divSiteBar #barTBCW a:hover
{
    background-color:#67bb29;
    color:#ffffff;
}

#divTopLoginArea 
{
    background-color:#4d2307;
}

#divTopLoginArea input[type=text],  #divTopLoginArea input[type=password], #divTopLoginArea input[type=button], #divTopLoginArea input[type=submit] 
{
    background-color:#803e12;
    background-image:none;
    color:#ffffff;
}

.divFeature h2 
{
    /*font-family: 'Montserrat', sans-serif;*/
    text-transform:uppercase;
    font-weight:bold;
    letter-spacing:-1px;
    font-size:28pt;
    line-height:28pt;
    color:#ba6319;
}

.secondary .divFeature h3 
{
    line-height:18pt;
    color:#ba6319;
    /*font-family: 'Maven Pro', sans-serif;*/
}

.secondary .divFeature h3 span 
{
    font-size:10pt;
    color:#888888;
    /*font-family:Arial, Helvetica, sans-serif;*/
}

#divTopBarArea 
{
    background-color:#ff7010;
}

.btnCSS1 
{
    background-color:#ff7010;
    display:inline-block;
}

.btnCSS1:hover 
{
    background-color:#90400a;
    color:#ffffff;
}

#divPageTitle h1 
{
    opacity:0.5;
}

h1.hHomepage 
{
    color:#90400a;
}

h2.hHomepage 
{
    color:#e8faff;
}

#divWereArea 
{
    background-color:#fee4d3;
}

a.homepage 
{
    color:#cf5b0d;
}

a.homepage:hover 
{
    color:#90400a;
}

strong a 
{
    color:#90400a;
}

strong a:hover 
{
    color:#ff7010;
}

.icon 
{
    /*background-color:#90400a;*/
}

.icon:hover 
{
    /*background-color:#ff7010;*/
}

.divFeature
{
    margin:2em auto;
}

#divBannerArea 
{
    background-image:url('/lib/layout/tampacreative.com/images/bannerFadeBG.png');
    background-position:top center;
    background-repeat:no-repeat;
    background-color:#000000;
}
#divBanner 
{
    padding:0px;
}

#divOpeningArea 
{
    background-color:#ffffff;
    padding:25px 0px;
}

#divOpening 
{
    max-width:1090px;
    margin:0px auto;
}

#divHomepageServicesArea 
{
    background-color:#000000;
    padding:25px 25px;
    background-image:url('/lib/layout/tampacreative.com/images/homepageServicesBG.jpg');
}

#divHomepageServices 
{
    padding:20px 0px;
    color:#cccccc;
    max-width:1090px;
    margin:0px auto;
}

#divHomepageServices .service 
{
    float:left;
    width:20%;
    box-sizing:border-box;
    padding:0px 20px;
    border-right:1px dashed #333333;
}

#divHomepageServices .service.left 
{
}

#divHomepageServices .service.right
{
    border-right:0px;
}

#divHomepageServices .service h2 
{
    text-align:center;
    line-height:20pt;
    color:#ffffff;
    font-size:24pt;
}

#divHomepageServices .service p 
{
    font-size:10pt;
    color:#cccccc;
}

#divHomepageServices .service .price
{
    font-size:1.4em;
    font-weight:bold;
    margin-bottom:1em;
}

#divHomepageServices .service .button a
{
    display:inline-block;
    color:#cccccc;
    font-size:1.2em;
    text-decoration:none;
    text-align:center;
    width:75%;
    background-color:#333333;
    padding:10px;
    border-top:1px solid #666666;
    border-left:1px solid #666666;
    border-bottom:1px solid #111111;
    border-right:1px solid #111111;
    background-image:url('/lib/layout/tampacreative.com/images/homepageServiceButtonBG.png');
    background-position:center center;
    background-repeat:repeat-x;
}

#divHomepageServices .service .button a:hover
{
    color:#ffffff;
}

.row:after 
{
    clear:both;
}

a.aBannerDark 
{
    background-color:#eb5e00;
}

a.aBannerDark:hover 
{
    background-color:#ae4804;
}

a.aBannerDark:hover h2
{
    color:#ffffff;
}

a.aBannerDark h3
{
    color:#ffffff;
}

@media screen and (max-width: 720px) 
{
    
    #divHomepageServices .service 
    {
        width:100%;
        float:none;
        margin-bottom:3em;
        border-right:0px;
        border-bottom:1px dashed #333333;
        text-align:center;
        padding-bottom:3em;
    }
             
}

.img-responsive 
{
    max-width:100%;
    height:auto;
}