<!DOCTYPE html>
<html>

<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>INSTANT ACCESS | Search All Barrie & Orillia MLS® Homes, Condominiums and Real Estate Listings For Sale</title>
	<meta name="keywords" content="Barrie, Clearview, Essa, Innisfil, Midland, Muskoka, Orillia, Oro-medonte, Parry Sound, Penetanguishene, Ramara, Severn, Springwater, Tay, Tiny, Wasaga Beach" />
<link rel="stylesheet" type="text/css" href="/css/blueprint/screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/blueprint/plugins/buttons/screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/blueprint/print.css" media="print" />
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="/css/blueprint/ie.css" media="screen" />
<![endif]-->
<link rel="stylesheet" type="text/css" href="/css/sticky-footer.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/site-master.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/themes/default.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/themes/responsive.css" />
<script type="text/javascript" src="/js/jquery.js"></script>
			<!-- Global site tag (gtag.js) - Google Ads: 605920953 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-605920953"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-605920953');
</script>
				<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-17385832138"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-17385832138');
</script>
		</head>
<style>
	.ui-autocomplete .ui-menu-item {
		border-top: 1px solid #3333;
		padding: 4px 0px 4px 6px !important;
		margin-left: -2px !important;
		width: calc(100% - 2px) !important;
	}

	.ui-autocomplete .ui-menu-item:hover,
	.ui-autocomplete .ui-menu-item:hover a {
		background-color: #fafafa;
	}

	.ui-autocomplete li:first-child {
		border-top: none !important;
	}

	.ui-autocomplete .ui-menu-item a {
		background-image: url('https://www.northof89.info/img/autocomplete-icons.png');
		background-size: 30px;
		background-repeat: no-repeat;
		background-position: -14px -104px;
		padding: 1px 1px 1px 18px !important;
		background-color: #ffffff;
		border: none !important;
		margin: 0 !important;
	}

	#headercontainer {
		background: url('/img/bg-shadow2.png') repeat-x scroll 0 0 #6D799A !important;
	}
</style>

<body>
	<div id="wrap">
		<div id="company-info-bar">
	</div>
		<div id="headercontainer">
			<div id="header">
				<h1 id="site-header">
					INSTANT ACCESS | Search All Barrie & Orillia MLS® Homes, Condominiums and Real Estate Listings For Sale				</h1>
									<h3 id="site-subheader">Search 1000's of MLS&reg; Houses, Homes and Condominiums - View Pictures, Videos and Details... See Properties in Real Time As They Come Onto The Market</h3>
							</div>
		</div>
		<div id="content" class="container showgrid-off">

						<div id="maincontent">
									<style>
	.areYouRadio input {
		float: left;
	}

	.areYouRadio label {
		float: left;
		margin-top: 3px;
	}

	.areYouRadio label+input {
		clear: both;
	}

	.ui-autocomplete .ui-menu-item {
		border-top: 1px solid #3333;
		padding: 4px 0px 4px 6px !important;
		margin-left: -2px !important;
		width: calc(100% - 2px) !important;
	}

	.ui-autocomplete .ui-menu-item:hover,
	.ui-autocomplete .ui-menu-item:hover a {
		background-color: #fafafa;
	}

	.ui-autocomplete li:first-child {
		border-top: none !important;
	}

	.ui-autocomplete .ui-menu-item a {
		background-image: url('../../img/autocomplete-icons.png');
		background-size: 30px;
		background-repeat: no-repeat;
		background-position: -14px -104px;
		padding: 1px 1px 1px 18px !important;
		background-color: #ffffff;
		border: none !important;
		margin: 0 !important;
		font-size: 14px;
	}
