@import url(http://fonts.googleapis.com/css?family=Droid+Serif:700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic);
@import url(http://fonts.googleapis.com/css?family=Merriweather:400);

body {background: #ffffff; font: normal 16px "Open Sans",tahoma, arial, sans-serif; margin: 15px 0 50px 0; padding: 0;}
a {color: #0000cd; text-decoration: none;}
a:hover {color: #cd0000;}
h1 {font-family: "Droid Serif",georgia; font-size: 28px; margin: 0 0 10px 0;}
h2 {font-family: "Droid Serif",georgia; font-size: 23px; margin: 1em 0 10px 0;}
img.track {display: none; height: 1px; width: 1px;}
input[type=radio] {cursor: pointer;}
input[type=submit] {font-family: verdana; font-size: 16px; font-weight: bold; height: 34px;}
label {cursor: pointer; margin-left: 5px;}
p {font-family: "Open Sans",georgia; font-size: 16px; line-height: 1.5em; margin: 0;}
p span.location {font-style: italic; text-decoration: underline;}
p.records {clear: both; font: normal 12px arial; margin: 15px 0 15px;}

div.companyInfo {font-size: 14px; margin: 15px 0 15px 0;}

div.conf {background-color: #ebffeb; border: 1px solid #3cdc0f; margin: 15px 0 15px 0; padding: 0 15px 0 15px;}
div.conf li {margin: 10px 0 10px 0;}
div.conf ol {margin: 0 0 0 25px; padding: 0;}
div.conf span {color: #800000; font-family: 'courier new'; font-weight: bold;}
div.conf .title {font-size: 1.2em; font-weight: bold; margin: 0.5em 0 0.5em 0;}

div.err {background-color: #ffebeb; border: 1px solid #dc0000; margin: 15px 0 15px 0; padding: 0 15px 0 15px;}
div.err li {margin: 10px 0 10px 0;}
div.err ol {margin: 0 0 0 25px; padding: 0;}
div.err span {color: #800000; font-family: 'courier new'; font-weight: bold;}
div.err .title {font-size: 1.2em; font-weight: bold; margin: 0.5em 0 0.5em 0;}

div.marker div.r1 {font-weight: bold;}
div.marker div.r2 {font: italic 0.85em arial; margin-top: 15px;}

div.pages {margin: 20px 0 5px 0; text-align: center;}
div.pages a {background-color: #ffffff; border: 1px solid #dadada; margin: 0 3px 0 3px; padding: 1px 7px 2px 7px; text-decoration: none;}
div.pages a:hover {color: #ffffff; background-color: #3764d2; border: 1px solid #2d55af;}
div.pages span {font-weight: bold; margin: 0 3px 0 3px;}
div.pages strong {font-family: verdana;}

table.companies {border-top: 1px solid #dadada; font-size: 0.85em; width: 726px;}
table.companies tr td {background-color: #ffffff; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 5px;}
table.companies tr td.a {border-left: 1px solid #dadada;}
table.companies tr td.a strong {color: #eb5f00;}
table.companies tr td.adv {border: 0; border-bottom: 1px solid #dadada; padding: 0;}
table.companies tr td.adv img {border: 0;}
table.companies tr td.adv:hover {background-color: #ffffff;}
table.companies tr td.c {text-align: right; white-space: nowrap;}
table.companies tr th .asc {background: url('http://www.homes-inc.com/images/records/arrow_1.gif') no-repeat top right; padding-right: 8px;}
table.companies tr th .asc a {text-decoration: none;}
table.companies tr th .desc {background: url('http://www.homes-inc.com/images/records/arrow_2.gif') no-repeat top right; padding-right: 8px;}
table.companies tr th .desc a {text-decoration: none;}
table.companies tr th {background-color: #f5f5f5; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 5px;}
table.companies tr th.a {border-left: 1px solid #dadada;}
table.companies tr:hover td {background-color: #ffffcc;}

#adv {float: right; margin: 0 0 15px 15px;}
#adv2 {margin: 15px auto 15px auto; width: 728px;}
#adv3 {float: right; margin: 0 30px 15px 15px;}
#adv4 {float: left; margin: 13px 35px 15px 0;}
#adv5 {width: 100%; text-align:center;}

#advBtm {font-size: 10px; margin-top: 7px; text-align: center;}
#advBtm a {color: #ffffff;}

#advTop {color: #ffffff; font-size: 11px; margin-bottom: 8px; text-align: center;}

#body {margin: 15px auto 15px auto; width: 960px;}

#body .back {font-family: "Open Sans",'ms sans serif'; margin-bottom: 15px;margin-top: -8px;}
#body .back a:hover {color: #0000cd; text-decoration: underline;}

#body .caption {clear: both; color: #808080; font: italic 0.75em arial; margin: 15px 0 0 0; padding: 10px 100px 10px 100px; text-align: center;}

#body .categories {width: 419px;}
#body .categories tr {vertical-align: top;}
#body .categories tr td {width: 50%;}
#body .categories ul {list-style-type: none; margin: 0; padding: 0;}
#body .categories ul li {font: bold 20px "Open Sans", tahoma, arial, sans-serif; margin: 30px 0 0 0; padding: 0 0 0 0;}
#body .categories ul li a {background: transparent no-repeat 0 5px; padding-left: 23px;}
#body .categories ul li a:hover {color: #0000cd; text-decoration: underline;}
#body .categories ul li.apartment a {background-image: url('http://www.homes-inc.com/images/categories/newspaper.png');}
#body .categories ul li.foreclosures a {background-image: url('http://www.homes-inc.com/images/categories/lock.png');}
#body .categories ul li.homeImprovement a {background-image: url('http://www.homes-inc.com/images/categories/wrench.png');}
#body .categories ul li.realEstate a {background-image: url('http://www.homes-inc.com/images/categories/lorry.png');}
#body .categories ul li.vacationRentals a {background-image: url('http://www.homes-inc.com/images/categories/weather_sun.png');}

/*
#body .company {clear: both; width: 100%;}
#body .company td {padding: 10px; vertical-align: top;}
*/

/*
#body .company {border-left: 1px solid #c1c1c1; border-top: 1px solid #c1c1c1; clear: both; width: 100%;}
*/
#body .company {border-left: 1px solid #c1c1c1; border-top: 1px solid #c1c1c1; margin-top: 30px; width: 575px;}
#body .company td {border-bottom: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; padding: 10px; vertical-align: top;}
#body .company td:hover {background-color: #ffffcc;}

#body .geo {clear: both; width: 100%;}
#body .geo td {color: #808080; font-family: "Open Sans",arial; font-size: 12px; padding-top: 1px;}
#body .geo td.h {color: #000000; font: bold 16px "Open Sans",verdana; padding: 15px 0 5px 0;}
#body .geo td.t {padding-top: 0;}
#body .geo td a {font-size: 14px;}
#body .geo td a:hover {color: #0000cd; text-decoration: underline;}

#body .iFrame728x90_1 {margin: 15px auto 0 auto; padding: 0; width: 728px;}
#body .iFrame500x200_1 {border: 5px dashed #247c8a; margin: 15px auto 0 auto; padding: 15px 0px 15px 130px;}

#body .realEstateAgents {border: 1px solid #c1c1c1; clear: both; margin: 0; padding: 0 0 15px 0; text-align: center;}
#body .realEstateAgents h2 {color: #800000; margin-bottom: 10px;}
#body .realEstateAgents img {height: 359px; width: 474px;}
#body .realEstateAgents p {font-size: 13px; font-style: italic; margin: 0;}

#body .vendors {font-family: "Merriweather",arial,helvetica; border-left: 1px solid #c1c1c1; border-top: 1px solid #c1c1c1; clear: both; width: 100%;}
#body .vendors td {border-bottom: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; padding: 10px;}
/*#body .vendors a {font-weight:bold;}*/
#body .vendors td.currency {text-align: right;}
#body .vendors td.stars {text-align: center; white-space: nowrap;}
#body .vendors td.stars img {border: 0; height: 16px; width: 88px;}
#body .vendors th {background-color: #f5f5f5; border-bottom: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; padding: 5px; text-align: center;}

#foot {clear: both; color: #808080; font-size:12px; margin: 0 auto 0 auto; width: 960px;}
#foot .bar1 {background-color: #c1c1c1; height: 1px;}
#foot .bar2 {border-top: 1px solid #c1c1c1; clear: both; height: 1px;}
#foot .copy {background-color: #fafafa; padding: 5px 0 5px 5px;}
#foot .copy a {color: #808080;}
#foot .legal {float: right; margin-top: 5px; padding: 0 5px 0 0;}
#foot .sites {font-size:13px; margin-top: 10px; text-align: center;}

#formApartments {margin: 5px 0 0 0;}
#formApartments input[type=text] {width: 150px;}
#formApartments td.l {font-weight: bold; padding: 10px 10px 0 0; text-align: right;}
#formApartments td.r {padding: 10px 0 0 0;}

#formForeclosures {margin: 15px 0 0 0;}
#formForeclosures input[type=submit] {margin-left: 25px;}
#formForeclosures .row {font-size: 1.25em; margin-top: 20px;}

#gMap {border: 1px solid #dadada; height: 500px; margin: 20px auto 15px auto; width: 100%;}

#head {height: 40px; margin: 0 auto 0 auto; width: 960px;}
#head .logo img {border: 0; height: 40px; width: 260px;}
#head .text {float: right; margin-top: 0px; padding-top: 0px;}
#head .text a {background: transparent url('') no-repeat 3px 4px; font: normal 12px verdana, arial, sans-serif; padding: 5px 0 1px 24px;}
#head .text a:hover {color: #0000cd; text-decoration: underline;}

#legal {background-color: #ffffff; border: 1px solid #c1c1c1; font-size: 1em; height: 350px; margin-top: 10px; overflow: auto; padding: 10px;}
#legal h1 {font-size: 2.00em; margin-top: 0;}
#legal h2 {font-size: 1.50em;}
#legal .list {list-style-type: upper-alpha;}

#mapCanvas {background-color: #f5f5f5; height: 280px; width: 575px; margin-top: 24px;}

#nav {clear: both; margin: 15px auto 0 auto; width: 960px;}

#nav .bar1 {background-color: #063eae; clear: both; height: 4px;}
#nav .bar2 {background-color: #ececec; height: 4px;}
#nav .bar3 {background-color: #c1c1c1; height: 1px;}

#nav .tab {font: bold 14px "Open Sans", tahoma, arial, sans-serif; margin: 0 3px 0 0;}
#nav .tab a {cursor: pointer;}
/*#nav .tab a:hover {color: #0000cd;}*/
#nav .tab .lft {background: transparent url('http://www.homes-inc.com/images/tabs/off_1.gif') no-repeat; float: left; height: 26px; width: 10px;}
#nav .tab .mid {background: transparent url('http://www.homes-inc.com/images/tabs/off_2.gif') repeat-x 0 0; float: left; height: 20px; padding: 6px 0 0 0;}
#nav .tab .rgt {background: transparent url('http://www.homes-inc.com/images/tabs/off_3.gif') no-repeat; float: left; height: 26px; margin-right: 3px; width: 10px;}

#nav .tab:hover .lft {background-image: url('http://www.homes-inc.com/images/tabs/over_1.gif');}
#nav .tab:hover .mid {background-image: url('http://www.homes-inc.com/images/tabs/over_2.gif');}
#nav .tab:hover .rgt {background-image: url('http://www.homes-inc.com/images/tabs/over_3.gif');}

#nav .tab.on a {color: #ffffff;}
#nav .tab.on .lft {background: transparent url('http://www.homes-inc.com/images/tabs/on_1.gif') no-repeat;}
#nav .tab.on .mid {background: transparent url('http://www.homes-inc.com/images/tabs/on_2.gif') repeat-x 0 0;}
#nav .tab.on .rgt {background: transparent url('http://www.homes-inc.com/images/tabs/on_3.gif') no-repeat;}

#veil {background: #000000 url('http://www.homes-inc.com/images/veil/bg.gif'); filter: progid:DXImageTransform.Microsoft.alpha(opacity=75); opacity: 0.75; position: absolute; right: 0; top: 0; visibility: hidden; width: 10px; z-index: 99;}
#veil.adv {background-image: none; filter: progid:DXImageTransform.Microsoft.alpha(opacity=100); opacity: 1.00;}
#veilBox {background-color: #f5f5f5; border: 0; clear: right; left: 0; padding: 10px; position: absolute; top: 0; visibility: hidden; z-index: 100;}
#veilBox.adv {background-color: #000000; border: 0; height: 325px; margin-top: -60px; padding: 0; width: 336px;}
#veilBody {border: 0;}
#veilBody .std {font-size: 20px; padding: 20px;}
#veilBody a {color: #1e90ff; text-decoration: underline;}
#veilBody a:hover {color: #ffd700; text-decoration: underline;}
#veilHead {color: #063eae; font: bold 15px tahoma, verdana, arial, sans-serif;}
#veilX {cursor: pointer; float: right; height: 20px; width: 20px;}