/* load fonts */

@font-face {
   font-family: 'CartoGothicStdBook';
   src: url('/fonts/CartoGothicStd-Book-webfont.eot');
   src: local('☺'), url('/fonts/CartoGothicStd-Book-webfont.woff') format('woff'), url('/fonts/CartoGothicStd-Book-webfont.ttf') format('truetype'), url('/fonts/CartoGothicStd-Book-webfont.svg#webfontTH20CnY4') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'CartoGothicStdBold';
   src: url('/fonts/CartoGothicStd-Bold-webfont.eot');
   src: local('☺'), url('/fonts/CartoGothicStd-Bold-webfont.woff') format('woff'), url('/fonts/CartoGothicStd-Bold-webfont.ttf') format('truetype'), url('/fonts/CartoGothicStd-Bold-webfont.svg#webfontuvgRkG9V') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'DejaVuSansBook';
   src: url('/fonts/DejaVuSans-webfont.eot');
   src: local('☺'), url('/fonts/DejaVuSans-webfont.woff') format('woff'), url('/fonts/DejaVuSans-webfont.ttf') format('truetype'), url('/fonts/DejaVuSans-webfont.svg#webfont1VsYjV21') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'DejaVuSansOblique';
   src: url('/fonts/DejaVuSans-Oblique-webfont.eot');
   src: local('☺'), url('/fonts/DejaVuSans-Oblique-webfont.woff') format('woff'), url('/fonts/DejaVuSans-Oblique-webfont.ttf') format('truetype'), url('/fonts/DejaVuSans-Oblique-webfont.svg#webfontJqaNQmGp') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'DejaVuSansCondensed';
   src: url('/fonts/DejaVuSansCondensed-webfont.eot');
   src: local('☺'), url('/fonts/DejaVuSansCondensed-webfont.woff') format('woff'), url('/fonts/DejaVuSansCondensed-webfont.ttf') format('truetype'), url('/fonts/DejaVuSansCondensed-webfont.svg#webfontxIcLJ5hx') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'DejaVuSansCondensedBold';
   src: url('/fonts/DejaVuSansCondensed-Bold-webfont.eot');
   font-weight: normal;
   src: local('☺'), url('/fonts/DejaVuSansCondensed-Bold-webfont.woff') format('woff'), url('/fonts/DejaVuSansCondensed-Bold-webfont.ttf') format('truetype'), url('/fonts/DejaVuSansCondensed-Bold-webfont.svg#webfont8DaCTbJr') format('svg');
   font-style: normal;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
   display: block;
}
body {
   line-height: 1;
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}

/*------------------------------------------------------------
   GLOBAL
------------------------------------------------------------*/
body {
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 1.5;
   color: #464646;
   background-color: #5a6378;
   background-image: url(/graphics/header-background.png);
   background-repeat: repeat-x;
   /*background: -moz-linear-gradient(center top, #0A1117 200px, #5A6378 400px);*/
   /*background: -webkit-gradient(linear, 50% 10%, 50% 45%, from(#0a1117), to(#5a6378));*/
   position: relative;
}

b {
   font-weight: bold;
}

i {
   font-style: italic;
}

#footer-bg {
   width: 100%;
   height: 360px;
   background-image: url(/graphics/footer-background.png);
   background-repeat: repeat-x;
   background-position: 0 14px;
   /*background: linear-gradient(50% 0%, #5a6378, #282c35);
   background: -moz-linear-gradient(50% 0%, #5a6378, #282c35);
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, from(#5a6378), to(#282c35));*/
   position: absolute;
   bottom: -2px;
   z-index: -1;
}

