body {
    margin: 0;
    color: #455a70;
    font-family: Trebuchet, "Trebuchet MS", Verdana, Sans-Serif;
}

a { color: #FC8624; text-decoration: none; }

a:hover { text-decoration: underline; }

a img { border: none; }

h1, h2, h3, h4, h5, p { margin: 0; }

.clear { clear: both; }

#container {
    width: 740px;
    margin: auto; padding: 0 20px;
    background: #fff url(images/container_bg.gif) repeat-y;
}

#header {
    height: 96px;
    padding: 4px 10px 10px;
    border-bottom: solid 10px #3E8AE5; 
    background: #7BBAFF url(images/newback.gif); 
    background-repeat:no-repeat;
    /** background: #66ABFF url(images/header_grad.gif) repeat-x; **/
}
/**
#header h1 a {
    display: block;
    float: left;
    width: 170px; height: 96px;
    background: url(images/logo.gif) no-repeat;
}
**/

#header h1 a {
    display: block;
    float: left;
	margin-left:-10px;
	margin-top: 20px;
    width: 175px; height:  81px;
    background: url(images/remaxlogo.png) no-repeat;
}

#header h1 span {
    position: absolute; left: -999em;
}

#address {
    float: right;
    margin-top: 6px; padding: 10px;
    background: url(images/address_bg.gif) no-repeat;
}

#header p {
    margin-bottom: 5px;
    font-size: 10px; line-height: 1.2em;
    color: #fff;
}

#header a {
    color: #fff;
    text-decoration: none;
}

#header a:hover { text-decoration: underline; }

/*** Nav ***/

#nav {
    height: 28px;
    margin: 0 0 10px; padding: 0;
    list-style: none;
    border-top: solid 1px #D3E7FE;
    border-bottom: solid 1px #639CE0;
    background: #fff url(images/nav_bg.gif) repeat-x;
}

#nav li {
    float: left;
}

#nav a {
    display: block;
    width: 102px; height: 24px;
    padding-top: 4px;
    border-right: solid 1px #D3E7FE;
    border-left: solid 1px #639CE0;
    color: #fff;
    font-weight: bold; text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

#nav a:hover {
    background: #62A9FF;
    border-right: solid 1px #62A9FF;
}

#nav a.active {
    background: #3E8AE5;
    border-right: solid 1px #3E8AE5;
    border-left: solid 1px #3E8AE5;
}

#search_container #main_image {
    float: right;
    margin: -43px -20px -49px 0;
}

#search_container h2 {
    font-size: 26px; line-height: 1.0em;
    color: #3e8ae5 /*Blue*/
}

#search_container {
    margin-top: 10px; padding: 10px;
    background: #dcedff;
    border: solid 1px #cbd4df;
}

#search_container h4 {
    padding: 3px 0 4px;
    font-size: 12px; font-weight: bold; line-height: 1.0em;
}

#search_container h4.advanced {
    width: 290px;
    text-align: right;
}

#search {
    width: 395px;
    padding-bottom: 10px;
    border-bottom: solid 4px #dcedff;
}

#browse {
    width: 395px;
    padding: 10px 0 20px;
    font-size: 14px; font-weight: bold; line-height: 1.0em;
}

#browse h2 {
    padding-bottom: 5px;
}

#browse ul {
    height: 20px;
    margin: 0; padding: 0;
    list-style: none;
    clear: left;
}

#browse li {
    float: left;
    padding: 3px 0;
}

#browse a {
    display: block;
    padding: 0 8px;
    color: #3e8ae5;
    border-left: solid 1px #3e8ae5;
}

#browse li.first a {
    padding-left: 0;
    border-width: 0;
}



/*** Inputs ***/

fieldset {
    margin: 0; padding: 10px;
    border-width: 0;
    background: url(images/fieldset_grad.gif) repeat-x;
}

.input_border  {
    width: 286px;
    border: 3px solid #dcedff; /* light blue */
}

.input_container {
    position: relative;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #3e8ae5;
}

.input_hider {
    height: 1.2em;
    overflow: hidden;
}

.input_text {
    width: 276px;
    margin: 0;
    border-width: 0;
    font-family: Helvetica, Arial, Sans-Serif; font-size: 14px; font-weight: bold;
    color: #3e8ae5;
}

.input_image {
    float: right;
}


/* Content */

h3 {
    padding: 20px 0 2px;
    font-size: 26px; font-weight: normal; line-height: 1.0em;
    color: #97a4b1 /*Grey*/
}

h3.right {
    float: right;
    width: 300px;
}

#featured, #map {
    border-top: solid 2px #dcedff;
    border-bottom: solid 4px #f1f1f1;
}

#featured {
    width: 420px;
}

