﻿/****************************************************************************************\

    Global Styles

\****************************************************************************************/

html 
{
}

body 
{
    margin          : 0 auto;
    width           : 1000px;
    position        : relative;
}

h1 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h2 
{
    margin          : .4em 0 .8em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h3 
{
    margin          : .4em 0 .8em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h4 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h5 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h6 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

p 
{
    margin          : 0 0 1em;
    padding         : 0;
    letter-spacing  : 0.01em;
    line-height     : 1.4em;
}

ul 
{
    margin          : 0 2em 1em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
    position        : relative;
}

ol 
{
    margin          : 0 2em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

li 
{
    margin          : .4em 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

strong 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

em 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

u 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a:visited 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a:hover 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

table 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

tr 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

th 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

td 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

img 
{
}


/****************************************************************************************\
    
    Global Constructs
    Globally Unique Elements
    Control Specific Constructs

\****************************************************************************************/

/*___ DIV _________________________________________________________________*/

div#branding
{
    position        : relative;
}

div#nav
{
    position        : absolute;
    height          : 33px;
    width           : 1000px;
    top             : 152px;
    left            : 0;
}

div#content
{
    width           : 913px;
    margin          : 33px 0 0 0;
    padding         : 0 0 0 49px;
    min-height      : 480px;
}

div#content_wrapper
{
    float           : left;
    width           : 100%;
    margin          : 0 -204px 0 0;
}

div#content_main
{
    position        : relative;
    margin          : 0 204px 0 0;
    padding-left    : 1.5em;
}

div#content_main.home
{
    padding-right   : 155px;
}

div#content_wrapper.listings,
div#content_main.listings
{
    margin          : 0;
    padding-right   : 1.7em;
}

div#content_wrapper.contact,
    div#content.contact div#content_wrapper
{
    margin          : 0 -377px 0 0;
}

div#content_main.contact,
    div#content.contact div#content_wrapper div#content_main
{
    margin          : 0 377px 0 0;
}

div#content_sub.contact,
    div#content.contact div#content_sub
{
    float           : right;
    width           : 327px;
    padding         : 0 25px;
}

div#content_sub
{
    float           : right;
    width           : 154px;
    padding         : 0 25px;
}

div.anchor
{
    height          : 1px;
    clear           : both;
}

div.listingAnchor,
    ul#listings li div.anchor
{
    height          : 10px;
    clear           : both;
}

div#site_info
{
    margin          : 0 38px 0 46px;
    text-align      : center;
}

div#imageRotator
{
    position        : absolute;
    top             : 60px;
    left            : 349px;
}

div.frame
{
    width           : 104px;
    height          : 134px;
    text-align      : center;
    padding-top     : 7px;
}

div#detail
{
    position        : relative;
}

div#detailMain
{
    float           : right;
    width           : 336px;
}

div#detailSub
{
    width           : 524px;
}

div#thumbnails
{
    position        : absolute;
    width           : 185px;
    height          : 245px;
    overflow        : auto;    
    top             : 62px;
    left            : 337px;
}

div.thumbnails,
    div#thumbnails div
{
    float           : left;
    width           : 70px;
    height          : 70px;
    margin-left     : 1em;
    margin-bottom   : 1em;
}

div#detailBox
{
    position        : relative;
    top             : 1em;
    width           : 524px;
    margin-bottom   : 2em;
}

div#detailImg
{
    overflow: auto;
    height  : 245px;
    padding-left: 80px;
}

/*___ SPAN _________________________________________________________________*/

span.branding,
    div#branding span
{
    position        : absolute;
    top             : .4em;
    right           : 3.5em;
}

span.city,
    h2 span.city
{
    position        : absolute;
    padding-left    : 41em;
    top             : 1.2em;
    right           : 1.6em;
}

span.MLS
{
    position        : absolute;
    top             : 37px;
    left            : 171px;
}

span.price
{
    position        : relative;
    margin-left     : 3em; 
}

span.detail,
    div#detail h2 span
{
    position        : absolute;
    right           : 0em;
    top             : .9em;
}

span.section2,
    div#section2 label span
{
    display         : block;
    margin-bottom   : .4em;
}

/*___ H1 _________________________________________________________________*/

h1.branding,
    div#branding h1
{
    width           : 1000px;
    height          : 152px;
    text-indent     : -9999px;
}

/*___ H2 _________________________________________________________________*/

h2.branding,
    div#branding h2
{
    position        : absolute;
    top             : 0;
    left            : 4em;
}

h2#recentListings
{
    width           : 111px;
    height          : 43px;
    text-indent     : -9999px;
    margin          : 1.5em auto;
}

h2.listings,
    ul#listings li h2
{
    position        : relative;
    padding         : .4em 2em 0 8em;
    margin-bottom   : .6em;
}

/*___ H3 _________________________________________________________________*/

h3.employess,
ul#employees li h3
{
    padding-bottom  : .2em;
    
}

h3.detailBox,
    div#detailBox h3
{
    margin          : 0;
    padding         : .6em 0 .5em .7em;
}

h3.contact,
    div#content.contact div#content_sub h3
{
    margin-top      : 3.2em;
}

/*___ H4 _________________________________________________________________*/

h4.detailBox,
    div#detailBox h4
{
    padding         : 1em 1em 0;
    clear           : both;
}

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

p.listings,
    ul#listings li p
{
    width           : 336px;
    min-height      : 8em;
}

p.detailBox,
    div#detailBox p
{
    padding         : 0 1em 1em;
    clear           : both;
}

p.site_info,
    div#site_info p
{
    clear           : both;
}

/*___ UL _________________________________________________________________*/

ul.buttonList
{
    margin          : 0;
    position        : absolute;
    top             : 320px;
    left            : 569px;
}

ul.recentListings,
    div#content_sub ul
{
    margin          : 0;
}

ul#listings
{
    margin-left     : -18px;
    width           : 910px;
}

ul.site_info,
    div#site_info ul
{
    margin          : 0;
}

div#nav ul
{
    margin-left     : 35px;   
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/

li.nav,
    div#nav ul li
{
    float           : left;
    margin-top      : .6em;
    margin-left     : 45px;
}

li.buttonList,
    ul.buttonList li
{
    width           : 132px;
    height          : 40px;
    padding-top     : 1em;
    text-align      : center;
}

li.content_sub,
    div#content_sub ul li
{
    margin-bottom   : 2.5em;
    line-height     : 1.5em;
}

li.employees,
    ul#employees li
{
    margin          : 1.2em 0;
}

li.listings,
    ul#listings li
{
    position        : relative;
}

li.site_info,
    div#site_info li
{
    float           : left;
    margin		    : 1em 2em;
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

a.employees,
    ul#employees li a
{
    position        : absolute;
    top             : 0px;
    right           : 0px;
}

a.listings,
    ul#listings li a
{
    white-space     : nowrap;
}

a.thumbnails,
    div#thumbnails div a
{
    margin-top      : 8px;
    margin-left     : 8px;
    display         : block;
    width           : 54px;
    height          : 54px;
    overflow        : hidden;
}

/*___ TABLE _________________________________________________________________*/

table.detailBox,
    div#detailBox table
{
    float           : left;
    width           : 45%;
}

/*___ TBODY _________________________________________________________________*/

tbody.detailBox,
    div#detailBox table tbody
{
    display         : block;
    padding-top     : 1em;
}


/*___ TR _________________________________________________________________*/

tr.listings,
    table.listing tbody tr td,
    table.listing tbody tr th
{
    padding         : .2em 0;
}

/*___ TH _________________________________________________________________*/

th.listings,
    table.listing tbody tr th
{
    padding-right   : .5em;
}

th.detailBox,
    div#detailBox table tbody tr th
{
    padding-right   : 1em;
    padding-left    : 1em;
}

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/


img#house
{
    position        : relative;
    margin-left     : -1.5em;
    margin-bottom   : 1em;
}

img.listings,
    ul#listings li img
{
    padding         : 3px;
    margin-top      : -2.7em;
    margin-left     : 20px;
    margin-bottom   : 1em;
}

img.detailImage,
    div#detailSub p img
{
    max-width       : 330px;
    max-height      : 218px;
    margin          : 7px 0 8px 7px;
}

/*___ LABEL _________________________________________________________________*/

label.contactForm,
    fieldset#contactForm label
{
    display         : block;
    position        : relative;
    margin-bottom   : 1em;
}

/*___ INPUT _________________________________________________________________*/

input.section1,
    fieldset#contactForm div#section1 label input
{
    position        : absolute;
    left            : 7em;
    top             : 0px;
    width           : 228px;
}

input.btnSubmit
{
    margin-bottom   : 1em;
    padding         : 0 2px 0 2px;
}

input.contactText
{
    width           : 321px;
    height          : 10em;
}

/*___ SELECT _________________________________________________________________*/

select.section2,
    div#section2 label select
{
    width           : 325px;
}

/*___ TEXTAREA _________________________________________________________________*/



/*___Group/Section/Class_________________________________________________________________*/

.floatLeft
{
    float           : left;
    margin-right    : 1em;
}


.listing,
.listing:hover,
.listing:visited
{
    padding-left    : 2em;
}