﻿/****************************************************************************************\

    Global Styles

\****************************************************************************************/

html 
{
}

body 
{
    background      : #A9A188 url(images/bgBody.png) repeat left top;
    color           : #342E1D;
}

h1 
{
    color           : inherit;
}

h2 
{
    color           : #2B394F;
}

h3 
{
    color           : #2B394F;
}

h4 
{
    color           : inherit;
}

h5 
{
    color           : inherit;
}

h6 
{
    color           : inherit;
}

p 
{
    color           : inherit;
}

ul 
{
    color           : inherit;
    list-style-type : disc;   
}

ol 
{
    color           : inherit;
    list-style-type : decimal;
}

li 
{
    color           : inherit;
}

strong 
{
    color           : inherit;
}

em 
{
    color           : inherit;
}

u 
{
    color           : inherit;
}

a 
{
    color           : #2B394F;
}

a:visited 
{
    color           : #2B394F;
}

a:hover 
{
    color           : #2B394F;
}

table 
{
    color           : inherit;
    border          : solid 1px #000000;
}

tr 
{
    color           : inherit;
    border          : solid 1px #000000;
}

th 
{
    color           : inherit;
    border          : solid 1px #000000;
}

td 
{
    color           : inherit;
    border          : solid 1px #000000;
}

img 
{
}

/****************************************************************************************\
    
    Global Constructs
    Globally Unique Elements
    Control Specific Constructs

\****************************************************************************************/

/*___ DIV _________________________________________________________________*/

div#nav
{
    background      : transparent url(images/bgNav.png) no-repeat left top;
}

div#content
{
    background      : transparent url(images/bgContent.png) repeat-y left top;
}

div#content.home
{
    background      : transparent url(images/bgContentHome.png) repeat-y left top;
}

div#content_sub
{
    color           : White;
}

div#content_sub.contact,
    div#content.contact div#content_sub
{
    color           : #342E1D;
}

div#site_info
{
    border-top      : solid 3px White;
}

div.frame
{
    background      : transparent url(images/frame-trans.png) no-repeat left top;
}

div.listingAnchor,
    ul#listings li div.anchor
{
    background      : transparent url(images/bgListingsBottom.png) repeat-y left bottom; 
}

div#detailBox
{
    background      : transparent url(images/bgDetailBox.png) repeat-y left top;
}

div.thumbnails,
    div#thumbnails div
{
    background      : transparent url(images/bgThumbnail.png) no-repeat left top;
}

/*___ SPAN _________________________________________________________________*/

span.branding,
    div#branding span
{
    color           : #2B394F;
}

span.listingsHeader,
    ul#listings li h2 span
{
}

span.MLS,
span.price
{
    color           : #A7AAA6;
}


/*___ H1 _________________________________________________________________*/

h1.branding,
    div#branding h1
{
    background      : transparent url(images/brandingHamptonWest.png) no-repeat left top;
}

/*___ H2 _________________________________________________________________*/

h2.branding,
    div#branding h2
{
    color           : #2B394F;
}

h2#recentListings
{
    background      : transparent url(images/h2RecentListings.png) no-repeat left top;
}

h2.listings,
    ul#listings li h2
{
    background      : transparent url(images/bgListingsTop.png) no-repeat left top;
}

h2.detail,
    div#detail h2
{
    border-bottom   : solid 3px #A9A188;
}

/*___ H3 _________________________________________________________________*/

h3.employess,
    ul#employees li h3
{
    border-bottom   : dashed 1px #A9A188;
}

h3.detailBox,
    div#detailBox h3
{
    background      : transparent url(images/bgDetailBoxTop.png) no-repeat left top;
}

/*___ H4 _________________________________________________________________*/

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

p.detailImage,
    div#detailSub p
{
    background      : transparent url(images/bgDetailImage.png) no-repeat left top;
}

p.detailBoxBottom,
    div#detailBox p
{
    background      : transparent url(images/bgDetailBoxBottom.png) no-repeat left bottom;
}

/*___ UL _________________________________________________________________*/

ul.buttonList
{
    list-style-type : none;
}

ul.content_sub,
    div#content_sub ul
{
    list-style-type : none;
}

ul.noStyle
{
    list-style-type : none;
    margin          : 0;
    padding         : 0;
}

ul.site_info,
    div#site_info ul
{
    list-style-type : none;
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/

li.nav,
    div#nav ul li
{
    list-style-type : none;
}

li.buttonList,
    ul.buttonList li
{
    background      : transparent url(images/bgButton.png) no-repeat left top;
}

li.listings,
    ul#listings li
{
    background      : transparent url(images/bgListings.png) repeat-y left top;
    color           : #2B394F;
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

a.buttonList,
    ul.buttonList li a
{
    font-weight     : bold;
}

a.ulrecentListings,
ul#recentListings a,
ul#recentListings a:hover,
ul#recentListings a:visited
{
    color           : White;
}


/*___ TABLE _________________________________________________________________*/

table.listings,
    ul#listings li table,
    ul#listings li table tbody,
    ul#listings li table tbody tr,
    ul#listings li table tbody tr th,
    ul#listings li table tbody tr td
{
    border          : none;
}

table.detailBox,
    div#detailBox table,
    div#detailBox table tbody,
    div#detailBox table tbody tr,
    div#detailBox table tbody tr th,
    div#detailBox table tbody tr td
{
    border          : none;
}



/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/


img#house
{
    border-bottom   : solid 3px White;
}

img.content_sub,
    div#content_sub img
{
    border          : solid 1px White;
}

img.listings,
    ul#listings li img
{
    border          : solid 1px #A7AAA6;
}



/*___Group/Section/Class_________________________________________________________________*/