</style>
<script type="text/javascript" src="/js/theme1/jquery-1.8.2.min.js"></script>
	<style>
		.submit input[type="submit"] {
			background-color: #6a6a6a;
			border: 0 none;
			color: #fff;
			font-size: 1.375em;
			height: auto;
			margin-bottom: 20px;
			padding: 10px 15px;
			cursor: pointer;
		}
	</style>
	<script type="text/javascript">
		function show_nebhour(neighbour_id) {
			if ($('.Areas' + neighbour_id).is(':checked')) {
				$('#Areas' + neighbour_id).show();
			} else {
				$('#Areas' + neighbour_id).find('input[type=checkbox]:checked').removeAttr('checked');
				$('#Areas' + neighbour_id).hide();
			}
		}
	</script>

		<script>
		$(document).ready(function() {
			if ($("#AreasAddress").length > 0) {
				var search_result = [];
				$("#AreasAddress").autocomplete({
					source: async function(request, response) {
						var inputsearch = $("#AreasAddress").val();
						const provider = new GeoSearch.OpenStreetMapProvider({
							params: {
								addressdetails: 1,
								countrycodes: 'ca',
								limit: 25
							},
						});
						const results = await provider.search({
							query: inputsearch
						});
						var json = JSON.parse(JSON.stringify(results));
						var res = [];
						$.each(json, function(x, y) {
							search_result.push(y);
							res.push(y.label);
						});

						response(res);
					},
					minLength: 1,
					select: function(event, ui) {

						$.each(search_result, function(x, y) {

							if (y.label == ui.item.value) {
								$("#AreasLat").val(y.raw.lat);
								$("#AreasLng").val(y.raw.lon);

								$("#AreasCity").val(y.raw.address.city);
								$("#AreasNeighborhood").val(y.raw.address.neighbourhood);
							}
						});

					}
				});
			}
		});
	</script>
	<script type="text/javascript" src="/js/sweetmodal/jquery.sweet-modal.min.js"></script>