a:link, a:visited { color: #006bb7; text-decoration: none; }
a:hover, a:active { color: #006bb7; text-decoration: underline; }

h1, h2, h3, h4, h5, h6, address {
    font-family: Helvetica, Arial, sans-serif;
}

h1 { font-size: 2em; line-height: 1.0833em; font-weight: normal; color: #d46c14; margin: 0 0 0.625em 0;}
h2 { font-size: 1.5em; line-height: 1.111em; font-weight: normal;  color: #31587e; margin: 1.0em 0 0.5em 0; }
h3 { font-size: 1.333em; line-height: 1.125em; font-weight: bold;  color: #31587e; margin: 1.0em 0 0.5em 0; }
h4 { font-size: 1.083em; }
h5 { font-size: 1.083em; }
h6 { font-size: 1.083em; }

label { font-size: 1.0em; }
legend { font-size: 1.0em; }

p {
   margin: 1.5em auto;
   color: #323232;
   padding: 0;
}

ul { margin-bottom: 10px; }

ol {
   list-style-type: decimal;
   margin-bottom: 10px;
}

li { }

p + ol, p + ul {
   margin-top: -.5em;
}

hr { margin: 10px 0; }

small {
   font-size: 0.833em;
}

input[type=text]:focus {
   background-color: #fffaeb;
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.bold { font-weight: bold; }
.imageRight { margin: 0px 0 10px 20px; float: right; }
.imageLeft { margin: 0px 20px 10px 0; float: left; }
.divider { padding: 0 10px; }
.results-divider { padding: 0 16px 0 11px; }
sup.reg {font-size: 0.9em; line-height: 1.3em; vertical-align: top; font-weight: bold;}
.underline { text-decoration: underline; }
.asterik { font-size: 2.2em; line-height: 0.8em; display: block; float: left; margin-right: 2px; }
.asterik:hover { text-decoration: none; }
.small-text { font-size: 1.0em; }
.medium-text { font-size: 1.5em; line-height: 1.6em; }
.large-text { font-size: 1.7em; line-height: 1.8em; }
.warning, .error { color: red; }
.grar-logo-bg { background: url(/graphics/bg-content.png) #fff bottom no-repeat; }
.blue-bg { background-color: #0076c1; }
.dkblue { color: #004f9b; }

.page-icon {
   display: inline-block;
   text-indent: -99999px;
   background-repeat: no-repeat;
   width: 21px;
   height: 21px;
   margin-top: -2px;
   background-image: url(/graphics/grar-sprites.png);
}

.prev-icon {
   background-position: -10px -854px;
   margin-right: 5px;
}

.next-icon {
   background-position: -10px -894px;
   margin-left: 5px;
}

/* Button Styles */ 
.button {
   display: inline-block;
   font-family: 'CartoGothicStdBold', Arial, sans-serif;
   font-size: 1.083em;
   padding: 5px 10px;
   text-align: center;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
   -moz-box-shadow: 0 0 2px rgba(0,0,0,0.3) inset;
   -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3) inset;
   box-shadow: 0 0 2px rgba(0,0,0,0.3) inset;
   border: 1px solid rgba(0,0,0,0.2);
}

.button:hover {
   text-decoration: none;
   cursor: pointer;
}

a.contact-button {
   color: #fff;
   background-color: #0063a9;
   background-image: -moz-linear-gradient(center top , #0081c4 14px, #006fb4 1px, #0063a9 15px);
   background-image: -webkit-gradient(linear, center top, center bottom, color-stop(40%, #0081c4), color-stop(41%, #006fb4), color-stop(42%, #0063a9));
   width: 176px;
}

a.contact-button:hover {
   color: #fff;
   background-color: #f56611;
   background-repeat: repeat-x;
   background-image: -moz-linear-gradient(center top , #f56611 14px, #e1580d 1px, #c34306 15px);
   background-image: -webkit-gradient(linear, center top, center bottom, color-stop(40%, #f56611), color-stop(41%, #e1580d), color-stop(42%, #c34306));
}

a.gray-button {
   color: #323232;
   background-color: #f0f0f0;
   background-image: -moz-linear-gradient(center top , #f0f0f0 40%, #dedede 41%, #d2d2d2 42%);
   background-image: -webkit-gradient(linear, center top, center bottom, color-stop(40%, #f0f0f0), color-stop(41%, #dedede), color-stop(42%, #d2d2d2));
}

a.gray-button:hover {
   background-color: #fff1c2;
   background-image: -moz-linear-gradient(center top , #fff1c2 40%, #fde0a0 41%, #fbd58a 42%);
   background-image: -webkit-gradient(linear, center top, center bottom, color-stop(40%, #fff1c2), color-stop(41%, #fde0a0), color-stop(42%, #fbd58a));
}

a.black-button, .black-button {
   color: #ffffff;
   border: 0px solid #5b5b5b;
   background-color: #000;
   background-image: -moz-linear-gradient(center top , #2d2d2d 46%, #131313 47%);
   background-image: -webkit-gradient(linear, center top, center bottom, color-stop(46%, #2d2d2d), color-stop(47%, #131313));
   -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
   -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.5) inset;
   box-shadow: 0 1px 1px rgba(255,255,255,0.5) inset;
   position: relative;
}

.add-button, .remove-button {
   width: 176px;
}

.button-icon {
   background-image: url(/graphics/grar-sprites.png);
   display: block;
   width: 18px;
   height: 18px;
}

.button-icon.right {
   margin-left: 10px;
}

.button-icon.left {
   margin-right: 10px;
}

.dkgray-button-icon {
   background-position: -10px -729px;
}

.ltgray-button-icon {
   background-position: -10px -690px;
}

.dd-button-icon {
   background-position: -9px -439px;
}

.remove-button {
   background-color: #3279c8;
   border: 1px solid #d6d4d3;
}

a.map-button {
   display: block;
   width: 176px;
   margin-top: 5px;
}

.submit {
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.6) inset;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.6) inset;
  box-shadow: 0 0 3px rgba(0,0,0,0.6) inset;  
  border: 0 solid #01467C;
  color: #fff;
  text-align: left;
  font-weight: bold;
  outline: none;
}

.quick-submit {
   font-family: 'CartoGothicStdBold', Arial, sans-serif;
   font-size: 1.5em;
   font-weight: normal;
   background-position: 74px -649px;
   background-position: 74px -649px, 0 13px;
   background-repeat: no-repeat;
   padding: 1px 0px 3px 6px;
   width: 105px;
   height: 30px;
   margin-right: 15px;
   background-color: #013768;
   background-image: url("/graphics/grar-sprites.png");
   background-image: url("/graphics/grar-sprites.png"), -moz-linear-gradient(center top , #013768, #014579 44%, #025b93);
   background-image: url("/graphics/grar-sprites.png"), -webkit-gradient(linear, center top, center bottom, color-stop(0, #013768),color-stop(1, #025B93)); /* Saf4+, Chrome */
}

.find-sold-price {
   font-family: 'CartoGothicStdBold', Arial, sans-serif;
   font-size: 1.083em;
   font-weight: normal;
   background-position: 98px -649px, 0 13px;
   padding: 1px 0px 3px 6px;
   width: 130px;
   height: 30px;
   margin-right: 15px;
   background-color: #013768;
   background-image: url("/graphics/grar-sprites.png");
   background-image: url("/graphics/grar-sprites.png"), -moz-linear-gradient(center top , #0f9dda, #068cc9 44%, #0080be);
   background-image: url("/graphics/grar-sprites.png"), -webkit-gradient(linear, center top, center bottom, color-stop(0, #013768),color-stop(1, #0080be)); /* Saf4+, Chrome */
}

.update-mls {
  background-position: 49px -652px, 0 9px;
  padding: 1px 0px 3px 6px;
  width: 80px;
  font-size: 1em;
  line-height: 17px;
  background-color: #013768;
  background-image: url("/graphics/grar-sprites.png");
  background-image: url("/graphics/grar-sprites.png"), -moz-linear-gradient(center top , #013768, #014579 44%, #025b93);
  background-image: url("/graphics/grar-sprites.png"), -webkit-gradient(linear, center top, center bottom, color-stop(0, #013768),color-stop(1, #025B93)); /* Saf4+, Chrome */
}

.update-search {
   background-position: 149px -477px, 0 12px;
   padding: 2px 0px 4px 10px;
   font-size: 1.25em;
   line-height: 20px;
   width: 190px;
	margin-top: 20px;
   background-color: #013768;
   background-image: url("/graphics/grar-sprites.png");
   background-image: url("/graphics/grar-sprites.png"), -moz-linear-gradient(center top , #013768, #014579 44%, #025b93);
   background-image: url("/graphics/grar-sprites.png"), -webkit-gradient(linear, center top, center bottom, color-stop(0, #013768),color-stop(1, #025B93)); /* Saf4+, Chrome */
}

.submit:active {
   outline: none;
}

.submit:hover {
   color: #fff;
   cursor: pointer;
}

.gr-button a {
   font-family: 'DejaVuSansCondensedBold', Arial, sans-serif;
   background-image: url(/graphics/gr-button.png);
   text-align: center;
   width: 152px;
   height: 157px;
   margin: 1.5em 18px 0 0;
   padding: 20px 0 0 0;
   float: left; 
   display: block;
   color: #4b4b4b;
   font-size: 1.4166em;
}

.gr-button a img {
   display: block;
   margin: 25px auto 0 auto;  
}

.gr-button a:hover {
   background-image: url(/graphics/gr-button-active.png);
   text-decoration:none;
}
/*------------------------------------------------------------
   Layouts
------------------------------------------------------------*/
#page-wrapper {
   width: 960px;
   margin: 0 auto -23px auto;
   padding: 0;
}

#content-wrapper {
   -moz-box-shadow: 0px 20px 70px 1px rgba(0,0,0,0.7);
   -webkit-box-shadow: 0px 20px 70px  1px rgba(0,0,0,0.7);
   box-shadow: 0px 20px 70px 0px rgba(0,0,0,0.6);
   position: relative;
   z-index: 0;
   min-height: 500px;
}

.home-wrapper {
   overflow: visible;
}

.sub-wrapper {
   float: left;
}

#content-wrapper ul {
   list-style-type: disc;
}

#content-wrapper ol {
   margin-left: 20px;
}

#content-wrapper ul {
   margin-left: 15px;
}

#content-wrapper li {
   font-size: 1.0em;
}

#content-wrapper li ul {
   margin-bottom: 0;
}

#content-wrapper li ul li {
   font-size: 1.0em;
   margin-left: 20px;
}

/*------------------------------------------------------------
   Sidebar
------------------------------------------------------------*/
#page-sidebar {
   width: 220px;
   float: left;
   margin-right: -220px;
   position: relative;
   background-color: #0076c1;
}

#page-sidebar img {
   margin-left: 20px;
   margin-bottom: 20px;
}

.sidebar-hr {
  background-image: url("/graphics/grar-sprites.png");
  background-position: -10px -1464px;
  height: 6px;
  margin: 20px 0;
  width: 220px;
  border: none;
}

/*------------------------------------------------------------
   Multi-Column Layouts
------------------------------------------------------------*/
#column-wrapper {
   width: 680px;
   padding: 55px 30px 40px 30px;
   background-position: -220px bottom;
   overflow: auto;
   min-height: 500px;
   border-left: 220px solid #0076c1;
   float: left;
}

.column-full {
   padding: 20px 30px 40px 30px;
}

.column-small {
   width: 220px;
}

.column-medium {
   width: 325px;
}

.column-large {
   width: 430px;
}

/*------------------------------------------------------------
   header
------------------------------------------------------------*/
#header {
   width: 960px;
   height: 230px;
   padding: 0;
   margin: 0 auto;  
   position: relative;
   overflow: hidden; 
}

#header-logo {
   width: 173px;
   height: 112px;
   display: block;
   background-image: url(/graphics/grar-sprites.png);
   background-position: -10px 0px;
   text-indent: -9999px;
   margin: 30px 0 0 -3px;
   outline: none;
}

#mission-statement {
   font-family: 'DejaVuSansBook', Arial, sans-serif;
   font-weight: normal;
   font-size: 1.333em;
   margin-left: 1px;
   color: #b0e3f7;
   margin-top: 30px;
}

#login-wrapper {
   height: 27px;
   position: absolute;
   top: 0;
   right: 0; 
}

a.login-tab {
   width: 120px;
   text-align: center;
   display: block;
   float: left;
   height: 22px;
   margin-left: 1px;
   font-size: 1.0em;
   padding-top: 6px;
   position: relative;
   z-index: 10;
   color: #fff;
   background-color: #5d758e;
   background: linear-gradient(top, #5d758e, #2c3947 23px);
   background: -moz-linear-gradient(top, #5d758e, #2c3947 23px);
   -pie-background: linear-gradient(top, #5d758e, #2c3947 23px);
   background: -webkit-gradient(linear, center top, center bottom, from(#5d758e), to(#2c3947));
   border-radius: 0 0 7px 7px;
   -moz-border-radius-bottomright: 7px;
   -moz-border-radius-bottomleft: 7px;
   -webkit-border-bottom-right-radius: 7px;
   -webkit-border-bottom-left-radius: 7px;
}

a.login-tab:hover {
   color: #ffffff;
   background-color: #008bce;
   background: linear-gradient(#008bce, #0056ad 70%);
   -pie-background: linear-gradient(#008bce, #0056ad 70%);
   background: -moz-linear-gradient(top, #008bce, #0056ad 23px);
   background: -webkit-gradient(linear, center top, center bottom, from(#008bce), to(#0056ad));
   text-decoration: none;
   cursor: pointer;
}

#guests-online {
   color: #ffe28a;
   font-family: 'CartoGothicStdBook', Arial, sans-serif;
   font-size: 1.6em;
   position: absolute;
   right: 2px;
   top: 42px;
}

.num-guests {
   font-family: 'CartoGothicStdBold', Arial, sans-serif;
}

/*------------------------------------------------------------
   Main Nav
------------------------------------------------------------*/
#main-search-nav-wrapper {
   background-color: #263f5d;
   width: 693px;
   height: 40px;
   padding: 0px 0px 0 22px;
   position: absolute;
   top: 80px;
   right: 0;
}

.search-for {
   font-family: 'DejaVuSansOblique', Arial, sans-serif;
   color: #ffcc56;
   font-size: 1.416em; /* 17px */
   float: left;
   margin-top: 11px;
   margin-right: 5px;
   font-weight: normal;
}

ul#main-search-nav {
   display: block;
   position: absolute;
   right: 0;
   width: 600px;
}

#main-search-nav li {
   float: right;
}

a.search-nav-item {
   display: block;
   height: 33px;
   padding: 7px 24px 0 24px;
   text-align: center;
   font-family: 'CartoGothicStdBook', Arial, sans-serif;
   font-size: 1.583em; /* 19px */
   color: #fff;
   text-decoration: none;
}

a.search-nav-item.selected {
   background-color: #fff; color: #025b93;
}

#main-nav {
   margin: 0;
   padding: 0;
   background-color: #172838;
   width: 715px;
   height: 30px;
   position: absolute;
   top: 122px;
   right: 0;
   overflow: hidden;
}

#main-nav li {
   float: left;
}

a.main-nav-item {
   display: block;
   height: 24px;
   padding: 6px 26px 0 26px;
   text-align: center;
   font-size: 1.0625em;
   color: #fff;
   text-decoration: none;
}

a.main-nav-item.last {
   padding-right: 22px;
}

a.search-nav-item:hover, a.main-nav-item:hover {
   background-color: #025b93;
}

a.main-nav-item.selected {
   background-color: #dfe9f4; color: #025b93;
}

/*------------------------------------------------------------
   Sub Nav
------------------------------------------------------------*/

a#subnav-header {
   background-color: #ff8301;
   color: #fff;
   display: block;
   padding-top: 10px;
   padding-left: 19px;
   height: 30px;
   width: 220px;
   font-size: 1.03125em;
   line-height: 1.0em;
   font-weight: normal;
   margin-left: -19px;
   font-family: 'DejaVuSansCondensed', Arial, sans-serif;
}
.subnav-corner {
   position: absolute;
   left: -19px;
   top: 56px;
   border-style: solid;
   border-width: 0;
   border-top-width: 19px;
   border-color: #9f3e0a transparent transparent transparent;
   border-left-width: 19px;
}

a#subnav-header:hover {
   text-decoration: none;
}

ul.subnav {
   width: 220px;
   margin: 20px 0 60px 0 !important;
   list-style-type: none !important;
}

.subnav li {
   margin: 0 !important;
}

ul.subnav-level2 {
   margin: 0 !important;
   list-style-type: none !important;
}

a.subnav-item {
   display: block;
   padding: 5px 0 5px 20px;
   color: #fff;
}

a.menu1:hover, a.menu1:active { color: #000; background-color: #ffca4a; text-decoration: none; }

a.menu1Sel {
   font-weight: bold;
   background-color: #003b76;
}

a.menu1Sel:hover, a.menu2Sel:hover { text-decoration: none; }

a.menu2 {
   background-color: #0056aa;
   padding-left: 40px;
}

a.menu2:hover, a.menu2:active { color: #000; background-color: #ffca4a; text-decoration: none; }

a.menu2Sel {
   background-color: #dcdcdc;
   padding-left: 40px;
   color:#000;
}

/*------------------------------------------------------------
   Homepage search
------------------------------------------------------------*/

#tabs-background {
  background-color: #272D38;
  height: 12px;
  position: absolute;
  top: 53px;
  width: 351px;
}

#home-quick-search {
   width: 448px;
   height: 350px;
   position: absolute;
   right: -20px;
   top: -53px;
}

ul#quick-search-tabs {
   width: 100%;
   height: 65px;
   display: block;
   margin: 0;
   list-style-type: none;
   position: relative;
   z-index: 2;
}

ul#quick-search-tabs li {
   float: left;
}

a.quick-search-tab {
   width: 109px;
   height: 23px;
   display: block;
   padding-top: 42px;
   font-family: 'CartoGothicStdBook', Arial, sans-serif;
   text-decoration: none;
   margin: 0 4px 0 0;
   color: #fff;
   font-size: 1.166em;
   text-align: center;
   background: url(/graphics/grar-sprites.png) no-repeat #005eb7;
   border-radius: 10px 10px 0 0;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
   -webkit-border-top-left-radius: 10px;
   outline: none;
}

.quick-search-tab.last {
   margin-right: 0px;
}

#home-qs-tab { background-position: 30px -193px; }
#open-qs-tab { background-position: -50px -193px; }
#realtor-qs-tab { background-position: -130px -193px; }
#service-qs-tab { background-position: -210px -193px; }

.quick-search-tab:hover {
   background-color: #008bce;
}

a.quick-search-tab.selected {
   background-color: #008bce;
}

#home-search-content {
   display: block;
}

.quick-search-content {
   width: 381px;
   height: 240px;
   color: #fff;
   padding: 15px 32px 30px 35px;
   background-color: #008bce;
   background: -moz-linear-gradient(50% 10%, #008bce, #0061b3);
   background: -webkit-gradient(linear, 50% 10%, 50% 100%, from(#008bce), to(#0061b3));
   background: linear-gradient(50% 10%, #008bce, #0061b3);
   position: absolute;
   top: 65px;
   display: none;
}

.quick-search-content h3 {
   margin: 0;
   font-size: 2.75em;
   color: #fff;
   font-weight: normal;
   font-family: 'DejaVuSansCondensed', Arial, sans-serif;
}

.quick-search-content .advanced-home-search {
   background-image: url(/graphics/detailed-search-back.png);
   margin: 7px 0px 0px -35px;
   width: 445px;
   height: 58px;
}

.quick-search-content .advanced-home-search .advanced-text {
   font-family: 'CartoGothicStdBold', Arial, sans-serif;
   font-size: 13px; 
   line-height: 16px; 
   margin-left: 35px; 
   padding-top: 13px; 
   width: 145px; 
   float: left;
}

.quick-search-content .advanced-home-search .advanced-button {
   padding-top: 13px; 
   float: left;
}

.quick-search-content input[type="text"] {
   font-size: 1.0833em;
}

#smart-search {
   margin: 20px 0 10px 0;
   width: 360px;
}

#price-options {
   width: 165px;
   float: left;
}

.quick-price {
   width: 75px;
}

#bed-bath-options {
   width: 150px;
   float: right;
}

#bed-bath-options label {
   display: block;
}

.search-submit {
   width: 110px;
   position: absolute;
   top: 225px;
   right: 38px;
}

.search-field {
   float: left;
   margin-right: 25px;
   margin-bottom: 15px;
}

.search-field.last {
   margin-right: 0;
}

.search-field label {
   display: block;
}

.search-field select {
   padding: 2px;
}

.checkboxes {
   margin-top: 15px;
}

.checkboxes label {
   margin-bottom: 5px;
}

#openhouse-dates {
   margin-bottom: 10px;
   margin-top: 5px;
}

a.advanced-link {
   display: block;
   margin-right: 0px;
   margin-top: 5px;
   text-align: center;
   color: #fff !important;
}

.member-search-field {
   margin: 5px 40px 10px 0;
}

.last-name-field {
   float: left;
   clear: both;
   margin-left: 35px;
}

.member-search-field label {
   display: block;
}

.member-submit {
   position: absolute;
   top: 225px;
   right: 28px;
}

#realtor-specialty, #realtor-language {
	width: 122px;
}

#service-office-name {
   width: 360px;
}

/* Homepage */

#ribbon {
   width: 270px;
   height: 180px;
   background-image: url(/graphics/banner-ribbon.png);
   position: absolute;
   top: -13px;
   left: -19px;
   z-index: 2;
}

#home-banner {
   padding: 10px 0 0 10px;
   background-position: 10px 10px;
   background-repeat: no-repeat;
   width: 522px;
   height: 287px;
}

#home-banner p {
   margin: 0;
}

#banner-info-wrapper {
   width: 970px;
   height: 55px;
   margin: 0 0 0 10px;
   background-color: #464646;
   background: -moz-linear-gradient(50% 0%, #464646 30px, #353535);
   background: linear-gradient(50% 0%, #464646 30px, #353535);
   background: -webkit-gradient(linear, 50% 10%, 50% 100%, from(#464646), to(#353535));
   border-bottom-left-radius: 9px;
   -moz-border-radius-bottomleft: 9px;
   -webkit-border-bottom-left-radius: 9px;
   box-shadow: 0px 12px 11px -9px black;
   -moz-box-shadow: 0px 12px 11px -9px black;
   -webkit-box-shadow: 0px 12px 11px -9px black;
   position: relative;
}

.banner-info-corner {
   position: absolute;
   border-style: solid;
   top: 352px;
   right: -20px;
   border-width: 0;
   border-top-width: 20px;
   border-color: black transparent transparent transparent;
   border-right-width: 20px;
}

#banner-info-wrapper h3 {
   color: #e1e1e1;
   margin-bottom: 0;
   float: left;
}

#banner-info {
   position: relative;
   height: 35px;
   width: 508px;
   padding-right: 15px;
   top: 8px;
   border-right: 1px solid #767676;
   float: left;
}

#banner-info-wrapper .black-button {
   margin-top: 3px;
}

#why-west-michigan {
   height: 35px;
   padding-right: 15px;
   position: relative;
   top: 8px;
   float: left;
   width: 429px;
}

#do-you-love {
   font-family: 'CartoGothicStdBold', Arial, sans-serif;
   font-size: 1.416em;
   font-weight: normal;
   color: #fff !important;
   width: 241px;
   height: 26px;
   margin: 0 0 0 15px;
   padding-top: 9px;
   padding-left: 40px;
   background-image: url(/graphics/grar-sprites.png);
   background-position: -10px -551px;
   background-repeat: no-repeat;
}

#reason {
   float: left;
   display: block;
   font-size: 2em;
   font-family: 'DejaVuSansCondensed';
   margin-right: 9px;
   margin-left: 15px;
   margin-top: 8px;
}

.reason-divider {
   float: left;
   color: #828282;
   font-size: 2.2em;
   margin-top: 4px;
}

#reason-title {
   float: left;
   display: block;
   font-size: 2.5em;
   font-family: Helvetica, Arial, sans-serif;
   margin-left: 17px;
   margin-top: 1px;
}

#home-content {
   overflow:auto;
}

.sold-tag {
   width: 90px;
   height: 90px;
   position: absolute;
   top: -10px;
   right: -30px;
   background: url(/graphics/grar-sprites.png) no-repeat;
   background-position: -9px -1193px;   
}

#sold-quick-search {
   width: 500px;
   height: 170px;
   padding: 0 0 0 40px;
   left: -20px;
   padding: 0 0 0 40px;
   position: absolute;
   top: 520px;
   background: -moz-linear-gradient(50% 0%, #dfe9f4 65px, #8ca3c4);
   background: linear-gradient(50% 0%, #dfe9f4 65px, #8ca3c4);
   background: -webkit-gradient(linear, 50% 10%, 50% 100%, from(#dfe9f4), to(#8ca3c4));
   box-shadow: 0px 11px 11px -9px black;
   -moz-box-shadow: 0px 12px 11px -9px black;
   -webkit-box-shadow: 0px 12px 11px -9px black;
   background-color: #dfe9f4;
}

#sold-quick-search h2 {
   color: #0072ca;
   font-size: 2em;
   margin-bottom: 0;
}

#sold-quick-search p {
   font-size: 1.166em;
   margin: 5px 0 25px 0;
}

#street-avm {
   margin-right: 15px;
   width: 300px;
}

.sold-quick-search-corner {
   position: absolute;
   border-style: solid;
   top: 690px;
   left: -20px;
   border-width: 0;
   z-index: -1;
   border-top-width: 20px;
   border-color: #47618e transparent transparent transparent;
   border-left-width: 20px;
}

#rotating-features-wrapper {
   width: 363px;
   height: 175px;
   margin-top: 30px;
   margin-right: 30px;
   float: right;
}

#rotating-features {
   width: 363px;
   height: 155px;
}

#rotating-features p {
   margin: 0;
}

.feature {
   position: absolute;
   display: none;
}

.active-feature {
   display: block;
}

ul#features-nav {
   float: left;
   display: block;
   position: relative;
   left: 50%;
   margin: 12px 0 0 0;
}

#features-nav li {
   float: left;
   list-style-type: none;
   text-align: center;
   position: relative;
   right: 50%;
}

