@import "reset.css";
.clear {
    clear: both
}
#header {
    background: #fff url(../images/bar.png) repeat-x bottom;
}
#header>div {
    width: 1000px;
    height: 115px;
    margin: 0 auto 0;
    background: url(../images/headbg.png) -68px bottom no-repeat;
    overflow: hidden;
}
#logo {
    height: 57px;
    width: 302px;
    padding-top: 43px;
    float: left;
}
#logo>a {
    display: block;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    height: 100%;
}
#SearchForm_SearchForm {
    width: 300px;
    margin-left: 170px;
    padding: 10px 10px 10px 20px;
    border-radius: 0 0 0 20px;
    background: url(../images/searchbg.png) right bottom;
}
#SearchForm_SearchForm legend {
    display: none;
}
#SearchForm_SearchForm .field {
    margin: 0;
}
#SearchForm_SearchForm .middleColumn {
    width: auto;
    padding: 0;
    margin: 0;
    background: none;
    display: inline;
}
#SearchForm_SearchForm input.text {
    width: 189px;
    border: 1px solid white;
    background: none;
    color: white;
    font-weight: normal;
    padding: 2px 3px;
    margin: 0;
    height: 16px;
}
#SearchForm_SearchForm .action {
    padding: 0;
    margin: 0 0 0 10px;
    border: none;
    width: 29px;
    height: 22px;
    color: #17274E;
    text-transform: uppercase;
    background: url(../images/searchgo.png) right bottom;
}
#Search {
    position: relative;
    float: left;
}
#SearchForm_SearchForm label {
    color: white;
    font: 12px arial, sans-serif;
    line-height: 12px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0 10px 0 0;
    position: relative;
    top: 1px;
}
#header-right {
    float: right;
    width: 500px;
}
#header ul {
    float: right;
    margin: 47px 0 0 20px;
    width: auto;
    text-align: right;
}
#header ul li {
    display: inline-block;
    float: left;
}
#header ul a {
    display: block;
    color: white;
    text-transform: uppercase;
    font: 12px/12px arial, sans-serif;
    text-decoration: none;
    margin-left: 20px;
}
#header ul a:hover {
    color: #BC141A;
}
#rotator {
    background: #d9dadb url(../images/rotatorbg.png) center top no-repeat;
    padding: 20px 0 19px;
    margin-top: 5px;
}
#rotator>div {
    width: 1000px;
    margin: auto;
    display: block;
    position: relative;
}
#rotator .content {
    float: left;
    height: 213px;
    width: 240px;
    background: url(../images/slidetextbg.png);
    color: white;
    font: 11px/16px verdana, arial, sans-serif;
    padding: 40px 100px 30px 30px;
}
#rotator .content h3 {
    font: normal normal 30px arial, sans-serif;
    margin-bottom: 15px;
}
#rotator .content a {
    color: white;
}
#rotator .content>a.link {
    text-decoration: none;
    display: block;
    width: 182px;
    height: 35px;
    background: url(../images/rotatorbutton.png);
    text-transform: uppercase;
    font: bold 14px arial, san-serif;
    padding: 8px 14px 8px 14px;
    width: 154px;
    height: 19px;
    margin-top: 25px;
}
.btn {
    text-decoration: none;
    display: block;
    background: url(../images/videoBtn.png);
    text-transform: uppercase;
    font: bold 14px arial, san-serif;
    padding: 8px 14px 8px 14px;
    height: 19px;
    margin-bottom: 5px;
    color: #fff;
}
#cycle {
    float: right;
    position: relative;
    height: 283px;
    width: 622px;
}
#cycle .images {
    background: url(../images/slidebg.png);
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}
#cycle .pager {
    position: absolute;
    bottom: 15px;
    right: 20px;
    z-index: 1;
}
#cycle .pager a {
    float: left;
    text-indent: 110px;
    height: 20px;
    width: 20px;
    background: url(../images/pager.png) left top;
    overflow: hidden;
    margin-left: 5px;
}
#cycle .pager a.activeSlide {
    background-position: 20px top;
}
#layout {
    background: url(../images/fadein.png) left 5px repeat-x;
}
#layout>div {
    width: 1000px;
    margin: auto;
    padding: 35px 0 20px;
}
#rotator+#layout {
    background: none;
}
#rotator+#layout>div {
    padding: 20px 0;
}
#sidebar {
    float: left;
    width: 210px;
}
.sidebarbox {
    margin-bottom: 20px;
}
#nav {
    margin: 0;
    padding: 0;
}
#nav li {
    margin: 3px 0;
}
#nav a {
    display: block;
    padding: 0 10px;
    height: 28px;
    width: 190px;
    background: url(../images/menu.png) left top;
    color: #000827;
    font: 11px/28px verdana, arial, sans-serif;
    text-decoration: none;
}
#nav .current a, #nav .section a {
    background-position: left center;
}
#nav a:hover {
    background-position: left bottom;
    color: white;
}
#newslettersignup {
    background: #01284A url(../images/newsletterbox.png) bottom no-repeat;
    /*height:122px;*/
    width: 190px;
    color: white;
    font: 12px arial, sans-serif;
    padding: 10px;
}
#newslettersignup h3 {
    font-size: 14px;
    text-transform: uppercase;
}
#newslettersignup form {
    margin-top: 10px;
}
#newslettersignup label.overlabel-apply {
    position: absolute;
    top: 5px;
    left: 6px;
}
#newslettersignup input.action {
    border: none;
    background: url(../images/submit.png) right center no-repeat;
    text-transform: uppercase;
    padding: 4px 0;
    width: 104px;
    font-size: 10px;
    line-height: 10px;
    font-family: arial, sans-serif;
}
.sidebarbox.contact {
    font: 11px verdana, sans-serif;
    color: black;
}
.sidebarbox.contact h3 {
    color: #17274E;
    margin-bottom: 12px;
}
.sidebarbox.contact p {
    margin: 0 0 3px 0;
    padding: 0 0 0 22px;
}
.sidebarbox.contact strong {
    color: #17274E;
    display: block;
    float: left;
    width: 15px;
    margin-left: -22px;
    width: 22px;
}
.sidebarbox.contact a {
    color: #000;
    text-decoration: none;
}
.sidebarbox.contact a:hover {
    text-decoration: underline;
}
#rightbar {
    float: right;
    width: 280px;
}
#rightbar+.typography {
    width: 450px;
}
#featuredlisting {
    color: white;
    text-decoration: none;
    background: url(../images/featuredlisting.png) right bottom;
    display: block;
    font: bold 14px/35px arial, sans-serif;
    text-transform: uppercase;
    padding: 0 0 2px 10px;
}
#featuredlisting .image {
    position: relative;
    display: block;
    border: 1px solid #BC141A;
    margin-left: -10px;
}
#featuredlisting img {
    vertical-align: bottom;
}
#featuredlisting .image span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 188px;
    background: url(../images/featureaddress.png);
    display: block;
    padding: 7px 10px;
    text-transform: none;
    font: 11px verdana, arial, sans-serif;
    line-height: 1;
}
#content {
    float: right;
    width: 760px;
}
#footer {
    background: #001528 url(../images/footbg.png) center bottom no-repeat;
    height: 95px;
    color: white;
    font: 12px arial, sans-serif;
}
#footer>div {
    width: 1000px;
    margin: auto;
}
#footer-top {
    padding: 20px 0 15px;
    overflow: hidden;
}
#copyright {
    float: left;
}
#siteby {
    float: right;
}
#footer a {
    color: white;
}
#footer>div>strong+strong {
    margin-left: 20px;
}
#footer>div>strong {
    margin-right: 5px;
}
#properties {}
#properties .property, #images .image {
    float: left;
    padding: 2px;
    border: 1px solid #ddd;
    margin: 0 10px 10px 0;
    position: relative;
}
#properties .property, #images .image img {
    display: block;
}
#properties .property:first-child, #properties .property.eol+.property, #images .image:first-child, #images .image.eol+.image {
    margin-left: 0;
}
#properties h4 {
    border: none;
    font-weight: bold;
    font-size: 12px;
    margin: 7px 0 5px;
    color: #17274E;
}
#properties a {
    text-decoration: none;
}
#properties a:hover {
    text-decoration: underline;
}
#properties p, #properties h4 {
    padding: 0 7px;
}
#properties p {
    margin: 0 0 5px;
}
#properties .address {
    color: black;
    font-size: 12px;
}
#properties .stats {
    color: #333333;
}
#properties .stats strong {
    color: black;
    font-weight: bold;
}
#properties .open {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 85px;
    width: 85px;
    background: url(../images/openhome.png);
    white-space: nowrap;
    text-indent: 110%;
    overflow: hidden;
}
#properties .property.sold {
    min-height: 210px;
    width: 235px;
}
#properties .property.sold p {
    font-size: 10px;
    line-height: 16px;
}
#properties .property.sold p img {
    vertical-align: -1px;
    padding-right: 5px;
}
#sales .sale {
    overflow: hidden;
    padding: 10px 0;
    border-top: 1px solid #ddd;
}
#sales .sale a.more, #saledetails a.more {
    background: url("../images/more.png") repeat-x 0 -30px;
    color: #fff;
    display: inline-block;
    padding: 2px 10px 4px 10px;
    text-decoration: none;
}
#sales .sale a.more:hover, #saledetails a.more:hover {
    color: #fff;
    text-decoration: none;
}
.saledetails {
    float: right;
    width: 500px;
}
#sales h4 {
    border: none;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    margin: 7px 0 10px 0;
}
#sales a {
    text-decoration: none;
}
#sales a:hover {
    text-decoration: underline;
}
#sales p {
    margin: 0 0 10px;
}
#sales .address {
    color: #777;
    font-size: 12px;
}
#sales .stats {
    color: #333;
}
#images {
    float: left;
    width: 340px;
    overflow: hidden;
}
#images p {
    clear: both;
    font-size: 10px;
    color: #888;
}
#saledetails {
    float: right;
    width: 380px;
}
#Breadcrumbs p {
    font-size: 10px;
    line-height: 16px;
}
.noImage {
    background: #eee;
    padding: 20px;
    font-size: 11px;
    text-align: center;
}
.youtube {
    margin: 0 0 5px 0;
}
#rssfeed {
    background: url(../images/rss.png) left center no-repeat;
    padding-left: 20px;
    font-size: 16px;
}
#foss {
    position: absolute;
    left: 230px;
    bottom: 0;
    z-index: 999;
}
#foss img {
	display: block;
}