<link rel="stylesheet" type="text/css" href="/css/sweetmodal/jquery.sweet-modal.min.css" />
		<script>
			$(document).ready(function($) {
				$('#submit_areas_page').click(function() {
					//return false;
					var chklength = $('input:checkbox.main_areas').length;

					if ($('input:checkbox.main_areas:checked').length <= 0 && $('#AreaSpecificArea').val() == "") {
						//$("html, body").animate({ scrollTop: 0 });
						$.sweetModal({
							content: '<h3>You must pick at least one Area to receive any search results.</h3>',
							icon: $.sweetModal.ICON_WARNING
						});
						return false;
					}

					var co_sel_area = 0;
					var need_neigh_for = Array();
					$('input:checkbox.main_areas:checked').each(function() {
						co_sel_area++;
						//var sThisVal = (this.checked ? $(this).val() : "");
						//alert(sThisVal);
						var area_class_name_array = $(this).attr('class').split(' ');
						var area_class_name = area_class_name_array[0];
						//alert(area_class_name);

						var chkneighlength = $('div#' + area_class_name + ' input[type=checkbox]').length;
						//alert(chkneighlength);

						var co_sel_neigh = 0;
						//alert(co_sel_neigh);
						$('div#' + area_class_name + ' input[type=checkbox]:checked').each(function() {
							//alert('hello');					
							co_sel_neigh++;
						});

						if (chkneighlength > 0 && co_sel_neigh <= 0) {
							need_neigh_for.push($(this).val());
						}
						//alert(co_sel_neigh);

					});

					if (chklength > 0 && need_neigh_for.length > 0) {
						//show_alert_pop_area = 2; 
						//show_search_tab(1);
						//parent.$.fancybox.close();
						//$(window).scrollTop($('#grl_areas').offset().top);
						//$(window).scrollTop($('#grl_areas').offset().top);
						//$("html, body").animate({ scrollTop: 0 });
						$.sweetModal({
							content: '<h3>You must pick at least one Area to receive any search results.</h3>',
							icon: $.sweetModal.ICON_WARNING
						});
						return false;
					} else {
						$('#AreasForm').submit();
					}
					//alert(co_sel_neigh);
					//var chk_arr =  document.getElementsByName("area[]");
					//$('#AreasForm').submit();
				});
			});
		</script>
		<form action="/areas" id="AreasForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST" /></div>	
			<h2>Step 1 of 3: Choose Areas</h2>
		<div class="inline span-10">
			<fieldset><legend>Are You?</legend><div class="area-selection areYouRadio"><input type="radio" name="data[Areas][are_you]" id="AreasAreYouBuying" value="Buying" checked="checked"  /><label for="AreasAreYouBuying">Buying</label><input type="radio" name="data[Areas][are_you]" id="AreasAreYouSelling" value="Selling"  /><label for="AreasAreYouSelling">Selling</label><input type="radio" name="data[Areas][are_you]" id="AreasAreYouBuyingAndSelling" value="Buying and Selling"  /><label for="AreasAreYouBuyingAndSelling">Both</label></div></fieldset>				<style>
					#grl_areas div.checkbox {
						float: left;
						width: 50%;
					}
				</style>
						<style>
				.span-10 {
					width: 470px;
				}

				.prepend-2 {
					padding-left: 0px;
				}
			</style>
			<fieldset>
				<legend>Which Areas are you interested in?</legend>
				<input type="hidden" value="" name="data[Areas][areas]">
				<div id="grl_areas" class="area-selection"><div class="checkbox">
			<input type="checkbox" id="AreasAreasBarrie" value="Barrie" name="data[Areas][areas][Barrie]" class="Areas7739 main_areas" data-areaId="7739"  onclick="show_nebhour(7739);">
			<label for="AreasAreasBarrie">Barrie</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasOrillia" value="Orillia" name="data[Areas][areas][Orillia]" class="Areas7753 main_areas" data-areaId="7753"  onclick="show_nebhour(7753);">
			<label for="AreasAreasOrillia">Orillia</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasOro-medonte" value="Oro-medonte" name="data[Areas][areas][Oro-medonte]" class="Areas7755 main_areas" data-areaId="7755"  onclick="show_nebhour(7755);">
			<label for="AreasAreasOro-medonte">Oro-medonte</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasSpringwater" value="Springwater" name="data[Areas][areas][Springwater]" class="Areas7756 main_areas" data-areaId="7756"  onclick="show_nebhour(7756);">
			<label for="AreasAreasSpringwater">Springwater</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasEssa" value="Essa" name="data[Areas][areas][Essa]" class="Areas7757 main_areas" data-areaId="7757"  onclick="show_nebhour(7757);">
			<label for="AreasAreasEssa">Essa</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasInnisfil" value="Innisfil" name="data[Areas][areas][Innisfil]" class="Areas7754 main_areas" data-areaId="7754"  onclick="show_nebhour(7754);">
			<label for="AreasAreasInnisfil">Innisfil</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasSevern" value="Severn" name="data[Areas][areas][Severn]" class="Areas7758 main_areas" data-areaId="7758"  onclick="show_nebhour(7758);">
			<label for="AreasAreasSevern">Severn</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasTay" value="Tay" name="data[Areas][areas][Tay]" class="Areas7764 main_areas" data-areaId="7764"  onclick="show_nebhour(7764);">
			<label for="AreasAreasTay">Tay</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasRamara" value="Ramara" name="data[Areas][areas][Ramara]" class="Areas7759 main_areas" data-areaId="7759"  onclick="show_nebhour(7759);">
			<label for="AreasAreasRamara">Ramara</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasMidland" value="Midland" name="data[Areas][areas][Midland]" class="Areas7760 main_areas" data-areaId="7760"  onclick="show_nebhour(7760);">
			<label for="AreasAreasMidland">Midland</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasPenetanguishene" value="Penetanguishene" name="data[Areas][areas][Penetanguishene]" class="Areas7761 main_areas" data-areaId="7761"  onclick="show_nebhour(7761);">
			<label for="AreasAreasPenetanguishene">Penetanguishene</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasTiny" value="Tiny" name="data[Areas][areas][Tiny]" class="Areas7765 main_areas" data-areaId="7765"  onclick="show_nebhour(7765);">
			<label for="AreasAreasTiny">Tiny</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasClearview" value="Clearview" name="data[Areas][areas][Clearview]" class="Areas7767 main_areas" data-areaId="7767"  onclick="show_nebhour(7767);">
			<label for="AreasAreasClearview">Clearview</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasMuskoka" value="Muskoka" name="data[Areas][areas][Muskoka]" class="Areas7762 main_areas" data-areaId="7762"  onclick="show_nebhour(7762);">
			<label for="AreasAreasMuskoka">Muskoka</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasParry Sound" value="Parry Sound" name="data[Areas][areas][Parry Sound]" class="Areas7763 main_areas" data-areaId="7763"  onclick="show_nebhour(7763);">
			<label for="AreasAreasParry Sound">Parry Sound</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasWasaga Beach" value="Wasaga Beach" name="data[Areas][areas][Wasaga Beach]" class="Areas7766 main_areas" data-areaId="7766"  onclick="show_nebhour(7766);">
			<label for="AreasAreasWasaga Beach">Wasaga Beach</label></div></div>									<div class="input text" style="float:left; width:100%">
						<label for="AreaSpecificArea">Other Area?</label>
						<input type="text" id="AreaSpecificArea" value="" class="title" name="data[Areas][specific_area]">
					</div>
							</fieldset>
		
				<div class="submit">
					<div class="clear">
						<input id="submit_areas_page" type="submit" value="Continue &gt;&gt;" />						<div style="float:right;"><img class="mls_logo" src="/img/mlsr.png"></div>
					</div>
				</div>
				</div>
				</form>				<div class="span-12 last prepend-2"><div class="site-photo"><img src="/uploads/848_271021125439_6050bf8f59c8a_1615904655.jpg" alt="INSTANT ACCESS | Search All Barrie &amp; Orillia MLS® Homes, Condominiums and Real Estate Listings For Sale" width="425" height="246" /></div></div><div id="additional-content">