.feature-nav-item {
   display: block;
   border: 1px solid #6a6a6a;
   width: 12px;
   height: 12px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   margin: 0 5px;
   outline: none;
   cursor: pointer;
}

.feature-nav-item:hover, .feature-nav-item.selected {
   background-color: #7d7d7d;
   color: #7d7d7d;
   -moz-box-shadow:inset 0px 0px 0px #7d7d7d;
   -webkit-box-shadow:inset 0px 0px 0px #7d7d7d;
   box-shadow:inset 0px 0px 0px #7d7d7d;
}

#popular-places {
   width: 485px;
   height: 165px;
   margin-top: 235px;
   margin-left: 30px;
   float: left;
}

#popular-places-image 
{
   padding-top: 18px;
   width: 130px;
   float: left;
}

#popular-places-text
{
   float: left;
   width: 355px;
}

#popular-places h2 {
   margin: 14px 0 5px 0;
   color: #0073CB;    
}

#popular-places p {
   font-size: 1.083em;
   margin: 0;
}

#popular-places h3 {
   font-size: 1.0em;
   font-weight: normal;
   margin: 5px 0;
}

#home-realtor-help {
   width: 243px;
   height: 165px;
   padding-left: 125px;
   margin-right: 30px;
   margin-top: 27px;
   float: right;
   background: url(/graphics/grar-sprites.png) no-repeat;
   background-position: -25px -1485px;
}

