@import url("fancybox.css");

/*================= CSS RESET ==================*/
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, font, img, ins, kbd, q, s, 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-weight: inherit; font-style: inherit;font-size: 100%;font-family: inherit; vertical-align: baseline;}

/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* ------------------------------------------------------------------
	MAIN STYLESHEET
------------------------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
}
/* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
html {
	overflow-y: scroll;
	height: 100%;
}
/* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
body {
	background: #fff;
	font-size: 100%; /* from 16px browser default to useable 10px */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	font-size:13px;
	height: 100%;
	
}
/* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
.bodystyle {
	color: #000;
	background:url(../../images/site_bg.jpg) top left repeat-x #f5f0ea;
	
}
/* clears all floats; apply to empty divs if needed. */
.clear {
	clear: both;
}

/*====STICKY WRAPPER======*/
 .stickywrapper {
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -79px;
 }

.push {height: 79px;}

/* ====================
GLOBAL STYLES - style as necessary
======================= */

p {
	font-size: 13px; /*14px*/
	line-height: 19px; /*18px*/
	margin: 2px 0 14px 0;
	color:#000;
}
a:link {
	color: #0076a3;
	text-decoration: underline;
}
a:visited {
	color: #0076a3;
	text-decoration: underline;
}
a:hover {
	color: #0076a3;
	text-decoration: none;
}
a:active {
	color: #0076a3;
	text-decoration: underline;
}
strong {
	font-weight: bold;
}
em, i {
	font-style: italic;
	font-size:16px;
	line-height: 22px;
	color: #666;
	font-family:Georgia, "Times New Roman", Times, serif;
}
h1 {
	font-size: 28px;
	line-height: 30px;
	color: #042224;
	margin-bottom: 15px;
	font-weight: normal;
}
h2 {
	font-size: 14px;
	color: #042224;
	margin: 5px 0 5px 0;
	font-weight:bold;
}
h3 {
	font-size: 22px;
	display:block;
	color: #011c1e;
	margin:10px 0 4px 0;
	letter-spacing:-1px;
}
h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #011c1e;
	display:block;
	color:#0076a3;
	text-shadow:1px 1px #FFF;
	margin:0 0 4px 0;
}
h5 {
	font-size: 16px;
	color: #ab906e;
	margin-top:20px;
}
h6 {}

.floatleft {
	float:left;
	padding: 0 10px 0 0;
}

.floatleft img {margin:10px 0 0 0;}

.floatright {
	float:right;
}


.wrap {width:960px; margin:0 auto;}

.clear {clear:both;}

.spacer {height:20px;}

br {line-height: 25px;}


/*====HEADER
======================*/

#header {
	background:url(../../images/head_bg.jpg) top left repeat-x;
	height: 108px;
}

#header .logo {float: left; position:relative; top:14px;}

.mainnav{float:right; position:relative; top:40px;}
.mainnav ul{}

.mainnav li {float:left; margin: 0 0 0 10px;}

.mainnav li a {background-image:url(../../images/menu_sprite_07.png); text-indent:-9999px; height:26px; display:block; background-repeat:no-repeat;}
.mainnav li a:hover {background-color:#857c45;}

.mainnav li#home a {background-position:0 0; width:52px;}
.mainnav li#listings a {background-position:-68px 0; width:71px;}
.mainnav li#ourteam a {background-position:-157px 0; width:83px;}
.mainnav li#services a {background-position:-256px 0; width:73px;}
.mainnav li#guelph a {background-position:-346px 0; width:118px;}
.mainnav li#contactus a {background-position:-480px 0; width:97px;}
.mainnav li#mls a {background-position:-593px 0; width:40px;}

/*====SPLASH AREA
======================*/

#splash {
	background:url(../../images/stucco.jpg) top left repeat-x;
	height:375px;
}

#splash .welcometext {width:470px; float:left; position:relative; top:65px;}
#splash .welcometext p {font-size:16px;}

#splash .splashdoor {
	float: right;
	background:url(../../images/img_splashdoor.png) top left no-repeat;
	width:477px;
	height:410px;
	position:relative;
	top: 15px;
}

/*====CONTENT AREA
======================*/

