body {
    background-color:#ffffff;
    color:#ffffff;
    font-size:10pt;
    font-family: Verdana, Geneva, sans-serif;
    margin:0px 0px 25px 0px;
}

a 
{
    color:#ede6bf;
}

a img 
{
    border:0px;
}

h1 
{
    color:#ede6bf;
    font-weight:normal;
    font-size:18pt;
}

h2.top 
{
    margin-top:0px;
}

/* HEADER ELEMENTS */

#divBodyContainer 
{
    margin:0px auto;
    width:1020px;
    background-color:#3a1530;
    box-shadow:0px 0px 5px #000000;
}

#divHeaderArea {
    background-color:#ffffff;
    color:#3a1530;
    background-image:url('http://localhost:8500/bhhs/assets/images/headerAreaBG.jpg');
    background-position:center bottom;
    /*background-repeat:no-repeat;*/
    height:501px;
    overflow:hidden;
    border-bottom:5px solid #f0e7bc;
}

#divHeaderArea.secondary 
{
    height:auto;
    border:0px;
    background-image:none;
    overflow:visible;
}

#divHeader 
{
    width:980px;
    margin:0px auto;
    padding:20px;
    position:relative;
}

#divSiteLogo 
{
    float:left;
}

#divSiteLogo.secondary 
{
    margin-left:25px;
}

#divContact 
{
    float:right;
    width:225px;
    text-align:center;
    padding-top:25px;
}

    #divContact .phone a 
    {
        display:block;
        text-decoration:none;
        color:#3a1530;
        font-size:14pt;
        font-weight:bold;
        margin-bottom:5px;
    }

    #divContact .socialicons
    {
        margin-bottom:20px;
    }

#divMenuTop 
{
    float:right;
}

    #divMenuTop ul  
    {
        margin:0px;
        padding:0px;
        list-style:none;
    }

        #divMenuTop ul li 
        {
            display:inline-block;
            position:relative;
        }

            #divMenuTop ul li a 
            {
                padding:0px 10px;
                text-decoration:none;
                color:#3a1530;
                font-size:11pt;
                font-weight:bold;
            }

            #divMenuTop ul li a:hover 
            {
                color:#c51a97;
            }
            
            #divMenuTop ul li:hover ul 
            {
                display:block;
            }
            
            #divMenuTop ul li ul 
            {
                display:none;
                position:absolute;
                z-index:999;
            }
            
            #divMenuTop ul li ul li
            {
                display:block;
            }
            
            #divMenuTop ul li ul li a 
            {
                display:block;
                width:150px;
                background-color:#ffffff;
                padding:10px;
                font-weight:normal;
                font-size:8pt;
                box-shadow:1px 1px 3px #000000;
            }

#frmSearchBox 
{
    position:absolute;
    width:300px;
    height:216px;
    right:30px;
    top:190px;
    background-color:#f0e8c2;
    box-shadow:3px 3px 8px #000000;
    padding:15px;
}

    #frmSearchBox h2 
    {
        font-weight:normal;
        margin-top:0px;
        font-size:12pt;
        text-align:center;
    }

    #frmSearchBox input[type=text] 
    {
        color:#999999;
    }

    #frmSearchBox input[type=text],  #frmSearchBox select
    {
        padding:3px;
        font-size:8pt;
    }

    #frmSearchBox .caption 
    {
        text-align:center;
        font-size:1.1em;
        margin-bottom:0.25em;
    }

    #frmSearchBox .field 
    {
        margin-bottom:1em;
        font-size:0.8em;
    }

    #frmSearchBox #divSearchBoxButton 
    {
        position:absolute;
        right:10px;
        bottom:10px;
        z-index:5;
    }

/* CONTENT ELEMENTS */

#divContentArea 
{
}

#divContentArea.secondary 
{
    background-color:#ffffff;
    color:#232123;
}

#divContent 
{
    width:815px;
    padding:10px 20px;
    margin:0px auto;
}