#home-realtor-help h2 {
   color: #0073cb;
   margin-bottom: 0;
   margin-left: -15px;
   font-weight: normal;
}

#home-realtor-help p {
   margin: 5px 0 12px -15px;
   font-size: 1.0833em;
   line-height: 1.5em;
   color: #505050;
}

.search-realtors-link {
   margin-left: 5px;
}

#home-realtor-help a {
   margin-bottom: 10px;
   font-size: 1.0833em;
}

#home-realtor-help .button {
   margin-top: 17px;
   float: right;
}

.home-ad-space {
   width: 908px;
   margin: 38px 0 0 20px;
   overflow: auto;
	float: left;
}

.home-ad-space a {
   display: block;
   float: left;
   outline: none;
}

.home-ad-space p {
   margin: 0;
}

.home-ad-space a + a {
   float: right;
}

#home-rss {
   width: 900px;
   margin: 25px 0 30px 25px;
   height: 100px;
   float: left;
}

#home-rss p {
   margin: 4px 0 0 0;
   font-size: 1.083em;
}

.rss-header {
   color: #0073cb;
   font-size: 1.416em;
}

a.rss-header-link {
   display: block;
   margin: 0 0 5px 0;
   width: 280px;
   height: 20px;
   padding-left: 30px;
   background-image: url(/graphics/grar-sprites.png);
   background-position: -10px -975px;
   background-repeat: no-repeat;
}

.rss-sub-header {
   margin: 0;
   color: #464646;
   font-size: 1.083em;
   font-weight: normal;
}

