/* apply to all the elements */

* { margin: 0; padding: 0 }

/* body and elements */

body
{
    font-size: 62.5%;
    font-family: Arial, Sans-Serif;
    background: url(../images/page_bg.gif) repeat;
    color: #837343;
}
img
{
    border: none;
}
h2
{
    font-size: 2em;
    font-weight: bolder;
    display: block;
    margin-bottom: 0;
    color: #EDE8DC;
}

h2.style1
{
	margin-left:12px;
}

p
{
    font-size: 1.2em;
    display: block;
    margin-bottom: 15px;
}

/* wrappers, ideed elements and classes */
#home-wrapper
{
	width: 914px;
    margin: 0 auto;
    background: url(../images/wrapper_bg.gif) repeat-y;
    overflow: hidden;
}
#home-wrapper-bottom
{
    width: 914px;
    height: 6px;
    background: url(../images/home_wrapper_bottom.gif) no-repeat;
    margin: 0 auto 20px;
}
#top-bar
{
    width: 902px;
    height: 13px;
    background: url(../images/top_bar.gif) no-repeat;
    margin: 0 auto;
}
#black-bar
{
    width: 902px;
    background: #454D57;
    margin: 0 auto;
    overflow: hidden;
}
#logo
{
    width: 247px;
    height: 26px;
    float: left;
    margin-left: 10px;
}
#global-nav
{
    float: right;
    overflow: hidden;
}
#global-nav ul, #global-nav li
{
    list-style: none;
}
#global-nav ul
{
    margin-right: 30px;
}
#global-nav li
{
    display: inline;
    margin-right: 20px;
}
#global-nav ul li a
{
    color: #fff;
    font-size: 1.2em;
    line-height: 26px;
    font-weight: bold;
    text-decoration: none;
}
#global-nav ul li a:hover
{
    color: #FED202;
}
#global-nav ul li a.active
{
    color: #FED202;
    background: url(../images/top_active_link_bg.gif) no-repeat 50% 100%;
}
#yellow-bar
{
    width: 902px;
    margin: 0 auto;
    background: #FED202;
    overflow: hidden;
}
#yellow-bar .line
{
    display: block;
    border-top: solid 1px #FED202;
}
#home-content-wrapper /* contains absolutely positioned element taleof2houses image */
{
    width: 902px;
    height: 642px;
    margin: 0 auto;
    background: url(../images/home_bg.jpg) no-repeat left top;
    position: relative;
    overflow: hidden;
}
#home-content-container
{
    position:relative;
	width: 902px;
    height: 474px;
    overflow: hidden;
}
#home-content-container #phone-num
{
	position:absolute;
	top:2px;
	right:20px;
}
#home-content-container #phone-num h2
{
	text-align:right;
	font-size:31px;
	color:#cabe9a;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#home-content-container h1
{
    display: block;
    font-size: 4em;
    color: #C2BDB4;
    margin-bottom: 0;
    margin-left: 10px;
}
#bottom-navigation-container /* contains absolute positioned elements greenleaf and blogzone */
{
    width: 902px;
    height: 28px;
    padding-top: 28px;
    padding-bottom: 16px;
    background: url(../images/transparent_container_bg.gif) no-repeat left bottom;
    position: relative;
    overflow: hidden;
}
#bottom-navigation-container h2
{
    font-size: 1.2em;
    color: #FED202;
    margin-bottom: 0;
    position: absolute;
    top: 11px;
    left: 70px;
}
#bottom-navigation-container img.green-leaf
{
    width: 47px;
    height: 56px;
    position: absolute;
    top: 0;
    left: 10px;
}
#bottom-navigation-container #texture-bar-container
{
    width: 902px;
    height: 28px;
    background: url(../images/texture_bar_bg.gif) repeat-x left top;
    overflow: hidden;
}
#texture-bar-container #blogs-list 
{
    float: left;
    overflow: hidden;
}
#blogs-list ul, #blogs-list li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#blogs-list ul
{
    margin-top: 4px;
    margin-left: 70px;
    float: left;
}
#blogs-list li
{
    display: inline;
    padding-right: 30px;
    border-right: solid 2px #6B5636;
    margin-right: 30px;
}
#blogs-list li.last
{
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}
#blogs-list ul li a
{
    font-size: 1.2em;
    color: #543C1E;
    text-decoration: none;
    font-weight: bold;
    line-height: 20px;
}
#blogs-list ul li a:hover
{
    color: #FED202;
}
#texture-bar-container #bottom-logos-container
{
    width: 262px;
    height: 28px;
    float: right;
    background: url(../images/bottom_logos_bg.png) no-repeat left top;
    overflow: hidden;
}
#bottom-logos-container ul, #bottom-logos-container li
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#bottom-logos-container ul
{
    margin-top: 1px;
    margin-left: 30px;
}
#bottom-logos-container li
{
    float: left;
    margin-right: 10px;
    border: none;
    overflow: hidden;
}
#bottom-logos-container ul li a
{
    display: block;
    height: 24px;
}
#bottom-logos-container ul li a.caps
{
    width: 24px;
    background: url(../images/caps_logo.png) no-repeat left top;
}
#bottom-logos-container ul li a.nari
{
    width: 31px;
    background: url(../images/nari_logo.png) no-repeat left top;
}
#bottom-logos-container ul li a.bbb
{
    width: 23px;
    background: url(../images/bbb_logo.png) no-repeat;
}
#bottom-logos-container ul li a.hba
{
    width: 34px;
    background: url(../images/hba_logo.png) no-repeat;
}
#bottom-logos-container ul li a.cm
{
    width: 27px;
    background: url(../images/cm_logo.png) no-repeat;
}
#bottom-logos-container ul li a.agb
{
    width: 24px;
    background: url(../images/agb_logo.png) no-repeat;
}
#bottom-logos-container ul li a:hover.caps,
#bottom-logos-container ul li a:hover.nari,
#bottom-logos-container ul li a:hover.bbb,
#bottom-logos-container ul li a:hover.hba,
#bottom-logos-container ul li a:hover.cm,
#bottom-logos-container ul li a:hover.agb
{
    background-position: left -25px;
}
#home-bottom-container 
{
    width: 902px;
    height: 86px;
    background: url(../images/home_bottom_container_bg.gif) no-repeat;
    overflow: hidden;
}
#home-bottom-container p
{
    width: 710px;
    font-family: Georgia, Serif;
    font-size: 1.1em;
    color: #fff;
    margin: 7px 0 20px 10px;
}
#home-content-wrapper .tale-of-houses
{
    width: 175px;
    height: 90px;
    position: absolute;
    top: 542px;
    right: 0;
}