/**************************************
RE/MAX Centre Realty
Home page stylesheet
by Blue Banana Designs
www.bluebanana.net

Revised 1/30/2012
****************************************/


/* OVERRIDES
***************************************/
body {
background-image:url(/images/global/body-bgd.jpg);
background-position: 50% 0%;
background-repeat:repeat-x;
background-color:#f2f2f2;		
}
#content-wrapper {
padding-top:10px;
}

#middle-column {
margin:0px 0px;
}


/* FEATURED PROPERTY POD
************************************** */
#featured-property {
	position:relative;
	float: left;
	border-top: 1px solid #00196D;
	border-right: 1px solid #00196D;
	border-bottom: 1px solid #00196D;
	border-left: 1px solid #00196D;
	
	width:288px;
	/*width:200px;*/
	
	padding: 0;
	margin:0 18px 0px 0;
	height:387px;
	/*min-height:387px;*/
}
#featured-property h3 {
	background-color: #314594;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .5em 0;
	font-size: .7em;
	letter-spacing: .2em;
	margin:0;
}
#featured-property img {
	border-bottom: 1px solid #00196D;
}
#featured-property p {
	padding: 5px 8px;
	margin: 0;
	font-size: .7em;
	line-height:normal;
	
}
#featured-property ul {
border-top: 1px solid #ccc;
padding:0;
margin:5px 8px;
}
#featured-property ul li {
margin:0;
padding:0;
list-style:none;
font-size: .8em;
}
#featured-property ul li#price {
width:30%;
font-weight:bold;
float:left;
}
#featured-property ul li#city {
width:65%;
text-align:right;
float:right;
}
#featured-property ul li#mls-number {
clear:both;
text-align:center;
margin:0 auto;
}
#featured-property ul li#view-detail {
padding:8px 0px 2px;
margin:10px auto 0;
text-align:center;
border-top: 1px solid #ccc;
position:absolute;
bottom:5px;
left:5px;
right:5px;
}



/* QUICK SEARCH POD
*************************************************/
#quick-search {
	width:960px;
	padding: 0 0 0 0;
	margin:10px 0px 0px 0;
}
#quick-search {
	background-image:url("/images/pods/quick-search-pod/quick-search-pod-mid.png");
	background-position:center top;
	background-repeat:repeat-y;
	background-color:transparent;
}
#quick-search div#quick-search-pod-top {
	width:960px;
	height:9px;
	background-image:url("/images/pods/quick-search-pod/quick-search-pod-top.png");
	background-position:center top;
	background-repeat:no-repeat;
	background-color:transparent;
}
#quick-search div#quick-search-pod-btm {
	width:960px;
	height:11px;
	background-image:url("/images/pods/quick-search-pod/quick-search-pod-btm.png");
	background-position:center bottom;
	background-repeat:no-repeat;
	background-color:transparent;
}
#quick-search form {
border:none;
padding:10px;
margin:0;
background-color:transparent;
}
#quick-search form ul {
margin:0 auto;
padding:0;
text-align:center;	
}
#quick-search form ul li {
list-style:none;
display:inline-block;
margin:0px 10px;
vertical-align: middle;
}
#quick-search form ul li input,
#quick-search form ul li select {
border:1px solid #aaa;
}
#quick-search form ul li input#quick-search-btn {
border:none;	
}

#quick-search form ul#quick-search-first-row {
margin-bottom: 10px
}
#quick-search form ul#quick-search-first-row li {
margin:0px 15px;
}



/* SLIDESHOW AND ABOUT RE/MAX POD CONTAINER
*************************************************/
div#slideshow-and-about-remax {
	width:960px;

}

/* SLIDESHOW
*************************************************/
div#slideshow {
width:585px;
height:300px;
max-height:300px;
margin:12px 0 0 0;	
float:left;
position:relative;
}
div#slideshow {
	background-image:url("/images/pods/slideshow/slideshow-mid.png");
	background-position:center top;
	background-repeat:repeat-y;
	background-color:transparent;
}
div#slideshow div#slideshow-top {
	width:585px;
	height:3px;
	background-image:url("/images/pods/slideshow/slideshow-top.png");
	background-position:center top;
	background-repeat:no-repeat;
	background-color:transparent;
}
div#slideshow div#slideshow-btm {
	width:585px;
	height:5px;
	position:absolute;
	bottom:0px;
	background-image:url("/images/pods/slideshow/slideshow-btm.png");
	background-position:center bottom;
	background-repeat:no-repeat;
	background-color:transparent;
}
div#slideshow div#slideshow-content {
margin:0 4px;	
}
div#slideshow p#address-bar {
	margin:0;
	padding:3px 5px 0 8px;
width:auto;
height:24px;
background-color:#0052a3;
color:#fff;	
font-size:.7em;
}
div#slideshow div#slideshow-photo {
	margin:0;
	padding:0;