p.pagination {
    text-align: right;
    border-bottom: 2px solid #17274E;
    padding: 10px 0;
}
p.pagination a {
    font: bold normal 12px/18px arial, sans-serif;
    text-decoration: none;
    color: #17274E;
    background: white;
    border: 1px solid #17274E;
    min-width: 20px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 3px 0 3px 0;
    text-align: center;
}
p.pagination a.current {
    color: white;
    background: #17274E;
}
#testimonials+ .pagination, #properties+ .pagination {
    clear: both;
    margin: 15px 0 0 0;
    border-bottom: none;
    border-top: 2px solid #17274E;
}
#testimonials .testimonial {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
blockquote {
    font-size: 11px;
    line-height: 20px;
}
cite {
    display: block;
    font-size: 11px;
    line-height: 11px;
}
#testimonials blockquote {
    font-style: normal;
    color: #333;
    margin: 0;
}
#testimonials p a {
    font-size: 10px;
}
#testimonials .testimonial p {
    text-align: left;
    margin: 5px 0 0 0;
}
#testimonials .testimonial cite {
    text-align: right;
    color: #888;
}
#testimonials {
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
.document {
    border-top: 1px solid #ddd;
    margin-top: 15px;
    padding-top: 15px;
}
.typography .document h3, .typography .document p {
    margin-bottom: 10px;
}
div.thanks p {
    color: #A9D869;
}
.typography blockquote {
    font-style: italic;
    margin: 0 0 15px 0;
    color: #888;
}
.typography cite {
    color: #333;
}
#SearchResults li {
    list-style: none;
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}
#SearchResults li img {
    display: none;
}
#news {
    width: 760px;
    overflow: hidden;
}
.news {
    width: 100%;
    float: left;
    padding: 0;
}
.typography .news h4 {
    text-align: left;
    font-size: 13px;
    line-height: 13px;
    margin: 0 0 5px 0;
}
.typography .news h4 a {
    width: 50%;
    display: inline-block;
    background: #eee url(../images/arrow-alt.png) no-repeat 20px center;
    padding: 12px 18px 12px 38px;
    text-decoration: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.btn-side {
    font-family: Arial, san-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    padding: 12px 12px 12px 10px;
    color: #fff;
    text-decoration: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
}
.btn-side img {
    position: absolute;
    right: 10px;
    top: 14px;
}
.red {
    background: #7F0E12 url(../images/red-btn.png) repeat-x top;
    margin: 0 0 20px 0;
}
.green {
    background: #2E4B1A url(../images/green-btn.png) repeat-x top;
    margin: 0 0 7px 0;
}
.orange {
    background: #BB5910 url(../images/orange-btn.png) repeat-x top;
    margin: 0 0 7px 0;
}
.video-thumb {
    display: block;
    width: 280px;
    height: 156px;
    overflow: hidden;
    position: relative;
    margin: 0 0 10px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: url(../images/video-play.png) center 50px no-repeat;
}
.video-thumb img {
    position: absolute;
    top: -27px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: -999;
}
.video-thumb span {
    position: absolute;
    bottom: 0;
    background: url(../images/video-bg.png);
    width: 90%;
    display: block;
    z-index: 9;
    padding: 7px 5%;
    font-family: Arial, san-serif;
    font-size: 11px;
    color: #fff;
}
.x-margin {
    margin: 0 0 23px 0;
}
.timeuntilauction p:first-child {
    margin-bottom: 5px;
}
.timeuntilauction p+ p {
    display: inline-block;
    background: darkgrey;
    border-radius: 10px;
    padding: 20px;
    font-size: 30px;
    color: white;
}
.documents li {
    background: url("../images/icons/page_white_acrobat.png") no-repeat scroll left center transparent;
    padding: 2px 2px 2px 20px;
}
.documents li a {
    text-decoration: none;
}
