/*
Description: RE/MAX wordpress theme.
Version: 1.0
Author: Eden von Garcia
Author URI: http://jessej.net/
Tags: red, blue, fixed width, grid layout, widgets
*/


/*--- CSS Reset ---*/

html, body, div, span, 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, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-family: inherit;}

:focus {outline: 0;}
body {background:#000 url(images/background.jpg) no-repeat center top; font-family:Tahoma; font-size:12px; color:#fff; word-wrap:break-word;}
ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0; width:100%; }
caption, th, td {text-align: left;font-weight: normal; padding:5px; }
blockquote:before, blockquote:after,q:before, q:after {content: ""; }
blockquote, q {quotes: "" ""; }
input {margin: 0; padding: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; }
.left {float:left; }
.right {float:right;margin-right:0!important; }
.alignleft {float:left; margin:0 20px 20px 0; }
.alignright {float:right; margin:0 0 20px 20px; }
.martop20 {margin-top:20px; }
.red {color:#f00; }
.clear {clear:both}
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden; }
.text-center {text-align:center;}
.text-right {text-align:right;}

/* Hides from IE-max \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*--- 1. Common ---*/

html {overflow-y: scroll; background:url(images/footer.jpg) repeat left bottom;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; }
a {color:#000; text-decoration:none; }
a:hover { color:#4195B9; }
ul, li {list-style-type:none;}

body {background:#fff url(images/bg.jpg) repeat-x top; font:12px Tahoma, Helvetica, sans-serif; color:#000;}

.no-bg {background:none !important}
.left {float:left}
.right {float:right}
.clear {clear:both}


/*container*/
#wrapper {width:100%;}
#main-wrapper {width:1000px; padding:0 3px 20px 0; margin:0 auto; background-color:#fff; overflow:hidden; background:url(images/main-bg.jpg) no-repeat center bottom;}

/*header*/
#header {width:1000px; height:146px; background-color:#336799;}
#logo {width:251px; height:106px; padding:0 0 0 12px; float:left;}
#header-tag {width:600px; height:33px; padding:14px 0 0 60px; margin-top:31px; color:#90d5f4; background:#5180ae url(images/header-tag-bg.jpg) no-repeat left 0; text-transform:uppercase; font-size:14px; font-weight:bold; float:right;}

/*navigator*/
#nav {width:1000px; height:40px; display:inline; float:left; background:url(images/header-top.jpg) no-repeat 0 top;}

/*easy slider*/
#slider ul, #slider li{margin:0;padding:0;}
#slider li{width:1000px; height:312px; overflow:hidden; }
#prevBtn, #nextBtn {display:none;}

/*left container*/
#main-content {width:688px; float:left; display:inline; padding-top:30px;}
#about-remax {width:663px; min-height:329px; padding:0 12px 30px 12px; background:url(images/about-bg.jpg) no-repeat left bottom; float:left;}
#about-remax h2 {width:322px; height:32px; margin-bottom:20px; background:url(images/header-title-about.jpg) no-repeat; text-indent:-9999px;}
#about-remax img {margin:0 10px 25px 0;}
#about-remax p {line-height:18px; margin-bottom:15px;}
#about-remax .more-link { background:url(images/btn-come-in.png) no-repeat left top; padding:8px 20px; font-size:11px; color:#598091;}
#about-remax .more-link:hover { background:url(images/btn-come-in.png) no-repeat left bottom; color:#627e8a; }

/*post and listings container*/
#activelistings, #pendingsales, #soldlistings {margin-bottom:20px;}
.page_post, #activelistings, #pendingsales, #soldlistings {width:663px; padding:0 12px 30px 12px; background:url(images/about-bg.jpg) no-repeat left bottom; float:left; min-height:150px;}
.page_post h2, #activelistings h2, #pendingsales h2, #soldlistings h2 {margin-bottom:20px; background:url(images/h2.jpg) no-repeat; color:#e93328; padding:5px 0 5px 30px; font-size:20px;}
.page_post h3 {margin-bottom:20px;}
.page_post h3, #activelistings h3, #pendingsales h3, #soldlistings h3 {color:#1C7A9F; font-size:15px; font-weight:bold;}
.page_post h3 a, #activelistings h3 a, #pendingsales h3 a, #soldlistings h3 a {color:#1C7A9F; text-decoration:none!important;}
.page_post a {text-decoration:underline; color:#4195b9;}
.page_post a:hover {text-decoration:underline;}
.page_post h3 a:hover, #activelistings h3 a:hover, #pendingsales h3 a:hover, #soldlistings h3 a:hover{color:#4195b9;}
.page_post p, #activelistings p, #pendingsales p, #soldlistings p {line-height:18px; margin-bottom:15px;}
.page_post .more-link { background:url(images/read-more.jpg) no-repeat ; padding:10px 10px; font-size:11px; color:#598091;}
.page_post small {font-size:10px;}
.page-child .page_post {min-height:0!important; padding:0!important; background:none!important; }
.page_post ul li { list-style-type:disc; padding:5px 0; margin-left:20px; }
.page_post {min-height:329px;}

/*homepage listing*/
#featured-listings {width:640px; min-height:465px; padding:0 12px 0 12px; float:left; margin-top:30px;}
#featured-listings h2 {width:140px; height:32px; margin-bottom:30px; background:url(images/header-title-featured.jpg) no-repeat; text-indent:-9999px;}
#featured-listings ul {display:inline; margin-left:18px; float:left;}
#featured-listings ul li {width:159px; padding:12px 12px 0 12px; font-size:11px; margin:0 19px 19px 0; background-color:#f8fbfd; border:1px solid #d4d1c5; float:left; list-style-type:none!important; min-height:246px;}
#featured-listings ul li:hover {background-color:#edf5f9; border:1px solid #e4e2da;}
#featured-listings ul li img {margin-bottom:12px;}
#featured-listings ul li p {line-height:17px; padding-right:37px;}
#featured-listings ul li p strong {color:#ce2919;}
#featured-listings ul li a img.btn-view {position:relative; top:-18px; left:118px;}

/*homepage openhouse listings*/
#openhouse-listings {width:640px; min-height:200px; padding:0 12px 0 12px; float:left; margin-top:30px;}
#openhouse-listings h2 {width:200px; height:32px; margin-bottom:30px; background:url(images/header-title-openhouse.jpg) no-repeat; text-indent:-9999px;}
#openhouse-listings ul {display:inline; margin-left:18px; float:left;}
#openhouse-listings ul li {width:159px; padding:12px 12px 0 12px; font-size:11px; margin:0 19px 19px 0; background-color:#f8fbfd; border:1px solid #d4d1c5; float:left; list-style-type:none!important; min-height:246px;}
#openhouse-listings ul li:hover {background-color:#edf5f9; border:1px solid #e4e2da;}
#openhouse-listings ul li img {margin-bottom:12px;}
#openhouse-listings ul li p {line-height:17px; padding-right:37px;}
#openhouse-listings ul li p strong {color:#ce2919;}
#openhouse-listings ul li a img.btn-view {float:right;margin-top:-18px;}

#openhouse-dates{padding: 0; background: none;color:#F9220C; font-family: arial; text-align: center; font-size: 16px; font-weight:bold;}


.listing-thumb {width:159px; height:101px; }

/*individual listing page*/
.listing_area {margin-top:20px; overflow:hidden; }
.listing_left {float:left; width:379px; }
.listing_left img {background-color:#fff; border:1px solid #a9a9a9; padding:2px;  width:377px; height:251px;}
.listing_right {float:left;width: 240px; padding-left:15px; }
.listing_right h2 {font-size:14px; font-weight:700; color:#111;}
.listing_right ul {padding:0 0 17px 0; }
.listing_right ul li {padding:3px 0; list-style:none; margin:0;}
#listing-container {float:left; width:100%; margin-top:30px;}
.ui-tabs-panel h2 {margin-bottom:20px; background:url(images/h2.jpg) no-repeat 0 10px; color:#e93328; padding:15px 0 0 20px; font-size:20px; margin-top:10px;}
.ui-tabs-panel p {line-height:18px; margin-top:15px;}
.prop-box h3 {margin-bottom:0!important; }
.prop-box-avail h4, .prop-box-avail h4 a {font-size:13px }

/*sidebar*/
#sidebar {width:302px; min-height:500px; float:left; display:inline; padding-left:10px; color:#4f5051; padding-top:30px;}
#sidebar .sidebar-content-wrapper {width:302px; padding-bottom:10px; float:left;}
#sidebar .sidebar-top {width:302px; height:17px; background:url(images/sidebar-bg-top.jpg) no-repeat; float:left;}
#sidebar .sidebar-mid {width:264px; min-height:328px; padding:0 19px; background:url(images/sidebar-bg-mid.jpg) repeat-y;}
#sidebar .sidebar-btm {width:302px; height:16px; background:url(images/sidebar-bg-btm.jpg) no-repeat; float:left;}
#sidebar .become_agent { background:url(images/become-an-agent.jpg) no-repeat left top; float:left; width:302px; height:131px; text-indent:-99999px;}
#sidebar .become_agent:hover { background:url(images/become-an-agent.jpg) no-repeat left bottom;}
#sidebar .sidebar-mid strong {font-size:12px;}
#sidebar p { padding-top:15px; line-height:18px; }

/*search area*/
#search {width:265px; height:36px; margin-top:10px; background:url(images/search-bg.jpg) no-repeat;}
#search #s {width:217px; border:none; background:none; padding:10px 0 9px 8px; float:left;}
#search #searchsubmit {width:34px; height:28px; margin-top:4px; background:url(images/search-btn.jpg) no-repeat; border:none; float:left; text-indent:-99999px; cursor:pointer; font-size:0; }
#search .screen-reader-text {display:none;}
.search-excerpt {color:#4195B9;}
.search_result #listing-container, .search_result #activelistings, .search_result #pendingsales, .search_result #soldlistings { float:none!important; padding:10px 0 0 0!important; background:none!important; }
.search_result #listing-container h2, .search_result #activelistings h2, .search_result #pendingsales h2, .search_result #soldlistings h2 { margin-top:10px; }
.search_result #listing-container {display:none; }

/*footer*/
#footer {width:100%; height:98px; background-color:#336799; margin-top:30px;}
#footer-wrapper {width:975px; height:66px; padding:32px 0 0 25px; margin:0 auto; color:#FFF; font-size:11px;}
#footer-wrapper p a {color:#91bce6; text-decoration:none; font-weight:bold;}

/*dropdown menu*/
#suckerfishnav,#suckerfishnav ul {float:left;list-style:none; margin:0; padding:0; }
#suckerfishnav a { display:block; text-decoration:none; }
#suckerfishnav li {float:left; padding:0; }
#suckerfishnav li a {background:url(images/nav-separator.gif) no-repeat right center; padding:13px 21px; text-decoration:none; color:#fff;}
#suckerfishnav li a:hover {background-color:#cd3333; }
#suckerfishnav ul {position:absolute; left:-999em; height:auto; width:151px; font-weight:400; line-height:1; border:0; border-top:1px solid #3f709f; margin:0;}
#suckerfishnav li li {width:149px; border-bottom:1px solid #3f709f; border-left:1px solid #3f709f; border-right:1px solid #3f709f;}
#suckerfishnav li li a {font-size:12px; color:#fff; font-weight:400; padding:7px 10px; background-image:none; background:#336799; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
#suckerfishnav li li a:hover {background:#4277aa; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; color:#fff;}
#suckerfishnav li ul {z-index:100; margin:0;}
#suckerfishnav li:hover ul ul,#suckerfishnav li:hover ul ul ul,#suckerfishnav li:hover ul ul ul ul,#suckerfishnav li.sfhover ul ul,#suckerfishnav li.sfhover ul ul ul,#suckerfishnav li.sfhover ul ul ul ul {left:-999em;}
#suckerfishnav li:hover ul,#suckerfishnav li li:hover ul,#suckerfishnav li li li:hover ul,#suckerfishnav li li li li:hover ul,#suckerfishnav li.sfhover ul,#suckerfishnav li li.sfhover ul,#suckerfishnav li li li.sfhover ul,#suckerfishnav li li li li.sfhover ul {
left:auto; background-image:none!important;}
#suckerfishnav li.sfhover { background-image:none!important;}
#suckerfishnav  .page-item-16 a {background-image:none!important;}

/*Comment*/
#comment_area {background:#fafbfc; padding:30px; margin-top:30px; font-size:11px; font-weight:bold; color:#4479B4; }
#comment_area textarea {width:100%; font-family:tahoma; }
#comment_area span {width:33%; float:left; }
#comment_area span big {color: #f00; }
#comment_area span input {width:90%; }
.commentlist {float:left; width:100%; padding-bottom:10px; }
.comment {float:left; margin-top:10px; -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -khtml-border-radius: 3px;  border-radius: 3px; border:solid 1px #e0e4e9; width:99.7%; background:#e4e9ed; }
.comment em {padding-left:5px; color:#841615; font-size:11px; font-weight:bold; }
.commentlist li .avatar {float: right; padding: 2px;border:solid 1px #e7d9d5; }
.comment-author {padding:5px; }
.commentmetadata {padding-left:5px; padding-bottom:10px; border-bottom:solid 2px #fff; }
.commentmetadata, .commentmetadata a {font-size:11px; color:#4479B4; }
.comment p {padding:10px; margin-top:0; background:#fafbfc; margin-bottom:0!important; font-size:11px; }
.comment , .comment a {text-decoration:none; font-style:normal; }
.comment .fn, .comment .fn a {text-transform:uppercase; font-weight:bold; color:#000 }

/*pagination*/
.navigation {margin:20px 20px 10px 0; padding-top:10px; }
.pages, .current, .navigation a {color:#1C7A9F; font-size:11px; margin-right:1px; padding:2px; background:#D4EBEF; padding:5px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:solid 1px #C7DFE3; }
.navigation a:hover  {color:#67ABB6; background:#D4EBEF; border:solid 1px #CDE7EB;}

/*misc*/
.textbox{ border:solid 1px #bbb; background:#fff; padding:4px 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size:11px; font-family:tahoma; }
.textbox:hover {border:solid 1px #abd2e1;}
.blue {color:#4195b9;}
.lightblue {color:#1c7a9f;}
.red {color:#e93328;}
.button {background:url(images/button-bg.jpg) repeat-x; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:solid 1px #fff;  padding:4px 10px; cursor:pointer; font-weight:bold; color:#fff;}
.padbottom100 {margin-bottom:100px;}
hr {height: 1px; margin: 0 0 20px 0; padding: 0; border: 0; border-bottom: 1px solid #888c90; clear:both; }

.classname {
	float:left;
	padding-right: 20px;
padding-bottom: 20px;
}