#contentarea, #subpagearea {float: left; background: url(../../images/img_footerplant.png) bottom right no-repeat; padding-bottom:15px;}

#contentarea .col1 {
float: left;
width: 220px;
}

#contentarea .col1 img {margin:0 0 10px 0;}

#contentarea .col2 {
float: left;
width: 440px;
border-right: 1px solid #dccba6;
margin: 0 0 20px 20px;
min-height: 360px;
}

#contentarea .col2 img {padding:0 10px 0 10px;}
#contentarea .col2 p {padding:0 25px 0 10px;}
#contentarea .col2 h2 {padding:0 0 0 10px;}

#contentarea .col3 {
float: right;
margin: 0 0 0 10px;
width:260px;
}

#contentarea .col3 p {padding:0 0 0 10px;}
#contentarea .col3 img {padding:0 0 0 10px;}


/*====FOOTER
======================*/

#footer {
	background:url(../../images/bg_footer.png) top center repeat-x;
	height: 79px;
	clear: both;
	}
	
#footer .plantbase {
	float:right;
	position:relative;
	right: 10px;
	top: -10px;
}

#footer .footermenu {
	font-size:11px;
	text-transform: uppercase;
	color:#857c45;
	float: left;
	position:relative;
	top: -15px;	
}

#footer .footermenu a {font-weight:normal; color:#857c45; text-decoration:none;}
#footer .footermenu a:hover {text-decoration:underline;}

#footer .copyright {
	font-size:11px;
	text-transform: uppercase;
	color:#857c45;
	float: right;
	position:relative;
	top: -15px;	
	right: 15px;
}

/*====SUBPAGE STRUCTURE
======================*/

#subpage .titlearea {
	background:url(../../images/subpage_stucco.jpg) top right repeat-x;
	height:113px;
}

#subpage .titlearea h1 {float:left; position:relative; top:30px;}
#subpage .slogan {float:right; position:relative; top:40px; right:18px;}

#subpagearea .subcol1 {
	float: left;
	position:relative;
	width:680px;
	margin: 10px 10px 20px 0;
	padding:0 10px 0 0;
	border-right: 1px solid #dccba6;
	min-height:768px;
}

#subpagearea .subcol1 p {padding: 0 28px 0 0;}

#subpagearea .subcol1 ul {margin:0 0 0 13px;}

#subpagearea .subcol1 li {
	background-image:url(../../images/bullet_img_11.gif);
	background-repeat:no-repeat;
	background-position: 0 3px;
	padding:0 0 0 12px;
	margin: 10px 0 10px 0;
}

.testimonial {
	background:#e5d8bd;	
	padding:9px;
	width:650px;
}

#subpagearea .subcol2 {
	float: left;
	position:relative;
	width: 240px;
	margin: 10px 0 20px 10px;
	text-align:left;
}

#subpagearea .subcol2 img {margin:0 0 15px 0;}

#subpagearea .subcol2 a {display:block;}
#subpagearea .subcol2 a:hover { text-decoration:none; -moz-opacity: 0.8; opacity:0.8; filter:alpha(opacity = 80);}


#subpagearea .subcol2 p {text-align:left; width:220px; margin:0 0 15px 0;}


/*====LISTINGS PAGE
======================*/

.sortlistings {
	background:#e5d8bd;
	border: 1px solid #c5ae82;
	display:block;
	text-align:center;
	padding:8px;
	color:#042224;
	font-size: 16px;
	width: 642px;
	margin: 0 0 20px 0;
	font-weight:bold;
}

.listpages select{border:0; padding: 1px; width:205px;}



.listpages {
	background:url(../../images/img_listingpagebg.gif) top left no-repeat;
	height: 32px;
}