/*------------------------------------------------------------
   Property Search Form
------------------------------------------------------------*/
#search-sidebar {
   width: 190px;
   float: left;
   padding: 30px 15px 30px 15px;
   background-color: #0076c1;
   color: #fff;
}

#search-sidebar a {
   color: #fff;
}

#search-sidebar h2 {
   color: #fff;
   font-weight: bold;
}

#search-sidebar h3 {
   color: #fff;
}

#search-sidebar ul {
   margin-left: 0;
}

#search-sidebar .sidebar-hr {
   margin-left: -15px;
}

.refine-search {
   margin-bottom: 0px;
}

.price-dash {
   margin: 0 5px;
}

#mls-search {
   margin-bottom: 20px;
}

#mls-search #mls {
   margin-right: 5px;
}

#mls-search #mls input {
   width: 85px;
}

#mls-label {
   margin-bottom: 3px;
}

.mls-header {
   margin: 0;
   margin-bottom: 7px;
   font-weight: bold;
}

#advanced-search {
   margin-top: -5px;
}

#advanced-search h3 {
   margin-top: 10px;
   margin-bottom: 5px;
}

#advanced-search h4 {
   margin: 10px 0 0 0;
   font-weight: normal;
   font-size: 1.1em;
}

#advanced-search label {
   display: block;
   margin-bottom: 2px;
   margin-top: 2px;
   font-size: 1.0em;
   color: #fff;
}

#top-property-submit {
   margin: 20px 0 10px 0px;
}

#search-sidebar input[type="text"], .quick-search-content input[type="text"], #street-avm {
   margin-left: 0px;
   padding: 3px 5px;
   border: 0px solid #fff;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   -moz-box-shadow:inset 2px 3px 6px -3px #000000;
   -webkit-box-shadow:inset 2px 3px 6px -3px #000000;
   box-shadow:inset 2px 3px 6px -3px #000000;
}

#advanced-search select {
   margin-right: 0px;
   margin-bottom: 3px;
   padding: 1px 0;
}

#advanced-search li {
   font-size: 1.0em;
   display: block;
   margin-bottom: 7px;
   clear: both;
   position: relative;
}

.detail-section {
   margin: 5px 0 10px 0;
   clear: both;
   position: relative;
}

.detail-section-float {
   margin: 0px 0 5px 0;
}

.detail-section select, .detail-section-float select {
   width: 80px;
}

.price {
   width: 60px;
}

#age-label span {
   margin: 0 15px;
}

#age-min, #age-max {
   width: 35px;
}

#propsubtype {
   width: 130px;
}

#new-listings {
   width: 90px;
}

#amenities-search, #location-search, #property-details-search {
   margin-bottom: 20px;
}

#property-details-search #price-min, #property-details-search #price-max {
   width: 70px;
} 

#filters-search input {
   float: left;
   margin: 0 6px 0 0;
}

#garage-type-wrapper {
   height: 38px;
}

#garage-type-wrapper label {
   margin-bottom: 6px;
}

#garage-type-wrapper input {
   margin: 0;
}

#filters-search {
   clear: both;
}

#filters-search ul {
   margin: 10px 0 5px 0;
}

#filters-search li {
   margin-bottom: 10px;
}

#filters-search label {
   cursor: pointer;
   width: 200px;
   margin: 0;
   line-height: 12px;
}

#openhouse-search {
   margin: 0 0 20px 0;
}

#open-label {
   margin: 0;
   line-height: 12px;
   cursor: pointer;
}

#openhouse-search input {
   margin-right: 6px;
   margin: 0 6px 0 0;
   float: left;
}

#open-range {
   margin: 10px 0 0 10px;
   position: relative;
   height: 66px;
   width: 180px;
   clear: both;
}

#open-range label {
   line-height: 12px;
   margin: 0;
   cursor: pointer;
}

#open-dates {
   margin: 0;
}

#open-select-range {
   position: absolute;
   bottom: 0px;
   right: 5px;
}

#open-select-range input {
   width: 70px;
   margin-bottom: 5px;
}

button.multi-select-button {
   width: 20px;
   height: 20px;
   background-color: transparent;
   background-image: url(/graphics/grar-sprites.png);
   background-position: -10px -935px;
   display: block;
   position: absolute;
   border: 0;
   bottom: 0px;
   right: 0px;
   cursor: pointer;
}

#garage-type-wrapper button.multi-select-button {
   bottom: -6px;
}

.text-input {
   width: 180px;
}
.multi-select {
   width: 150px;
}

a.clear-search {
   display: block;
   font-size: 1.0em;
   margin-left: 2px;
   margin-top: 2px;
   text-decoration: underline;
}

/* Multi Select Popup */
.multi-search-item {
   margin: 5px 0;
}

.close-multi {
   position: absolute;
   bottom: 0;
   right: 0;
}

/*------------------------------------------------------------
   Property Search Tabs
------------------------------------------------------------*/
#property-search-header {
   width: 980px;
   height: 44px;
   border-bottom: 6px solid #fa7710;
   margin-left: -20px;
   -moz-box-shadow: -2px 4px 3px -2px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: -2px 4px 3px -2px rgba(0, 0, 0, 0.5);
   box-shadow: -2px 4px 3px -2px rgba(0, 0, 0, 0.5);
   position: relative;
   z-index: 1;
}

#property-search-tabs {
   height: 44px;
   margin: 0px 0 0 0px;
}

#property-search-tabs li {
   float: left;
   height: 44px;
   margin: 0 5px 0 0;
   border-bottom: 0;
}

#property-search-tabs li a {
   display: block;
   height: 29px;
   margin: 0;
   padding: 15px 35px 0px 17px;
   color: #fff;
   text-align: center;
   font-family: 'DejaVuSansCondensedBold';
   font-size: 1.166em;
   text-decoration: none;
   background-color: #fa7710;
   -moz-border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   border-radius: 10px 10px 0 0;
   background-color: #9C561E;
   background: -moz-linear-gradient(50% 22%, #9c561e, #753b10);
   background: -webkit-gradient(linear, 50% 10%, 50% 45%, from(#9c561e), to(#753b10));
}

#property-search-tabs li a.selected {
   background-image: none;
   background-color: #fa7710;
}

#property-search-tabs li a:hover {
   background: none;
   background-color: #fa7710;
}

.property-tab { width: 30px; height: 30px; background-image: url(/graphics/grar-sprites.png); display:block; float: left; margin: -4px 10px 0 0; }
#list-tab { background-position: -5px -293px; }
#map-tab { background-position: -84px -298px; }
#driving-tab { background-position: -161px -297px; }
#homes-tab { background-position: -243px -297px; }

/*------------------------------------------------------------
   Footer
------------------------------------------------------------*/
#footer {
   width: 1000px;
   height: 260px;
   margin: 0 0 0 -20px;
   padding: 0;
   background-color: #223852;
   position: relative;
   z-index: 1;
   clear: both;
}

#footer p { color: #fff; }

.footer-corner {
   position: absolute;
   border-style: solid;
   top: -20px;
   border-width: 0;
   border-top-width: 20px;
}

.footer-left-corner {
   left: 0px;
   border-color: transparent black transparent transparent;
   border-right-width: 20px;
}

.footer-right-corner {
   right: 0px;
   border-color: transparent transparent transparent black;
   border-left-width: 20px;   
}

.footer-nav {
   position: absolute;
   top: 38px;
}

.footer-nav-header {
   font-size: 1.5em;
   line-height: 1.0em;
   margin: 0;
   text-transform: uppercase;
   font-weight: normal;
   color: #fff;
}

.footer-nav-list {
   margin-top: 5px;
   border-top: 1px solid #4d5567;
}

.footer-nav-list li a {
   display: block;
   color: #fff;
   margin: 7px 0 2px 0;
   font-size: 1.083em;
   line-height: 1.0em;
}

#search-footer-nav {
   left: 580px;
}

#about-footer-nav {
   left: 745px;
}

.footer-logo {
   width: 105px;
   height: 75px;
   margin: 21px 22px 0 50px;
   float: left;
   background-image: url(/graphics/grar-sprites.png);
   background-position: -10px -115px;
   text-indent: -9999px;
}

.footer-contact-info {
   float: left;
   width: 280px;
   margin-top: 35px;
   margin-bottom: 22px;
}

.footer-contact-info a {
   color: #fff;
}