#divContent.secondary 
{
    width:auto;
}

    #divContent.secondary h1, 
    #divContent.secondary h2, 
    #divContent.secondary h3 
    {
        color:#581c52;
        font-weight:normal;
        font-family: Georgia, serif;
    }
    
    #divContent.secondary a 
    {
        color:#313031;
    }
    
        #divContent.secondary a:hover 
        {
            color:#713e6b;
        }
    
    #divContent.secondary #divAgentPageLeft 
    {
        float:left;
        margin-right:25px;
        width:213px;
        color:#191819;
        font-size:7pt;
    }
    
        #divContent.secondary #divAgentPageLeft .photo 
        {
            text-align:center;
            margin-bottom:1em;
        }

        #divContent.secondary #divAgentPageLeft h1 
        {
            color:#191819;
            font-family: Georgia, serif;
            font-weight:bold;
            margin:0px 0px 5px;
            font-size:1.5em;
            text-shadow:1px 1px 1px #a49e84;
        }
    
        #divContent.secondary #divAgentPageLeft .agentTitle, 
        #divContent.secondary #divAgentPageLeft .officeAddress2, 
        #divContent.secondary #divAgentPageLeft .officeCell,
        #divContent.secondary #divAgentPageLeft .followMe 
        {
            margin-bottom:1em;
        }

        #divContent.secondary #divAgentPageLeft .followMe img,
        #divContent.secondary #divAgentPageLeft .agentLink img
        {
            vertical-align:middle;
            margin-right:5px;
        }

        #divContent.secondary #divAgentPageLeft .agentLink 
        {
            font-size:9pt;
            font-weight:bold;
            margin:10px 0px;
        }
    
        #divContent.secondary #divAgentPageLeft .agentLink a
        {
            color:#191819;
            text-decoration:none;
        }
    
        #divContent.secondary #divAgentPageLeft h2
        {
            color:#4b1446;
            font-family: Georgia, serif;
            font-weight:bold;
            font-size:1.3em;
            text-shadow:1px 1px 1px #a49e84;
        }
     
    #divContent.secondary #divAgentPageMain
    {
        padding-left:238px;
    }
    
        #divContent.secondary #divAgentPageMain .listings
        {
            height:225px;
        }

            #divContent.secondary #divAgentPageMain .listings .listing
            {
                position:relative;
                float:left;
                width:221px;
                border:1px solid #929191;  
                padding:10px;
                font-size:7pt;
            }
            
                #divContent.secondary #divAgentPageMain .listings .listing .infoButton 
                {
                    position:absolute;
                    bottom:12px;
                    right:12px;
                }
                
                    #divContent.secondary #divAgentPageMain .listings .listing .infoButton a 
                    {
                        background-color: #491344; background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));
                        background-image: -webkit-linear-gradient(top, #774672, #491344);
                        background-image: -moz-linear-gradient(top, #774672, #491344);
                        background-image: -ms-linear-gradient(top, #774672, #491344);
                        background-image: -o-linear-gradient(top, #774672, #491344);
                        background-image: linear-gradient(to bottom, #774672, #491344);
                        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#774672, endColorstr=#491344);
                        color:#ffffff;
                        padding:3px 6px;
                        border:1px solid #491344;
                        font-size:6pt;
                        font-weight:bold;
                        cursor:pointer;
                        text-decoration:none;
                    }
            
                    #divContent.secondary #divAgentPageMain .listings .listing .infoButton a:hover 
                    {
                        background-image:none;
                    }
                
                #divContent.secondary #divAgentPageMain .listings .listing img
                {
                    display:block;
                    border:1px solid;
                    margin:0px auto;
                }

                #divContent.secondary #divAgentPageMain .listings .listing .info
                {
                    width:175px;
                    margin:0px auto;
                }
                
                #divContent.secondary #divAgentPageMain .listings .listing .info .price
                {
                    font-family: Georgia, serif;
                    color:#4c1447;
                    font-size:14pt;
                    font-weight:bold;
                }

        #divContent.secondary #divAgentPageMain .listings .listing.second
        {
            margin:0px 6px;
        }
        
        #divContent.secondary #divAgentPageMain .seeAll
        {
            font-size:8pt;
            text-align:right;
            padding-right:10px;
        }
    
    #divContent.secondary #divFindAgentLeft
    {
        width:240px;
        float:left;
        margin-right:25px;
    }

        #divContent.secondary #divFindAgentLeft h2
        {
            font-family: Verdana, Geneva, sans-serif;
        }

        #divContent.secondary #divFindAgentLeft ul
        {
            list-style:none;
            padding:0px;
            margin:0px;
        }

            #divContent.secondary #divFindAgentLeft ul li
            {
                display:block;
            }

                #divContent.secondary #divFindAgentLeft ul li a
                {
                    display:block;
                    text-decoration:none;
                    font-size:14pt;
                    margin:1.2em 0px;
                    color:#4e1749;
                }

                    #divContent.secondary #divFindAgentLeft ul li.first a
                    {
                        margin-top:0.5em;                    
                    }

                    #divContent.secondary #divFindAgentLeft ul li.last a
                    {
                        margin-bottom:0.5em;                    
                    }

                    #divContent.secondary #divFindAgentLeft ul li a:hover 
                    {
                        color:#a48aa1;
                    }

    #divContent.secondary #divFindAgentMain
    {
        float:left;
        width:715px;
    }
        
    #divContent.secondary #divFindAgentMain h2 
    {
        font-size:12pt;
        font-weight:bold;
        margin-bottom:0.5em;
    }
    
        #divContent.secondary #divFindAgentMain .intro
        {
            background:url('http://localhost:8500/bhhs/assets/images/graphicFindAnAgent.jpg') center right no-repeat;
            padding-right:475px;
            min-height:184px;
            margin-bottom:1em;
        }

        #divContent.secondary #divFindAgentMain h1
        {
            margin-top:0px;
            font-weight:bold;
        }
        
        #divContent.secondary #divFindAgentMain #divAgentSearchForms
        {
            margin-bottom:2em;
        }
        
        #divContent.secondary #divFindAgentMain #frmSearchByNameorCertification 
        {
            display:block;
            float:left;
            width:269px;
            padding-right:10px;
        }
        
        #divContent.secondary #divFindAgentMain #frmSearchByOffice 
        {
            display:block;
            float:left;
            width:194px;
            border-left:3px solid #a48aa1;
            border-right:3px solid #a48aa1;
            padding:0px 10px;
        }
        
        #divContent.secondary #divFindAgentMain #frmSearchByArea 
        {
            display:block;
            float:left;
            width:195px;
            padding-left:10px;
        }

            #divContent.secondary #divFindAgentMain #frmSearchByArea .area
            {
                float:left;
                width:50%;
            }
            
        #divContent.secondary #divFindAgentMain #divAgentSearchResults 
        {
        }

            #divContent.secondary #divFindAgentMain #divAgentSearchResults .header
            {
                border-bottom:7px solid #4c1447;
            }

                #divContent.secondary #divFindAgentMain #divAgentSearchResults .tab a
                {
                    display:inline-block;
                    background-color:#60275a;
                    color:#ffffff;
                    font-weight:bold;
                    padding:8px 20px;
                    text-decoration:none;
                    margin-left:10px;
                    font-size:9pt;
                    border-top-left-radius:10px;
                    border-top-right-radius:10px;
                }

                #divContent.secondary #divFindAgentMain #divAgentSearchResults .sort
                {
                    float:right;
                    padding-top:10px;
                    font-size:8pt;
                }

                    #divContent.secondary #divFindAgentMain #divAgentSearchResults .sort select
                    {
                        font-size:7pt;
                    }
                    
            #divContent.secondary #divFindAgentMain #divAgentSearchResults .results 
            {
                padding:15px 0px;
            }
                    
                #divContent.secondary #divFindAgentMain #divAgentSearchResults .result 
                {
                    background-color:#f0e7bc;
                    padding:5px;
                    float:left;
                    width:332px;
                    margin:0px 15px 15px 0px;
                    font-size:6pt;
                }

                    #divContent.secondary #divFindAgentMain #divAgentSearchResults .result .photo
                    {
                        float:left;
                        margin:0px 10px 10px 0px;
                    }

                    #divContent.secondary #divFindAgentMain #divAgentSearchResults .result .photo img
                    {
                        border:3px solid #ffffff;
                        box-shadow:2px 2px 5px #000000;
                    }

                    #divContent.secondary #divFindAgentMain #divAgentSearchResults .result .name 
                    {
                        font-size:1.7em;
                        font-family: Georgia, serif;
                        color:#60275a;
                        margin-bottom:8px;
                        text-shadow:1px 1px 1px #a0917e;
                    }

                    #divContent.secondary #divFindAgentMain #divAgentSearchResults .result .resultLink a
                    {
                        text-decoration:none;
                        display:block;
                        margin-bottom:1em;
                        font-weight:bold;
                    }

                #divContent.secondary #divFindAgentMain #divAgentSearchResults .resultOffice
                {
                    float:left;
                    width:220px;
                    margin:0px 15px 25px 0px;
                    font-size:10pt;
                }

                    #divContent.secondary #divFindAgentMain #divAgentSearchResults .resultOffice .name
                    {
                        font-size:1.2em;
                        font-weight:bold;
                    }

            #divContent.secondary #divFindAgentMain #divAgentSearchResults .pagination
            {
                margin:0px 15px 2em 0px;
                font-size:7pt;
                font-weight:bold;
                text-align:right;
            }

                #divContent.secondary #divFindAgentMain #divAgentSearchResults .pagination a
                {
                    text-decoration:none;
                    font-weight:normal;
                }
            
                    #divContent.secondary #divFindAgentMain #divAgentSearchResults .pagination a.prevnext
                    {
                        text-decoration:underline;
                    }

#divSliderArea 
{
    margin-bottom:1em;
}

#divSliderContainer 
{
    width:900px;
    height:145px;
    margin:0px auto;
    overflow:hidden;
    position:relative;
}

    #divSliderContainer a.left 
    {
        display:block;
        width:37px;
        height:100%;
        position:absolute;
        left:0px;
        top:0px;
        background-image:url('http://localhost:8500/bhhs/assets/images/arrowLeftBGOff.png');
        background-position:center center;
        background-repeat:no-repeat;
        cursor:pointer;
    }

    #divSliderContainer a.left:hover 
    {
        background-image:url('http://localhost:8500/bhhs/assets/images/arrowLeftBGOn.png');
    }
    
    #divSliderContainer .main 
    {
        width:808px;
        position:absolute;
        left:45px;
        top:0px;
        height:100%;
        overflow:hidden;
    }

        #divSliderContainer .main .inner 
        {
            position:absolute;
            height:100%;
            left:0px;
        }

    #divSliderContainer a.right 
    {
        display:block;
        width:37px;
        position:absolute;
        right:0px;
        top:0px;
        height:100%;
        background-image:url('http://localhost:8500/bhhs/assets/images/arrowRightBGOff.png');
        background-position:center center;
        background-repeat:no-repeat;
        cursor:pointer;
    }

    #divSliderContainer a.right:hover 
    {
        background-image:url('http://localhost:8500/bhhs/assets/images/arrowRightBGOn.png');
    }

.divSliderImage 
{
    text-align:center;
    width:192px;
    float:left;
    margin:15px 5px;
}

    .divSliderImage .sliderImage 
    {
        width:192px;
        height:113px;
    }
    
    .divSliderImage .caption 
    {
        font-size:12pt;
        font-weight:bold;
    }

#divLocalCommunities 
{
}

    #divLocalCommunities .cities 
    {
        float:left;
        width:31%;
        padding:0px 1%;
    }

        #divLocalCommunities .cities a 
        {
            color:#ffffff;
            text-decoration:none;
        }

        #divLocalCommunities .cities a:hover 
        {
            color:#ede6bf;
            text-decoration:underline;
        }

.divHomepageBox 
{
    background-color:#48253b;
    width:365px;
    min-height:340px;
    padding:15px;
    font-size:0.8em;
    overflow:hidden;
    margin:2em 0px;
}

    .divHomepageBox h2 
    {
        color:#ede6bf;
        font-weight:normal;
        font-size:17pt;
        margin-top:0px;
        text-align:center;
    }

/* FORMS */

.formContact 
{
}

    .formContact .caption
    {
        font-size:7pt;
        font-weight:bold;
        margin-bottom:3px;
    }

    .formContact .float 
    {
        float:left;
    }

    .formContact input[type=text], .formContact textarea 
    {
        width:100%;
        margin-bottom:8px;
    }
    
    .formContact input[type=submit] 
    {
        background-color: #491344; background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));
        background-image: -webkit-linear-gradient(top, #774672, #491344);
        background-image: -moz-linear-gradient(top, #774672, #491344);
        background-image: -ms-linear-gradient(top, #774672, #491344);
        background-image: -o-linear-gradient(top, #774672, #491344);
        background-image: linear-gradient(to bottom, #774672, #491344);
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#774672, endColorstr=#491344);
        color:#ffffff;
        padding:8px 20px;
        border:1px solid #491344;
        border-radius:8px;
        font-size:10pt;
        font-weight:bold;
        cursor:pointer;
    }

    .formContact input[type=submit]:hover 
    {
        background-image:none;
    }
    
#frmFindHomes  
{
}

    #frmFindHomes .caption 
    {
        font-size:10pt;
        color:#3a1530;
        margin-bottom:0.5em;
        text-shadow:1px 1px 1px #a0917e;
    }

    #frmFindHomes .field 
    {
        margin-bottom:0.5em;
    }
    
    #frmFindHomes input[type=text], 
    #frmFindHomes select, 
    #frmFindHomes radio 
    {
        border:0px;
        padding:5px;
        font-size:7pt;
        width:200px;
        color:#3a1530;
    }
    
    #frmFindHomes input[type=submit] 
    {
        background-color: #491344; 
        background-image: url('http://localhost:8500/bhhs/assets/images/iconRightSubmitArrowLarge.png'), -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));
        background-image: url('http://localhost:8500/bhhs/assets/images/iconRightSubmitArrowLarge.png'), -webkit-linear-gradient(top, #774672, #491344);
        background-image: url('http://localhost:8500/bhhs/assets/images/iconRightSubmitArrowLarge.png'), -moz-linear-gradient(top, #774672, #491344);
        background-image: url('http://localhost:8500/bhhs/assets/images/iconRightSubmitArrowLarge.png'), -ms-linear-gradient(top, #774672, #491344);
        background-image: url('http://localhost:8500/bhhs/assets/images/iconRightSubmitArrowLarge.png'), -o-linear-gradient(top, #774672, #491344);
        background-image: url('http://localhost:8500/bhhs/assets/images/iconRightSubmitArrowLarge.png'), linear-gradient(to bottom, #774672, #491344);
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#774672, endColorstr=#491344);
        color:#ffffff;
        padding:8px 50px 8px 20px;
        border:1px solid #491344;
        border-radius:8px;
        text-transform:uppercase;
        font-size:14pt;
        font-weight:bold;
        cursor:pointer;
        background-position:115px center;
        background-repeat:no-repeat, repeat;
        margin-top:1em;
    }
    
    #frmFindHomes input[type=submit]:hover 
    {
        background-image:url('http://localhost:8500/bhhs/assets/images/iconRightSubmitArrowLarge.png'), none;
    }

.formFindAgent 
{
    position:relative;
    height:190px;
}

    .formFindAgent input[type=text], 
    .formFindAgent select,
    .formFindAgent .areas
    {
        background-color:#f0e7bc;
        padding:8px;
        font-size:8pt;
        box-shadow:inset -2px -2px 8px #000000;
        border:0px;
    }

    .formFindAgent input[type=submit]
    {
        background-color: #491344; 
        color:#ffffff;
        padding:5px 15px;
        border:1px solid #491344;
        border-radius:8px;
        text-transform:uppercase;
        font-size:10pt;
        font-weight:bold;
        cursor:pointer;
        margin-top:1em;
        position:absolute;
        bottom:10px;
        right:10px;
    }

/* FOOTER ELEMENTS */

#divFooter 
{
    width:775px;
    margin:0px auto;
    padding-top:10px;
}

    #divFooter ul  
    {
        margin:0px;
        padding:0px;
        list-style:none;
        text-align:center;
        margin-bottom:2em;
    }

        #divFooter ul li 
        {
            display:inline-block;
        }

            #divFooter ul li a 
            {
                padding:0px 10px;
                text-decoration:none;
                color:#ffffff;
                font-size:9pt;
                font-weight:bold;
            }

            #divFooter ul li a:hover 
            {
                color:#ede6bf;
            }

        #divFooter .copyright 
        {
            float:left;
            width:350px;
            font-size:7pt;
            margin-bottom:1em;
            text-align:left;
        }
        
            #divFooter .copyright ul 
            {
                list-style:none;
                margin:2em 0px 0px;
                padding:0px;
                text-align:left;
            }
            
                #divFooter .copyright ul li 
                {
                    display:inline;
                }
            
                    #divFooter .copyright ul li a 
                    {
                        display:inline;
                        padding:0px;
                        font-weight:normal;
                        text-decoration:underline;
                        font-size:7pt;
                        margin-right:10pt;
                    }

        #divFooter .advertisement 
        {
            float:right;
        }


/* Helper Classes */


.boxYellow 
{
    background-color:#f1e9c2;
    padding:15px;
}

.divFloat 
{
    float:left;
}

.divClear 
{
    clear:both;
}