Barrie is a city and manifesting regional center in Central Ontario, Canada. The city is situated geographically within Simcoe County. The Barrie census metropolitan area (CMA) as of the same census had a population of 197,059 residents, making it the 21st largest CMA in Canada.<br />
Barrie is home to vibrant performing and fine arts scenes. The Strolling Youth Players and the Kempenfelt Community Players also all perform in Barrie. The prominent MacLaren Art Centre is located in Barrie. This is an innovative art gallery that inspired the "Art City" project.</div>
<style type="text/css" media="all">

	.image_carousel {
		position: relative;
		float:left;
		width:100%; 
		margin-top:30px;
		clear:both;
	}


	.image_carousel img {
		border: 1px solid #ccc;
		background-color: white;
		padding: 9px;
		margin: 7px;
		display: block;
		float: left;
		cursor : pointer;
		box-shadow: 0 0 10px #444444;
		width:203px;
		height:174px; 
	}

	.image_carousel .caroufredsel_wrapper{
		width:100% !important;
	}

	a.prev, a.next {
		background: url(https://www.northof89.info/img/miscellaneous_sprite.png) no-repeat transparent;	
		width: 45px;
		height: 50px;
		display: block;
		position: absolute;
		top: 85px;
	}

	a.prev {
		left: -22px;
		background-position: 0 0;
	}

	a.prev:hover {		
		background-position: 0 -50px; 
	}

	a.prev.disabled {	
		background-position: 0 -100px !important; 
	}

	a.next {
		right: -25px;
		background-position: -50px 0; 
	}

	a.next:hover {	
		background-position: -50px -50px; 
	}

	a.next.disabled {	background-position: -50px -100px !important;  }

	a.prev.disabled, a.next.disabled {
		cursor: default;
	}

	a.prev span, a.next span {
		display: none;
	}

	.pagination {
		text-align: center;
	}

	#additional-content {
		text-align:justify;
	}
	
	.pagination a {
		background: url(https://www.northof89.info/img/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
		width: 15px;
		height: 15px;
		margin: 0 5px 0 0;
		display: inline-block;
	}

	.pagination a.selected {
		background-position: -25px -300px;
		cursor: default;
	}

	.pagination a span {
		display: none;
	}

	.clearfix {
		float: none;
		clear: both;
	}
	
	
	#foo2 .inline_info{ width:282px; margin-left:-289px; margin-top:151px; float:left; min-height:40px; padding:5px 0; background:#000; opacity:0.7; filter:alpha(opacity=70); color:#fff; text-align:center;}
	#foo2 img.sold{ width:90px; height:89px; margin-left:-97px; margin-top:7px; box-shadow:none; float:left; border:0; padding:0; background:none;}
</style>
<div class="container showgrid-off">
		
<div class="image_carousel">
	<div id="foo2">
								<img src='/uploads/848_010520014628_1-600-6a6a2327-ab40-4332-a435-e37cf5749e22.jpg' />
								<img src='/uploads/848_010520014631_8f8ff0c2fe0f9c1f759e868322927549.jpg' />
								<img src='/uploads/848_010520014632_41-graihawk-drive-barrie-s4750582-photo-1-processed-480.jpg' />
								<img src='/uploads/848_010520014633_17999c9d32b7055f9c44342cf2c92f55.jpg' />
								<img src='/uploads/848_010520014634_19052019-120446-$_59 (4).jpg' />
								<img src='/uploads/848_010520014635_c0617300376fe0538525835a2568ce4b.jpg' />
					</div>
	<div class="clearfix"></div>
	<a class="prev" id="foo2_prev" href="#"><span>prev</span></a>
	<a class="next" id="foo2_next" href="#"><span>next</span></a>
	<div class="pagination" id="foo2_pag"></div>
</div> 
 <script type="text/javascript" src="/js/caruFredSel/jquery.carouFredSel.6.2.1-packed.js"></script><script type="text/javascript" language="Javascript">


	$(function() {
		$("#foo2").carouFredSel({
			responsive		: true,
			items: {
				width: 300,
                visible: {
                    min: 1,
                    max: 4                }
			},
			circular: true,
			infinite: false,
			auto 	: true,
			scroll	: {
				items			: 1,
				duration  		: 1000,
				pauseDuration 	: 1000			},
			prev	: {	
				button	: "#foo2_prev",
				key		: "left"
			},
			next	: { 
				button	: "#foo2_next",
				key		: "right"
			},
			pagination	: "#foo2_pag"
			 
		});
	});
</script>  
</div>
			
			<script>
				$(function() {
 					if ($('.main_areas').length == 1) {
						$('input[type="checkbox"].main_areas:first').prop('checked', true);
					}


					if ($('#selectAllArea').length) {
						$('#selectAllArea').on('change', function() {
							var isChecked = $(this).is(':checked');

							// Check or uncheck all checkboxes within .neighborhood_fieldset
							$('.neighborhood_fieldset input[type="checkbox"]').prop('checked', isChecked);
						})
					}

					if ($('.main_areas').length) {
						$('.main_areas').each(function(){
							if($(this).is(':checked')){
								var areaId = $(this).attr('data-areaid');
 								if(areaId){
									show_nebhour(areaId);
								}
							}
						});
					}
					
				})

				
			</script>							</div>
		</div>
	</div>
		<div id="footer" class="container showgrid-off veryquiet">
					<style>
				.crea_feed_div {
					padding-bottom: 20px;
					padding-top: 20px;
					width: 100%;
					width: 100%;
					border-top: 1px solid #cccccc;
					border-bottom: 1px solid #cccccc;
					font-family: Arial, Helvetica, sans-serif;
					float: left;
					margin-bottom: 20px;
				}

				.crea_feed_div .crea_feed_content {
					color: rgb(153, 153, 153);
					font-size: 11px;
					margin-left: 50px;
					text-align: center;
					width: 90%;
					margin: auto;
				}
			</style>
			<div class="crea_feed_div">
				<div class="crea_feed_content" align="center">
					The trademarks MLS&reg;, Multiple Listing Service&reg; and the associated logos are owned by The Canadian Real Estate Association (CREA) and
					identify the quality of services provided by real estate professionals who are members of CREA.
					<br><br>The information contained on this site is based in whole or in part on information that is provided by members of The Canadian Real Estate Association, who are responsible for its accuracy. CREA reproduces and distributes this information as a service for its members and assumes no responsibility for its accuracy.
				</div>
			</div>
				<div id="copyright">
							&copy; 2026 SellingToolz Ltd.

				|
						<link rel="stylesheet" type="text/css" href="/css/fancybox/jquery.fancybox-1.3.4.css" /><script type="text/javascript" src="/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script><script type="text/javascript" src="/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script><script>
$(document).ready(function()
{
	$('.login_popup_btn').click(function(event) 
	{
		event.preventDefault();
		var href = $(this).attr('href');
		var popup_theme = 'login_popup';
		var popup_outer_wrap = popup_theme+'_outer';
		var popup_wrap_class =  popup_theme+'_wrap';
		var screen_width = screen.width;
		if(screen_width > 500)
		{
			$.fancybox({
				content: '<iframe  style="width:470px;height:450px" src="https://www.goldrushleads.com/login?is_front_end_login_popup=1" frameborder="0" allowfullscreen></iframe>',
				centerOnScroll: true
		   });
		}  
		else
		{
			$.fancybox({
   				 	content: '<iframe  style="width:100%;height:450px;" src="https://www.goldrushleads.com/login?is_front_end_login_popup=1" frameborder="0" allowfullscreen></iframe>',
		   			centerOnScroll: true
		   });
		} 
		$('#fancybox-content').css('border-color','#f9f9f9');
	});
});	
</script>
<style>
	.login_popup_outer #fancybox-content
	{
		border-width:0px !important;
	}
	.login_popup_wrap
	{
		border:0px !important;
	}
	 .user_login_btn_wrap
	{
		display:inline-block;
	}
	
</style>
<div class="user_login_btn_wrap button_wrap">
	<a class="login_popup_btn" target="_blank"  href="https://www.goldrushleads.com/login?is_front_end_login_popup=1">Login</a>
</div>
		</div>
		<div id="company-privacy">
			Royal LePage Signature Realty, Brokerage | <a href="/privacy_policy" rel="privacy" class="popup" target="_blank">Privacy Policy</a>		</div>
			</div>

	
		<style>
.loading_grl
{
 display:none; margin: 0px; padding: 0px; position: fixed; right: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(102, 102, 102,0.9); z-index: 30001;
}
.loading_grl #loading_wrap
{
 position: absolute; color: White; background-color:#FFFFFF; top: 40%; left: 0;right:0;margin:0 auto; border:5px solid #000000; width:47%; height:180px; text-align:center; opacity:0.95
}
.loading_grl #loading_wrap h1
{
 color:#252122; text-align:center; font-weight:bold; font-size:24px; margin-top:10px
}
.loading_grl #loading_wrap #loading_block
{
 position:relative; margin-top:20px
}
.loading_grl #loading_wrap #loading_block p
{
 margin-bottom:10px; color:#333333; font-weight:bold; font-size:16px;
}
@media screen and (max-width: 1024px)
{
 .loading_grl #loading_wrap
 {
  width:90%;
  height: auto;
 }
 .loading_grl #loading_block
 {
  margin-bottom:20px;
 }
}
</style>
	
<div class="loading_grl" >
 <div id="loading_wrap" >
  			<h1>Loading...</h1>
		<div id="loading_block">
			<p></p>
			<img src="https://www.northof89.info/img/horizontal_loader.gif" width="33%;">
		</div>
	 	   
 </div> 
</div>		<script type="text/javascript">
		// When the document is ready set up our sortable with it's inherant function(s) 
		$(document).ready(function() {
			$('#signup_form').click(function() {
				$('.loading_grl').show();
			});
		});
	</script>
					<script>
			$(window).bind("load", function() {
				$.ajax({
					type: "POST",
					url: "https://www.northof89.info/track_visitors",
					data: {
						devicetype: "desktop",
						slug: "",
						listing_id: "0",
						site_id: "848",
						cuurent_page: "/optin/northof89.info/areas",
						referrer: "",
						view_type: "areas",
						title: "",
						lead_id: "0",
						params: ""
					},
					success: function(result) {
						//alert(result);
					}
				});
			});
		</script>
			</body>

</html>