.footer-contact-info p {
   margin: 0 0 8px 0;
}

.footer-mission-statement {
   width: 460px;
   clear: both;
   margin-left: 50px;
   overflow: auto;
}

.footer-mission-statement p {
   float: left;
   width: 430px;
   font-size: 0.958em;
   margin: 0 0 0 9px;
}

.realtor-logo {
   width: 20px;
   height: 22px;
   margin-top: 7px;
   background-image: url(/graphics/grar-sprites.png);
   background-position: -10px -1015px;
   text-indent: -9999px;
   float: left;
}

#right-place-footer {
   height: 50px;
   width: 100%;
   background-color: #18293d;
   position: absolute;
   bottom: 0;
}

.right-place-logo {
   width: 95px;
   height: 35px;
   margin: 3px 0 0 30px;
   background-image: url(/graphics/grar-sprites.png);
   background-position: -9px -1669px;
   text-indent: -9999px;
   float: left;
}

.right-place {
   font-size: 1.1em;
   display: block;
   float: left;
   margin: 21px 0 0 12px;
   cursor: pointer;
   color: #fff;
}

.right-place a {
   text-decoration: underline;
   color: #fff;
}

a.right-place-pdf-link:hover { text-decoration: none; }

/*------------------------------------------------------------
   Property Listings
------------------------------------------------------------*/

#properties {
   padding: 0px 0 30px 0;
   margin: 0;
}

#property-listings-wrapper {
   width: 740px;
   min-height: 1105px;
   float: left;
   padding: 0px 0 0 0px;
   overflow: hidden;
}

#property-listings {
   margin: 10px auto 30px auto;
   width: 740px;
   overflow: hidden;
}

#results-info {
   width: 680px;
   height: 90px;
   clear: both;
   margin: 25px auto 0 auto;
   position: relative;
}

#results-info .paging {
   position: absolute;
   bottom: 0;
   left: 0;
   margin: 0;
}

.results-header {
   font-size: 2em;
   color: #d46c14;
   margin: 0 0 0 -1px;
}

#results-info label {
   font-weight: bold;
}

#sorting-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
}

.date-updated {
  margin: 6px 0 0 0;
  font-weight: normal;
}

#property-sort-form {
   clear: both;
}
 
#sort, #property-sort-submit {
   margin-left: 7px;
}

.listing {
   width: 740px;
   height: 100%;
   position: relative;
   font-size: 1.0em;
   overflow: auto;
   padding: 0px 0px 5px 0px;
}

.listing:hover {
   background-color: #fffaeb;
}

.listing-border {
   width: 680px;
   margin: 0 30px;
   border-top: 1px solid #cac8c8;
}

.listing-heading {
   font-size: 1.5em;
   margin-top: 12px;
   margin-bottom: 14px;
   font-weight: normal;
}

.listing .listing-price {
   margin-top: 0px;
   font-weight: bold;
   padding: 0;
   font-size: 1.4em;
}

.listing-divider {
   margin: 0 16px;
   color: #b4b4b4;
}

.primary-pic-wrapper {
   width: 200px;
   float: left;
   margin: 2px 25px 0 0;
}

.primary-pic-link {
   display: block;
   width: 200px;
   height: 175px;
   position: relative;
   text-decoration: none;
}

.primary-pic-link:hover {
   text-decoration: none;
}

.new-listing, .pending-listing {
   position: absolute;
   text-align: center;
   font-weight: bold;
   color: #fff;
   top: 10px;
   left: -10px;
   width: 50px;
   height: 17px;
   padding: 4px 0;
   background-color: #fa7710;
   text-transform: uppercase;
   z-index: 2;
}

.pending-listing { width: 125px; background-color: #c43000; }

.new-corner, .pending-corner {
   position: absolute;
   border-style: solid;
   display: block;
   top: 35px;
   left: -10px;
   border-width: 0;
   border-top-width: 10px;
   border-color: #002630 transparent transparent transparent;
   border-left-width: 10px;
}

.listings-media {
   border: 1px solid #eec174;
   width: 198px;
   height: 20px;
   margin-top: -1px;
   display: block;
   padding-top: 6px;
   background-color: #ffe395;
   background: linear-gradient(50% 0%, #fffbd4 50%, #ffe395);
   background: -moz-linear-gradient(50% 0%, #fffbd4 50%, #ffe395);
   background: -webkit-gradient(linear, 50% 0%, 50% 50%, from(#fffbd4), to(#ffe395));
   color: #323232;
   text-align: center;
   font-weight: bold;
}

.listed-by {
   margin: 20px 0 10px 0px;
   width: 400px;
   float: left;
}

.listed-by h5 {
   font-weight: bold;
}

.listed-by img {
   float: left;
   margin: 5px 15px 10px 0;
}

.listed-by p {
   margin: 0;
}

.listed-by-agent {
   float: left;
   margin-left: 2px;
}

.listing .primary-pic {
   width: 200px;
   height: 150px;
}

.listing .quick-info {
   float: left;
   margin: 10px 0px 0 0;
   width: 225px;
}

.listing ul {
   list-style-type: none !important;
   margin: 0 !important;
}

.listing ul li {
   margin: 2px 0;
}

.listing .more-info {
   float: right;
   width: 200px;
   margin-top: -30px;
}

.more-info .button {
   margin-top: 10px;
}

.secondary-info {
   clear: both;
   overflow: auto;
}

.listing .openhouses {
   padding: 0;
   overflow: auto;
   float: right;
   margin: 15px 0 5px 0;
}

.listing-open-dates {
   background-image: url(/graphics/grar-sprites.png);
   width: 55px;
   height: 60px;
   background-position: -8px -1117px;
   text-indent: -9999px;
   float: left;
   margin-top: 0;
}

.listing .openhouses ul {
   margin-left: 15px !important;
   float: left;
}

.listing .openhouses ul li {
   font-size: 1.1em;
   clear: both;
}

.listing .open-date {
   font-size: 1.24em;
   font-weight: bold;
   color: #323232;
   display: block;
   margin-bottom: 0px;
}

.paging {
   width: 500px;
   height: 20px;
   margin-top: 20px;
   margin-left: 30px;
}

.paging h2 {
   font-size: 1.166em;
   margin: 0 15px 0 0;
   padding-top: 2px;
}

.paging h4 {
   font-weight :bold;
}

.paging ul {
   float: left;
   margin: 0 !important;
}

.paging ul li {
   display: inline;
   padding: 0 3px 0 3px;
}

#no-results {
   margin-left: 30px;
}

/*------------------------------------------------------------
   Map View
------------------------------------------------------------*/
#map-canvas {
   width: 675px;
   height: 515px;
   border: 5px solid #fff;
   margin: 0 auto;
}

.map-info {
   overflow: visible;
   height: 237px;
   width: 383px;
   padding: 0;
   cursor: default;
}

.map-info h3 {
   font-size: 1.166em;
   width: 160px;
   margin: 0;
   font-weight: normal;
}

.map-info h4 {
   font-size: 1.0em;
   font-weight: normal;
}

.map-info .price {
   font-weight: bold;
   font-size: 1.166em;
   margin-top: 10px;
}

.map-info ul.quick-info {
   margin: 0 !important;
   width: 170px;
   overflow: hidden;
}

.map-pic {
   display: block;
   width: 196px;
   height: 147px;
   position: relative;
   margin: 0px 15px 0px 0;
   text-decoration: none;
}

.map-pic-link {
   position: relative;
   display: block;
}

.map-pic-link:hover {
   text-decoration: none;
}

.map-pic-link .listings-media {
   width: 194px;
   height: 20px;
   margin-top: -1px;
   display: block;
   padding-top: 3px;
}

/*------------------------------------------------------------
   Property Detail
------------------------------------------------------------*/
#back-search {
   position: absolute;
   top: 46px;
   left: 30px;
   display: block;
   height: 25px;
   width: 180px;
   font-size: 1.333em;
   font-weight: normal;
   padding-left: 30px;
   background: url(/graphics/grar-sprites.png) no-repeat;
   background-position: -10px -853px;
}

#property {
   float: left;
   padding: 25px 30px 30px 30px;
   margin: 0px 0px 0 0px;
   border-right: 220px solid #dfeefb;
   width: 680px;
   min-height: 450px;
   background-position: -220px bottom;
   position: relative;
}

#property > h1 > .divider {
   padding: 0 15px;
   color: #b4b4b4;
}