width:358px;
height:268px;
float:left;
/* background-color:Red testing */
}
div#slideshow div#property-info {
	width:219px;
	overflow:auto;
	height:190px;
}
div#slideshow div#property-info p {
	margin:8px 10px;
	padding:0;
	font-size:.75em;
	line-height:1.2em;
}
div#slideshow p#property-price {
	position:absolute;
	top:230px;
	left:370px;
	color: #6697c8;
	font-size:1.0em;
	line-height:1.2em;
}
div#slideshow p#property-more-info-btn {
	position:absolute;
	top:230px;
	left:485px;
}

/* ---- Slideshow Buttons ---- */
div#slideshow div#slideshow-buttons {
	width:219px;
	height:24px;
	background-color: #3375b5;
	position:absolute;
	right:4px;
	bottom:5px;
	/* Hide at start up. Display via javascript, if enabled. */
	display:none;
}
div#slideshow div#slideshow-buttons ul {
	padding:0;
	text-align:center;
	margin:6px auto 0;
	
}
div#slideshow div#slideshow-buttons ul li {
	margin:0 5px;
	padding:0;
	list-style:none;
	display:inline-block;
	text-align:center;
	
	width:12px;
	height:12px;
	background-position:center center;
	background-repeat:no-repeat;
	background-color: transparent;
	text-indent:-9999px;
	text-decoration:none;
	cursor:pointer;
}
.inactive-slide-btn {
background-image: url(/images/slideshow/slide-selector.png);
}
.active-slide-btn {
background-image: url(/images/slideshow/slide-selector-active.png);
}

/* ---- Slides ---- */
/* Hide these slides at start up. They will be shown via javascript, if enabled. */
div#slideshow div#slide-2,
div#slideshow div#slide-3,
div#slideshow div#slide-4,
div#slideshow div#slide-5 {
display:none;
}



/* ABOUT RE/MAX POD
*************************************************/
div#about-remax-pod {
	width:363px;
	height:300px;
	float:right;
	padding: 0 0 0 0 !important;
	margin:12px 0px 0px 0 !important;
	position:relative;
}
div#about-remax-pod {
	background-image:url("/images/pods/about-remax-pod/about-remax-pod-mid.png");
	background-position:center top;
	background-repeat:repeat-y;
	background-color:transparent;
}
div#about-remax-pod div#about-remax-pod-top {
	width:363px;
	height:7px;
	background-image:url("/images/pods/about-remax-pod/about-remax-pod-top.png");
	background-position:center top;
	background-repeat:no-repeat;
	background-color:transparent;
}
div#about-remax-pod div#about-remax-pod-btm {
	width:363px;
	height:8px;
	position:absolute;
	bottom:0px;
	background-image:url("/images/pods/about-remax-pod/about-remax-pod-btm.png");
	background-position:center bottom;
	background-repeat:no-repeat;
	background-color:transparent;
}
div#about-remax-pod div#about-remax-pod-content {
	height: 260px;
	margin: 14px 10px 10px 0px !important;
	overflow:auto;
}
div#about-remax-pod div#about-remax-pod-content h2 {
	
	margin:0px 15px 0px 5px;	
	font-size:1.0em;
	line-height:1.4em;
	color:inherit;
	background-color:transparent;
}
div#about-remax-pod div#about-remax-pod-content img {
	margin:0px 7px 0px 24px;	
	float:left;
}
div#about-remax-pod div#about-remax-pod-content p {
	clear:both;
	font-size:.8em;
	margin:20px 24px 0px;
	line-height:1.3em;
	padding:10px 0 12px 0;
}


/* HOME PAGE POD CONTAINER
****************************************/
div#home-page-pod-container {
	width:960px;
clear:both;
padding-top:12px;	
}

/* POD 585
****************************************/
.pod-585 {
	width:585px;
	padding: 0 0 0 0 !important;
	margin:12px 0px 0px 0 !important;
	position:relative;
}
.pod-585 {
	background-image:url("/images/pods/pod-585/pod-585-mid.png");
	background-position:center top;
	background-repeat:repeat-y;
	background-color:transparent;
}
.pod-585 div.pod-585-top {
	width:585px;
	height:9px;
	background-image:url("/images/pods/pod-585/pod-585-top.png");
	background-position:center top;
	background-repeat:no-repeat;
	background-color:transparent;
}
.pod-585 div.pod-585-btm {
	width:585px;
	height:11px;
	position:absolute;
	bottom:0px;
	background-image:url("/images/pods/pod-585/pod-585-btm.png");
	background-position:center bottom;
	background-repeat:no-repeat;
	background-color:transparent;
}
.pod-585 p {
	font-size:.8em;
	margin:8px 24px;
	padding:0px;
	line-height:1.3em;
	padding-bottom:8px;
}
.pod-585 p.first-para {
	/*padding-top:12px;*/
}

.pod-585 p.last-para {
	/*padding-bottom:28px;*/
}