#featured .property {
    padding: 10px 10px 0;
    background-color: #f0f7fe;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #cbd4df;
}

#featured h2.price {
    float: right;
    font-size: 22px; line-height: 1.0em;
    color: #3e8ae5 /*Blue*/
}

.img_container {
    float: left;
    margin-bottom: 4px; padding: 6px 7px 8px;
    background: url(images/img_container_s.gif) no-repeat;
}

#featured .summary {
    float: left;
    padding-left: 10px;
    font-size: 12px; line-height: 1.3em;
}

#featured .summary strong {
    display: block;
}

#featured .more_info {
    clear: left;
    margin: 0 -10px; padding: 2px 10px;
    text-align: right;
    font-size: 12px; line-height: 1.0em;
    background-color: #dcedff;
}

#map1 {
    float: right;
    clear: right;
    width: 280px; height: 334px;
    padding: 10px;
    background: #f0f7fe url(/images/map_bg.gif) repeat-x;
    color: #3e8ae5;
}

.map_container {
    border: solid 1px #cbd4df;
}

#map1 h4 {
    margin: 4px 0;
}

#map1 ul {
    margin: 0; padding: 0;
    list-style: none;
    font-size: 12px; font-weight: bold;
}

#map1 li {
    float: left;
}

#map1 li a {
    display: block;
    width: 140px;
}

/*** SubNav ***/

#subnav {
    padding-bottom: 40px;
}

#subnav ul {
    width: 179px;
    margin: -1px 0 0; padding: 0;
    list-style: none;
    font-size: 12px; line-height: 1.0em; font-weight: bold; text-transform: none;
}

#subnav .search_container li {
    margin-bottom: 8px;
}

#subnav h2 {
    width: 163px;
    margin: 20px 0 0; padding: 5px 8px 7px;
    font-size: 16px; line-height: 1.0em; text-transform: uppercase;
    color: #3E8AE5;
    /*border-top: solid 1px #CBD4DF;*/
    border-bottom: solid 1px #CBD4DF;
}

#subnav ul a {
    display: block;
    padding: 5px 8px;
    color: #3E8AE5;
    border-top: dotted 1px #CBD4DF;
}

#subnav ul a:hover {
    color: #FC8624;
}

#subnav ul ul {
    margin: 0; padding: 0 0 4px;
    list-style: none;
    font-size: 11px; line-height: 12px; font-weight: normal; text-transform: none;
}

#subnav ul ul li {
    padding-left: 0;
    border-bottom-width: 0;
}

#subnav ul ul.two_col li {
    float: left;
    width: 50px;
}

#subnav ul ul a {
    padding: 2px 8px 2px 20px;
    border-top: none;
    color: #455a70;
}

#subnav ul a.active {
    padding-left: 20px;
    background: url(images/subnav_active.gif) 8px 7px no-repeat;
    color: #FC8624;
}

#subnav .listbox {
    width: 179px;
    margin: 1px 0; padding-left: 3px;
    border: solid 1px #CBD4DF;
    border-right: 0;
}

#subnav .input {
    width: 179px;
    margin: 1px 0; padding-left: 3px;
    border: solid 1px #CBD4DF;
}

#subnav .city_input {
    width: 174px;
}


/*** Content ***/

#content {
    float: right;
    width: 540px;
    margin-bottom: 20px;
    font-size: 16px;
}

#content h3 {
    margin: 8px 0 0; padding: 0;
}

#content h4 {
    margin: 4px 0 1px;
    font-size: 16px; line-height: 1.2em;
}

#content ul.tight {
    margin: 0; padding: 0;
    list-style: none;
    font-size: 14px; line-height: 1.3em;
}

#content a.active { 
    padding-left: 12px;
    background: url(images/subnav_active.gif) 0 6px no-repeat;
}

#content h5 {
    margin: 1.2em 0;
    font-size: 16px; line-height: 1.2em;
}

#content p, #content ul, #content ol {
    margin: 1.6em 0;
    font-size: 12px; line-height: 1.6em;
}

/*** Properties Display ***/

#content h4.property_list { padding: 10px; font-size: 11px; border: solid 1px #CBD4DF; background: url(images/property_list_head_grad.gif) repeat-x; }
h4.property_list em { font-weight: normal; font-style: normal; }

table.property_list {
    width: 540px;
    margin-top: -1px;
    border-right: solid 1px #CBD4DF;
    border-left: solid 1px #CBD4DF;
}

table.property_list th, table.property_list td {
    padding: 10px;
    border-bottom: solid 1px #CBD4DF;
    text-align: left; vertical-align: top;
    font-size: 12px; font-weight: normal;
}

.property_list .img_container { padding-right: 14px; }

.property_list .img_container img {
    margin-left: 0;
}

.property_list .img_container img, #property_display .img_container img {
    width: 118px; height: 70px;
}

