﻿/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #DDEAF2 url(/images/background.jpg) no-repeat top;
    font-size: .80em;
    font-family:Urbano Condensed, Trebuchet MS, "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #3E6DB5;
    text-decoration: underline;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

a:link img, a img
{
    text-decoration: none;
    border:0;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

input[type="password"]
{
    width:190px;
    height:18px;
    border:none;
    padding:4px 6px;
    background:transparent url(/images/search-input-back.png) no-repeat center left;
}

.MasterSearchTextbox
{
    width:190px;
    height:18px;
    border:none;
    padding:4px 6px;
    background:transparent url(/images/search-input-back.png) no-repeat center left;
}

input[type="file"]
{
    cursor:pointer;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 2em;
    padding-bottom: 8px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
    color:#0C116C;
}

h5, h6
{
    font-size: 1em;
}

h1.sectionTitle
{
    margin-left:35px;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.main > h1, .main > h2, .leftCol > h1, .leftCol > h2
{
    margin-top: 0px;
}


/* REUSABLE CLASSES   
----------------------------------------------------------*/

.clearBoth
{
    clear:both;
}

.watermark
{
    color:gray;
    font-style:italic;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#page
{
    width:950px;
    margin:0 auto 4px auto;
    
}

#header
{
    height:123px;
    margin-bottom:139px;
    padding:8px;
}

#logo
{
    float:left;
    margin:14px 0 0 12px;
}

/*#adbanner
{
    float:right;
    width:724px;
    height:90px;
    border:solid 1px #cbcbcb;
}*/

#contactus
{
    float:right;
    margin-right:96px;
    border:dashed 1px #3E6DB5;
    padding:4px 8px;
    height:32px;
}

#contactus h2,
#propertycontactus h2
{
    float:left;
    margin-right:8px;
    position:relative;
    top:-16px;
}

#contactus table
{
    float:right;
}

#propertycontactus
{
    margin:0 auto;
    border:solid 1px #000;
    padding:16px 32px;
    margin:16px 128px;
}

#contactcontainer
{
    margin:0 auto;
    width:300px;
}

#mainnav
{
    clear:both;
    margin:10px 0 0 22px;
}

#mainnav a,
#footernav a
{
    text-decoration:none;
}

.navcontainer ul
{
    list-style:none;
    margin:0;
    padding:0;
}

.navcontainer ul li
{
    display:inline;
    padding:0 18px 0 10px;
    margin:0;
    /*background: transparent url(/images/menu-separator.gif) no-repeat top right;*/
}

.navcontainer ul li a:link, a:visited
{
    color:#191919;
}

.navcontainer ul li a:hover
{
    color:#444;
    text-decoration:none;
}

#mainnav ul li, #secondarynav
{
    font-size:1.2em;
    font-weight:bold;
}

#secondarynav
{
    height:37px;
    color:#DCDCDB;
    padding:8px 16px 0 16px;
}

#secondarynav div#breadcrumb
{
    float:left;
    margin-top:6px;
}

#secondarynav div#search
{
    float:right;
}

div#maincontent
{
    margin-top:60px;
    min-height:300px;
    padding:4px 36px 16px 36px;
    background-color:White;
}

div#footer
{
    background-color:#fff;
    font-size:0.9em;
}

div#footerterms
{
    margin-top:4px;
}

div#footerborder
{
    height:12px;
    background:transparent url(/images/footer-border.png) no-repeat bottom left;
}

div#footer img#footerstatue, div#footer div#footernav
{
    float:left;
}

div#footer img#footerstatue
{
    margin:0 0 0 32px;
}

div#footer img#footerlogo
{
    float:right;
    margin:24px 12px 0 0;
}

div#footernav
{
    margin-top:32px;
}

div.homeText
{
    width:500px;
    float:left;
    margin-top:-55px;
}

div.homeFeaturedProperty
{
    float:right;
    margin-top:-32px;
}

.homeFeaturedProperty table,
.PropertyResults table
{
    border:dashed 1px #000;
    padding:8px 16px;
}

div.homeFeaturedProperty table
{
    -moz-border-radius:16px;
    border-radius:16px;
    border-style:solid;
}

div.homeFeaturedProperty table img
{
    -moz-border-radius:16px;
    border-radius:16px;
    
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.featuredpropertyheader
{
    font-size:16px;
    font-weight:bold;
    margin-left: 18px;
}

div.PropertyResults
{
    width:280px;
    float:right;    
    margin-top:10px;
    height:300px;
    margin-right:15px;
}

.widthForTextBox { width:170px;}

.searchbox
{
    margin-left:-0px;
    background:#3B6EAF;
    color:#fff;
    cursor:pointer;
    padding:2px 10px;
    border:1px solid #ddd;
}

a.button
{
    text-decoration:none;
    background:#3B6EAF;
    color:#fff;
    cursor:pointer;
    padding:8px 32px;
    border:1px solid #ddd;
}

.homeText .pad
{
    padding:16px 0;
    text-align:center;
}

.services a {
    font-size: 2em;
    color: #333;
    letter-spacing: -2px;
    font-weight: 300;
}

.services :hover {
    font-size: 2em;
    color: gray;
    letter-spacing: -2px;
    font-weight: 300;
    text-decoration:none;
}

span.services a img
{
    padding-right:8px;
    position:relative;
    top:6px;
}

#propertysearch table
{
    width:300px;
    vertical-align:middle;
    border:solid 2px #ccc;
    margin-left:120px;
    margin-top:60px;
}

h2.PropertyTitleFont
{
    margin:0;
}

.PropertyDetailsFont {
    font-size: 110%;
    font-weight: bold;
}
.PriceFont {
    font-size: 180%;
}
.PropertyDetailsValuesFont {
    font-size: 130%;
}

        /*--Main Container--*/
        .main_view
        {
            float: left;
            position: relative;
        }
        /*--Window/Masking Styles--*/
        .window
        {
            height: 293px;
            width: 617px;
            overflow: hidden; /*--Hides anything outside of the set width/height--*/
            position: relative;
        }
        .image_reel
        {
            position: absolute;
            top: 0;
            left: 0;
        }
        .image_reel img
        {
            float: left;
        }
        
        /*--Paging Styles--*/
        .paging
        {
            position: absolute;
            bottom: 100px;
            right: -7px;
            width: 178px;
            height: 47px;
            z-index: 100; /*--Assures the paging stays on the top layer--*/
            text-align: center;
            line-height: 40px;
            background: url(images/paging_bg2.png) no-repeat;
            display: none; /*--Hidden by default, will be later shown with jQuery--*/
        }
        .paging a
        {
            padding: 5px;
            text-decoration: none;
            color: #fff;
        }
        .paging a.active
        {
            font-weight: bold;
            background: #920000;
            border: 1px solid #610000;
            -moz-border-radius: 3px;
            -khtml-border-radius: 3px;
            -webkit-border-radius: 3px;
        }
        .paging a:hover
        {
            font-weight: bold;
        }
        
.lblError
{
    background-color:#F28181;
}