/* POD 363
****************************************/
.pod-363 {
	width:363px;
	padding: 0 0 0 0 !important;
	margin:12px 0px 0px 0 !important;
	position:relative;
}
.pod-363 {
	background-image:url("/images/pods/pod-363/pod-363-mid.png");
	background-position:center top;
	background-repeat:repeat-y;
	background-color:transparent;
}
.pod-363 div.pod-363-top {
	width:363px;
	height:9px;
	background-image:url("/images/pods/pod-363/pod-363-top.png");
	background-position:center top;
	background-repeat:no-repeat;
	background-color:transparent;
}
.pod-363 div.pod-363-btm {
	width:363px;
	height:11px;
	/*position:absolute;
	bottom:0px;*/
	background-image:url("/images/pods/pod-363/pod-363-btm.png");
	background-position:center bottom;
	background-repeat:no-repeat;
	background-color:transparent;
}
.pod-363 p {
	font-size:.8em;
	margin:8px 24px;
	padding:0px;
	line-height:1.3em;
	padding-bottom:8px;
}
.pod-363 p.first-para {
	/*padding-top:12px;*/
}

.pod-363 p.last-para {
	/*padding-bottom:28px;*/
}


/* MARKET INFO POD
****************************************/
div#market-info-pod {
float:left;
height:499px;
margin:0px !important;	
}
div#market-info-pod h2 {
margin:20px 0 10px;
padding:0;
text-align:center;
background-color:transparent;
color:#5b5b5b;	
}
div#market-info-pod div#market-info-pod-content {
	margin:10px 10px 10px 0;
	padding:0;
	height:404px;
	overflow:auto;
}
div#market-info-pod div#market-info-pod-content div#market-info-snapshot {
	margin:0 auto;
	text-align:center;
}
div#market-info-pod div#market-info-pod-content p#view-more-info-btn {
	text-align:center;
	margin-bottom:8px;
}


/* SIDE PODS
****************************************/
div#side-pods {
width:363px;
float:right;	
}

/* TESTIMONIAL POD
****************************************/
div#testimonial-pod {
	width:363px;
	height:168px;
	margin:0px !important;
}
div#testimonial-pod div#testimonial-pod-content {
	margin:10px 10px 10px 0;
	padding:0;
	height:128px;
	overflow:auto;
	background-image:url(/images/global/testimonial-pod-quote-marks.png);
	background-position:20px 0px;
	background-repeat:no-repeat;
}
div#testimonial-pod p.quote {
	font-size:.8em;
	font-size:.975em;
	line-height:1.2em;
	padding-top:0px;
}
div#testimonial-pod p.quotee {
	font-size:.8em;
	font-size:.975em;
	line-height:1.2em;
	padding-bottom:0px;
}

/* EXPLORE CENTRE COUNTY POD
****************************************/
div#explore-centre-county-pod {
	width:363px;
	margin:12px 0px 0 0 !important;
}
div#explore-centre-county-pod img.inset-photo {
float:left;
margin:12px 10px 20px 20px;
border:1px solid #000;	
}
div#explore-centre-county-pod p {
font-size:.75em;
margin-bottom:5px;
line-height:1.2em;
}
div#explore-centre-county-pod p.last-para {
font-size:.75em;
margin:0 24px 0 0;
text-align:center;
}
div#explore-centre-county-pod div.pod-363-btm {
clear:both;
}


/* SOCIAL MEDIA POD
****************************************/
div#social-media-pod {
width:363px;
	margin:12px 0px 0 0 !important;
}
div#social-media-pod span#facebook-badge {
float:left;
margin:6px 0 4px 23px;
}
div#social-media-pod span#twitter-badge {
float:right;
margin: 6px 23px 4px 0;
}
div#social-media-pod div.pod-363-btm {
clear:both;
}




/* HOMES CALLOUT
****************************************/
div#homes-callout {
clear:left;
margin-top:20px;
width: 602px;
padding-top:10px;
background-image: url(/images/1in3-homes-callout-top.png);
background-position:top center;
background-repeat: no-repeat;
}
div#homes-callout div#homes-callout-btm {
width: 602px;
height: 10px;
background-image: url(/images/1in3-homes-callout-btm.png);
background-position:top center;
background-repeat: no-repeat;
}
div#homes-callout p {
padding:10px 10px;
margin:0;
font-weight:bold;
font-size: 1.2em;
font-family: verdana, Arial, Helvetica, sans-serif;
line-height:normal;
text-align:center;
background-color:#ac0000;
color:#fff;
}
div#homes-callout a,
div#homes-callout a:link,
div#homes-callout a:visited {
background-color:#ac0000;
color:#fff;
text-decoration:none;
}
div#homes-callout a:hover {
text-decoration:underline;
}
div#homes-callout p#footnote {
padding:0;
margin:0;
font-weight:normal;
font-size: 1em;
font-family: verdana, arial,helvetica,sans-serif;
background-color:#fff;
color:#000;
background-image:none;
}