#property h1 {
   font-size: 2.0em;
   font-weight: normal;
}

#property .date-updated {
   position: absolute;
   top: 44px;
   right: 28px;
}

#full-address {
   border-top: 1px solid #c8c8c8;
   padding-top: 15px;
   margin-top: 55px;
}

#detail-summary-wrapper {
   margin-top: 20px;
   clear: both;
   position: relative;
   overflow: visible;
}

#detail-summary {
   float: right;
   width: 370px;
   margin-bottom: 20px;
}

#detail-summary h2 {
   margin-bottom: 5px;
   clear: both;
}

#detail-summary p, #detail-summary ul {
   margin-top: 0;
   margin-bottom: 20px;
}

#detail-summary ul {
   width: 220px;
   list-style-type: none;
   margin-left: 0;
}

.detail-price {
   margin-top: 0;
   color: #464646;
   font-weight: bold;
}

#detail-pics {
   position: relative;
   width: 283px;
   height: 193px;
   overflow: hidden;
}

#detail-pics > a {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
}

.pic-selected {
   z-index: 1;
   visibility: visible !important;
}

.detail-pic {
   visibility: hidden;
}

#detail-pics img {
   width: 283px;
   min-height: 190px;
}

#detail-pic-info {
   font-weight: bold;
   border: 1px solid #eec174;
   height: 22px;
   margin-top: -1px;
   display: block;
   padding-top: 6px;
   background-color: #ffe395;
   background: linear-gradient(50% 0%, #fffbd4 50%, #ffe395);
   background: -moz-linear-gradient(50% 0%, #fffbd4 50%, #ffe395);
   background: -webkit-gradient(linear, 50% 0%, 50% 50%, from(#fffbd4), to(#ffe395));
   color: #323232;
   text-align: center;
   font-weight: bold;
   margin-bottom: 20px;
}

.pic-info {
   width: 237px;
   padding-left: 44px;
}

.pic-info-vt {
   width: 277px;
   padding-left: 4px;
}

.current-pic {
   display: block;
   float: left;
   width: 13px;
   text-align: center;
   margin-right: 4px;
}

#detail-pic-info a {
   float: left;
}

.pic-nav {
   display: block;
   width: 20px;
   height: 20px;
   margin-top: -2px;
   background: url(/graphics/grar-sprites.png) no-repeat;
}

.detail-pic-next {
   background-position: -9px -895px;
}

.detail-pic-prev {
   margin-right: 6px;
   margin-left: 4px;
   background-position: -9px -855px;
}

.num-pics {
   float: left;
   margin: 0 5px 0 0;
}

#detail-pic-info .divider { float: left; padding: 0 7px; }

#detail-map-canvas {
   width: 667px;
   height: 340px;
   border: 5px solid #ffda89;
   margin-top: 15px;
	display: none;
}

#detail-openhouses {
   border: 1px solid #ffd36b;
   width: 123px;
   background-color: #fff1c7;
   float: right;
   margin-top: -65px;
   border-radius: 6px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
}

#detail-openhouses p {
   margin: 0;
   text-align: center;
}

#detail-openhouses .listing-open-dates {
   float: none;
   margin: 14px auto 0 auto;
}

#detail-openhouses .open-date {
   font-weight: bold;
   text-align: center;
   margin: 0 auto;
}

#detail-openhouses ul {
   list-style-type: none;
   margin: 8px auto 15px auto !important;
   width: auto;
}

#details-wrapper {
   width: 675px;
   clear: both;
   margin: 35px auto 20px auto;
   overflow: auto;
   border-top: 1px solid #c8c8c8;
   border-bottom: 1px solid #c8c8c8;
}

#property-listings-wrapper .disclaimer {
   margin-left: 30px;
   margin-right: 30px;
}

.disclaimer {
   font-size: 1.0em;
   margin-left: 7px;
   font-style: italic;
   margin: 20px 0 60px 0;
}

.detail-label {
   font-weight: bold;
}

ul.detail-list {
   width: 190px;
   float: left;
   margin: 10px 35px 15px 0px !important;
   list-style-type: none !important;
}

ul.detail-list-full {
   width: 675px;
   clear: both;
   margin: 0px 0px 15px 0px !important;
   list-style-type: none !important;
}

ul.detail-list-half {
   width: 320px;
   margin: 0px 0px 15px 0px !important;
   list-style-type: none !important;
}

.detail-list li , .detail-list-full li, .detail-list-half li {
   border-bottom: 1px solid #e1e1e1;
   font-size: inherit;
   padding: 10px 2px 10px 2px;
}

.detail-list > li ul {
   margin: 0;
   padding-bottom: 0;
}

.detail-list li li {
   margin: 0;
   padding: 0 0 0 15px;
   border-bottom: none;
}
.detail-list > li:last-child, .detail-list-full > li:last-child {
   border: none;
}

#frontage {
   width: 90px;
   margin-left: 3px;
}

#listed-info {
   height: 155px;
   width: 680px;
   background-color: #f1f6fe;
   background: linear-gradient(50% 0%, #fbfaff 50%, #c0e1f7);
   background: -moz-linear-gradient(50% 0%, #fbfaff 50%, #c0e1f7);
   background: -webkit-gradient(linear, 50% 0%, 50% 50%, from(#fbfaff), to(#c0e1f7));
   margin-bottom: 35px;
   position: relative;
}

#agent-info {
   float: left;
   margin: 20px 0 0 10px;
   width: 325px;
   height: 135px;
}

#agent-info p, #office-info p {
   margin: 0 0 0 20px;
}

#agent-info img {
   margin-right: 20px;
}

.broker-logo {
   margin-top: 14px;
   margin-left: 10px;
} 

#realtor-logos {
   margin: 15px 0 0 20px;
}

#listed-info .contact-link {
   position: absolute;
   top: 20px;
   right: 30px;
}

#office-info {
   float: left;
   margin: 20px 10px 0 20px;
   width: 300px;
   height: 90px;
}

.agent-photo {
   margin: 0 0 0px 0;
   float: left;
   border: 2px solid #c2c5ce;
}

.office-photo {
   float: left;
   margin: 0 20px 15px 0px;
}

.listing-agent {
   font-size: 1.4em;
   font-weight: bold;
}

/*------------------------------------------------------------
   Property Detail Sidebar
------------------------------------------------------------*/
#property-sidebar {
   width: 220px;
   float: right;
   margin-left: -220px;
   padding: 55px 0 0 0;
   background-color: #dfeefb;
   position: relative;
}

#property-sidebar .property-ad
{
   margin: 0px 0px 10px 10px;
   padding: 0px;
}

#property-sidebar .property-ad:first-child { margin-bottom: 30px; }

#property-sidebar hr {
   width: 100%;
   color: #fff;
   background-color: #fff;
   height: 2px;
   border: 0;
   margin: 20px 0;
}

#mtg_dt_calculator {
   font-family: Helvetica, Arial, sans-serif;
   font-size: inherit;
   width: 200px;
   border: none;
   background-color: transparent;
}

div.dt_calculator div.a {
  width: 76px !important;
}

div.dt_calculator h2 {
  color: #D46C14 !important;
}

/*------------------------------------------------------------
   Itinerary
------------------------------------------------------------*/

#itinerary-wrapper {
   overflow: auto;
   background-color: #fff;
   margin: 15px 0 5px 0;
   padding: 5px;
   
}

#itinerary-map-canvas {
   width: 670px;
   height: 400px;
   float: right;
   margin-bottom: 0px;
}

.itinerary-instructions {
   margin: 3px 0;
}

.itinerary-error-msg {
   margin-top: 15px;
   margin-left: 15px;
}

#itinerary-error {
   overflow: hidden;
}

ol#itinerary {
   width: 180px;
   padding: 0;
   margin-left: 10px;
   padding-left: 15px;
   font-size: 1.0em;
   background-color: #fff;
   list-style: upper-alpha;
   float: left;
}

li.itinerary-item {
   width: 160px;
   padding: 3px 5px 5px 5px;
   border-bottom: 1px solid #cac8c8;
   position: relative;
}

li.itinerary-item:hover {
   background-color: #fffaeb;
   cursor: move;
}

#itinerary h2 {
   font-size: 1.25em;
   margin: 0; 
}