.listpages a {color:#fff;}

.previous {float:left; position:relative; color:#fff; border-right:1px solid #608183; display:block; margin: 3px 5px 0 5px; padding:5px 5px 0 0;}

.next {float:left; position:relative; color:#fff; border-left:1px solid #608183; display:block; margin: 3px 0 0 0; padding:5px 0 0 7px;}

.pagenumbers {
float:left; 
position:relative; 
color:#fff; 
display:block; 
height:22px; 
padding: 8px 0 0 0;
width:527px;
text-align:center;
}



.listingalt {height:210px; margin:10px 0 0 0; padding:3px; width:650px; background:#e5d8bd; border: 1px solid #c5ae82; width:650px;}
.listing {padding:3px; margin:10px 0 0 0;}
.listing p, .listingalt p {line-height:19px; padding:7px; width:350px; margin:5px 0 10 7px;}
.listing strong, .listingalt strong {font-size: 11px;}
.picbacklarge {background:url(../../images/listing_pic_large.png) top left no-repeat; width:275px; height:209px; float:left;}
.picbacklarge img {position:relative; float: left; top: 11px; left:13px;}
.listingsummary {float:left; width:370px; position:relative; top:5px; left:7px;}
.mls {font-size:14px; display:block; margin:7px 0 0 0;}
tt {margin:0 13px 0 0;}

.listing h2, .listingalt h2 {font-weight:normal;}

/*====LISTING DETAIL
======================*/

.detailtitle {
	background:#e5d8bd;	
	border: 1px solid #c5ae82; width:650px;
	height: 30px;
	padding:7px;
	margin:0 0 15px 0;
}

.detailtitle h3 {float:left; position:relative; top:3px; margin:0; padding:0;}
.detailtitle h4 {float:right;}


.detailtitle ul{float:left;}
.detailtitle li{float:left;}

.largeimage {
	background:url(../../images/listingdetailpic_large.png) top left no-repeat;
	width: 362px;
	height:277px;
	float: left;
	position:relative;
	left: -5px;
	margin-bottom: 15px;
}
.largeimage img {float: left; position:relative; top:13px; left:14px;}

.smallimage {
	background: url(../../images/listing_pic_small.png) top left no-repeat;
	width:96px;
	height:76px;
	float: left;
	position:relative;
	top: 5px;
	margin:0 0 7px 5px;
}

.smallimage img {float:left; position:relative; top:5px; left:7px;}

.block {display:inline-block; width:120px;}

#subpagearea .subcol1 ol.features {margin:0 0 20px 0;}
#subpagearea .subcol1 ol.features li {background-image:none; padding:0 3px 7px 3px; margin:0 0 7px 0; width:85%; border-bottom: 1px solid #D3BE96;}
#subpagearea .subcol1 .features .alt {padding:0 3px 7px 3px; margin:0 0 7px 0; width:85%; border-bottom: 1px solid #D3BE96;}

.walkscore {background:#fff; border: 1px solid #ccbda0; width:629px; padding:5px; margin: 10px 0 10px 0;}

.mlsnumber {
	background:url(../../images/mlsnumber_bg.jpg) top left no-repeat;
	height:30px;
	width:242px;
	text-align:left;
	color:#fff;
	float:left;
	position:relative;
	font-size: 16px;
	padding: 7px 0 0 7px;
	font-weight:bold;
	margin:0 0 5px 0;
}

.mlsnumber a {display:block; color:#fff; text-decoration:none;}
.mlsnumber a:hover {display:block; color:#fff; text-decoration:none; -moz-opacity: 0.5; opacity:0.5; filter:alpha(opacity = 50);}

.contactform {text-align:left;}

.contactform fieldset {
	background:#d4c096;
	border:1px solid #d3be96;
	padding: 12px;
}

.contactform li {line-height:16px;}

.contactform input {border:0; padding: 3px; margin:4px 0 10px 0; width:205px;}
.contactform textarea {border:0; padding: 3px; margin:4px 0 10px 0; width:205px;}
.contactform .formtitle {color:#fff; font-weight:bold; font-size:16px; letter-spacing:-1px; margin:0 0 12px 0;}
.sendbtn {background:url(../../images/send_btn.jpg) top left no-repeat; width:61px; height:30px; color:#fff; font-weight:bold; font-size:16px; text-align:center; padding-top:6px;}

.sendbtn a {display:block; color:#fff; text-decoration:none;}
.sendbtn a:hover {display:block; color:#fff; text-decoration:none; -moz-opacity: 0.5; opacity:0.5; filter:alpha(opacity = 50);}

#PrintHeader, .PrintMap {display:none;}