.property_list .img_container a {
    display: block;
    height: 70px;
}

a.mls { font-size: 14px; }

.property_img a.new {
    background: url(images/new_banner.gif) no-repeat;
}

table.property_list td img {
    margin-left: 5px;
}

table.property_list th em {
    font-size: 14px;
}

table.property_list th em, table.property_list td em {
    display: block;
    font-style: normal; line-height: 1.3em;
}

#content table.property_list td {
    text-align: left;
}

#content table.property_list td h4 {
    clear: right;
    margin: 0;
    font-size: 18px;
}

table.property_list tr.odd th, table.property_list tr.odd td {
    background-color: #f0f7fe;
}

tr.page td a, tr.page td span {
    margin-right: 5px; padding: 3px 8px;
    border-style: solid;
    border-width: 1px;
    font-size: 11px; font-weight: bold;
}

tr.page td span {
    background-color: #fff;
    border-color: #97a4b1;
}

tr.page td a {
    border-color: #CBD4DF;
    background-color: #f0f7fe;
    color: #3e8ae5;
}

tr.page td a:hover {
    border-color: #3e8ae5;
    color: #fff;
    background-color: #3e8ae5;
    text-decoration: none;
}


/*** Property Display ***/

#property_display {
    margin: 4px 0 10px; padding: 10px;
    border: solid 1px #CBD4DF;
    background-color: #f0f7fe;
    font-size: 12px;
}

#property_display .main {
    padding: 10px 0;
}

#property_display .panel {
    clear: left;
    padding: 10px 0;
    border-top: solid 1px #CBD4DF;
}

#property_display .panel h4 {
    padding-bottom: 3px;
}

#property_display .img_container {
    padding-right: 18px;
}

#property_display .main h4 {
    margin: 0;
    font-size: 20px;
}

#property_display .main h4.mls {
    font-size: 12px;
}

#property_display .main h5 {
    margin: 0;
    font-size: 26px;
    color: #3e8ae5;
}

#property_display .prop_info {
    float: left;
    width: 248px;
    padding-right: 20px;
    text-align: left;
}

#property_display .prop_info .subhead {
    font-size: 16px;
    color: #97a4b1;
}


/*** Agent Display ***/

#agent_display {
    margin: 4px 0 10px; padding: 10px;
    border: solid 1px #CBD4DF;
    background-color: #F6F9F8;
    font-size: 12px;
}

#agent_display .main {
    padding: 10px 0;
}

#agent_display .img_container {
    width: 64px;
    padding-right: 10px;
    background-image: url(images/img_container_agent.gif);
}

#agent_display .main h4 {
    margin: 0;
    font-size: 20px;
}

#agent_display .main h4.mls {
    font-size: 12px;
}

.agent_info th, .agent_info td {
    padding: 0 20px 0 0;
    text-align: left;
}

#agent_display .panel {
    padding: 10px 0;
    border-top: solid 1px #CBD4DF;
}

#agent_display #first_panel {
    border-top: none;
}

#agent_display a { color: #FC8624; text-decoration: none; }

#agent_display a:hover { text-decoration: underline; }

/*** Footer ***/

#footer {
    clear: both;
    height: 300px;
    margin: 20px -10px 0; padding: 20px 20px 40px;
    background-color: #f0f7fe; /* really light blue */
    color: #3e8ae5;
    border-top: solid 4px #dcedff;
    font-size: 12px;  line-height: 1.0em;
}

#footer h5 {
    width: 78px;
    font-size: 12px; line-height: 1.0em;
    text-align: right;
    color: #455a70;
}

#footer ul {
    clear: left;
    margin: 0; padding: 0;
    list-style: none;
}

#footer li {
    float: left;
    padding: 0 0 5px;
}

#footer a {
    display: block;
    padding: 0 6px 0 8px;
    color: #3e8ae5;
    background: url(images/middot.gif) 0 5px no-repeat;
}

#footer h5 a {
    color: #455a70;
    border-right: solid 1px #455a70;
    background-image: none;
}

#footer .first a {
    background-image: none;
}

#sub_footer {
    clear: both;
    padding: 20px 0 0;
    text-align: center;
    color: #455a70;
}



#subnav p {
    font-size: 11px;
    width: 168px;
    margin: 8px 0; padding-left: 8px;
}

#content .disclaimer p {
    font-size: 10px;
}

table.request {
    border-top: solid 1px #f0f7fe;
}

table.request td, table.request th {
    padding: 5px 8px;
    border-bottom: solid 1px #f0f7fe;
    vertical-align: top;
}

table.request th {
    text-align: left;
    font-size: 12px;
    width: 150px;
}

table.request tr.button td {
    text-align: center;
    padding: 10px;
}