.remove-itinerary {
   position: absolute;
   right: 0px;
   bottom: 10px;
   cursor: pointer;
   background-image: url(/graphics/remove-button.png);
   width: 20px;
   height: 20px;
}

.itin-button-wrapper {
   margin-top: 10px;
   width: 176px;
}

#itinerary h3 {
   font-size: 1.166em;
}

#directions {
   width: 890px;
   margin: 0 auto;
   min-height: 300px;
   clear: both;
}

.adp-text {
   vertical-align: middle;
   font-size: 1.166em;
}

.adp-placemark td {
   padding: 5px;
}

.itinerary-update {
   margin-top: 5px !important;
   margin-left: 55px;
}


/* GRAR iframes */
#realtors-search-frame, #service-partners-search-frame {
   width: 880px;
   height: 1000px;
}

#realtors-contact-frame {
   height: 610px;
   width: 585px;
}

.yellow-box {
   background-color: #fff7ca;
   padding: 15px;
   overflow: auto;
}

.yellow-box img {
  margin: -18px 0 0 0;
}

.yellow-box h3 {
   font-size: 1.0em;
   color: #323232;
   margin: 0 0 5px 170px;
}

.yellow-box p {
   margin: 0 0 0 170px;
}

#social-icons {
   position: absolute;
   top: 15px;
   right: 24px;
}


/*------------------------------------------------------------
   Content Type - News Summary
------------------------------------------------------------*/
.newsSummary {
   list-style-type: none;
   margin: 0px 0px 0px 0px !important;
   padding: 0px 0px 0px 0px;
   clear: both;
}

.newsList {
   list-style-type: none;
   margin: 20px 0px 0px 0px !important;
   padding: 0px 0px 0px 0px;
}

ul.newsSummary li, ul.newsList li {
   list-style-type: none;
   clear: both;
   margin-bottom: 1.5em;
   font-size: 1.0em;
   color: #323232; 
}

ul.newsSummary li h2, ul.newsList li h2 {
   margin: 0px 0 3px 0px;
   padding: 0;
   font-size: 1.166em;
   line-height: 1.1428em;
   font-weight: normal;
}

ul.newsSummary li p, ul.newsList li p {
   margin: 0;
   padding: 0;
}

.rss-icon {
   margin-right: 5px; 
   float: left;
   clear: both;
   margin-top: 1px;
   width: 16px;
   height: 16px;
}

/*------------------------------------------------------------
   Content Type - Event Summary
------------------------------------------------------------*/
.eventSummary {
   list-style-type: none;
   margin: 0 !important;
   padding: 0;
}

.eventSummary li {
   margin-bottom: 1.5em;
   padding: 0;
   
   list-style-type: none;
   display: block;
   overflow: auto;
}

.eventSummary li h2 {
   margin: 0;
   margin-bottom: 3px;
   padding: 0;
   font-size: 1.166em;
   line-height: 1.1428em;
   font-weight: normal;
}

.eventSummary li p {
   margin: 0;
   padding: 0;
}

.eventSummary li img { margin: 0px 0px 0px 0px !important; }

.eventSummary .event-date { 
   margin-left: 10px;
   display: inline-block
}

/*--------------------------------------------------
  Article Page
--------------------------------------------------*/
#article {
   
}

#article h1 {
   margin-bottom: 3px;
}

#article h2 {
   margin-bottom: 3px;
}

.article-date {
   margin-bottom: 15px;
}

.article-contact {
   margin-bottom: 15px;
}

/*------------------------------------------------------------
   Sitemap, Search Results
------------------------------------------------------------*/
#searchResults ul, #searchResults ol
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}

#searchResults li
{
   list-style-image: none;
   margin: 0px 0px 12px 0px;
   padding: 0px;
}

#searchResults .highlight
{
   /* background-color: #ff9; */
   font-weight: bold;
}

/*--------------------------------------------------
  Form Styles
--------------------------------------------------*/

.inputForm table {
   padding: 0px;
   margin: 0px;
   border: 0px;
}

.inputForm label {
   font-size: 12px;
}

.inputForm td {
   padding: 10px;
   margin: 10px;
}

.inputForm input, .inputForm textarea, .inputForm select { 
   font-size: 11px;
   margin: 7px 5px 7px 0;
}

.inputForm td { 
   font-size: 12px; 
   color: #000;
   padding: 0px 3px 3px 0px;
}

.inputForm .label { 
   font-size: 12px;
   font-weight: bold;
   color: #000;
   margin-bottom: 10px;
}

.inputForm .required { 
   color: #b40f27;
   font-weight: bold;
}

.inputForm p {
   margin-bottom: 15px;
}

.authform {
   margin-bottom: 10px;
}

.authform label {
   margin: 0 0 4px 0px;
   padding: 0;
   display: block;
}

.authform input {
   margin-bottom: 15px;
   float: left;
}

.authform input:focus {
   background-color: #eee;
}

.authform ul {
   margin-left: 0px !important;
   margin-bottom: 10px;
}

.authform li {
   list-style-type: none;
}

.auth-button {
   float: left;
   background-color: #b20e89;
   color: #fff;
   font-size: 1.0em;
	border: 0;
	height: 20px;
	padding-bottom: 3px;
	cursor: pointer;
	clear: both;
	margin-right: 10px;
}

.auth-button:hover {
   background-color: #481ea2;
}

.auth-button:active {
   background-color: #481edd;
}

.authform label {
   width: 160px;
}

#login-button {
	width: 70px;
}

#reset-button {
	width: 120px;
}

.authform .reset {
   float: left;
}

label.error { 
   float: left;
   display: block;
   width: 300px !important;
   margin-left: 10px;
   color: red;
}


/*------------------------------------------------------------
   Content Type - Tables
------------------------------------------------------------*/
.table1, .table2, .table3, .table4 {
   border-collapse: collapse;
   border: 0px;
   margin: 15px 0 30px 0px;
   color: #514843;
}

.table1 { color: #000; }
.table2 {
  border: solid 1px #ddd;
}

.table3 {
  border: solid 1px #ddd;
}

/* th */
.table1 th, .table2 th { background-color: #2B3C5E; }    /* Custom */ 
 
.table3 th, .table4 th { color: #fff; }               /* Custom */ 

.table1 th, .table2 th, .table3 th, .table4 th {
   font-weight: bold;
   text-align: left;
   vertical-align: bottom;
}

.table1 th, .table2 th {
   font-size: 1.0em;
   letter-spacing: 0.06em;
   color: #fff;
   padding: 5px 8px 5px 8px;
}

.table3 th { 
   color: #000;
   border: solid 1px #ddd;
   font-size: 1.0em;
   padding: 4px 8px;
}

.table4 th {
   color: #000;
   font-size: 1.0em;
   padding: 2px 2px 2px 0px;
}

.table1 .highlight td, .table3 .highlight td { background-color: #E0E8F5; }

.table1 td, .table2 td, .table3 td, .table4 td {
   vertical-align: top;
   font-size: 12px;
   font-weight: normal;
   padding: 10px 8px 10px 8px;
}

.table1 td {
   background-color: #fff;
   border-left: solid 1px #ddd;
   border-right: solid 1px #ddd;
   border-bottom: solid 1px #ddd;
}

.table2 td {
   border-bottom: solid 1px #ddd;
}

.table3 td {
   border-left: solid 1px #ddd;
   border-right: solid 1px #ddd;
   border-bottom: solid 1px #ddd;
}

.table4 td { padding: 2px 15px 2px 0px; }

.table1 p, .table2 p, .table3 p, .table4 p {
   font-size: 1.0em;
   margin: 0px 0 0px 0;
}

.table1 ul {
   margin: 5px 0 10px 0px;
   padding: 0;

}

.table1 li {
   font-size: 1.0em;
   margin: 0 0 0 5px;
   padding: 0;
}

/* Ajax Loading */
.loading-overlay {
   background: rgba(0, 0, 0);
   background: rgba(0, 0, 0, 0.7);
   z-index: 9;
   overflow: auto;
}

.loading-wrapper {
   position: relative;
   border: 4px solid #FA7710;
   text-align: center;
   color: #000;
   background-color: #fff;
   font-size: 1.6em;
   z-index: 10;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}

.loading-msg {
   margin: 10% 0 7% 0;
   line-height: 1.2em;
}