
<!DOCTYPE html> 
<html lang="en">
   <head>
   		<!-- Meta Data -->
   		<meta charset="utf-8">
   		<meta name="robots" content="index,follow">
   		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="Mark Johnson has been a General Law Practitioner in Alberta since 1979, specializing in family law, estates, corporations and real estate.">
		<meta name="keywords" content="Mark Johnson, Mark T. Johnson, Lawyer, Leduc, Leduc Lawyers, Lawyers In Leduc, Family Law, Estate Planning, Corporate Law, Real Estate Law, Collaborative Divorce, Legal Help, Litigation">	
		<meta name="document-type" content="Public">
		<meta name="copyright" content="Mark Johnson Professional Corporation">
		<meta name="author" content="TecStratus Inc.">
		<meta name="date" content="Apr. 20, 2018">
		<title>Mark Johnson Professional Corporation</title>
		
		<!-- CSS -->
		<link rel="stylesheet" media="all" type="text/css" href="css/style-01.css" />
		
		<!-- Lightview -->
		<link rel="stylesheet" media="all" type="text/css" href="css/lightview.css" />
		
		<!-- Fav Icon -->
			<link rel="apple-touch-icon" sizes="57x57" href="images/icons/favicon/apple-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60" href="images/icons/favicon/apple-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/icons/favicon/apple-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="images/icons/favicon/apple-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/icons/favicon/apple-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="images/icons/favicon/apple-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="images/icons/favicon/apple-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="images/icons/favicon/apple-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="images/icons/favicon/apple-icon-180x180.png">
	<link rel="icon" type="image/png" sizes="192x192"  href="images/icons/favicon/android-icon-192x192.png">
	<link rel="icon" type="image/png" sizes="32x32" href="images/icons/favicon/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="96x96" href="images/icons/favicon/favicon-96x96.png">
	<link rel="icon" type="image/png" sizes="16x16" href="images/icons/favicon/favicon-16x16.png">
	<link rel="manifest" href="images/icons/favicon/manifest.json">
	<meta name="msapplication-TileColor" content="#ffffff">
	<meta name="msapplication-TileImage" content="images/icons/favicon/ms-icon-144x144.png">
	<meta name="theme-color" content="#ffffff">

		<!-- JAVASCRIPT -->
		
		<!-- Lightview -->
		<script type="text/javascript" src="js/jquery/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.2.0/prototype.js"></script>
		<script type='text/javascript' src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1/scriptaculous.js"></script>
		<script type="text/javascript" src="js/lightview.js"></script>
		
		<!-- Search -->
		<script type="text/javascript" src="js/search.js"></script>
		
		<!-- Menu -->
		<script type="text/javascript" src="js/menu.js"></script>

		<!-- Detect Browser -->
		<script type="text/javascript" src="js/defaultonload.js"></script>
		
		<!-- Image Rollover -->
		<script type="text/javascript" src="js/imagerollover.js"></script>
		
		<script>
			function loadDirections(jvSSLStatus,jvFromAddress) {
			
				location.assign('http://markjohnson.ca/contact/directions/?ssl='+jvSSLStatus+'&from='+jvFromAddress);
				
			}	
		</script>
		
		<!-- Global site tag (gtag.js) - Google Analytics -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-48991070-11"></script>
		<script>
  			window.dataLayer = window.dataLayer || [];
  				function gtag(){dataLayer.push(arguments);}
  				gtag('js', new Date());

  				gtag('config', 'UA-48991070-11');
		</script>


		<!-- No Script -->
		<noscript>Please enable JavaScript on your web browser to ensure that the markjohnson.ca web pages load correctly.</noscript>

	</head>
	<body onload="defaultOnload()">
		
		<!-- Section: Header -->
				<div id="div-header" class="div-header">
			<div id="div-header-centered" class="div-centered">
				<div id="div-header-containter" class="div-header-container">
					<div id="div-header-logo" class="div-header-logo">
						<a href="http://markjohnson.ca"><img id="img-header-logo" alt="" src="images/logos/logo_navy_v2_205x62.png"></a>
						<table id="table-header-mobile-logo" style="margin: 0px 0px 0px auto; border-collapse:collapse;">
							<tbody>
								<tr>
									<td><img id="img-header-mobile-logo" alt="" src="images/logos/logo_mobile_152x43.jpg"></td>
								</tr>
							</tbody>
						</table>
					</div>
					<div id="div-header-search" class="div-header-search" style="vertical-align:top; text-align:right;">
						<table id="table-header-search" style="margin-right: 0px; margin-left:auto;">
							<tbody>
								<tr>
									<td style="font-family:Verdana, Geneva, Tahoma, sans-serif; font-size: 0.8em;">
										<img alt="" style="vertical-align:bottom" src="images/icons/icon_login_18x18.png"> 
										<a href="accounts/" class="a-header-link">My Account</a> | 
										<a href="tel:+1-780-986-8600" class="a-header-link">780-986-8600</a> | 
										<strong><a href="http://markjohnson.ca" class="a-header-link">Home</a></strong>
									</td>								
								</tr>
								<tr>
									<td >
										<form id="form-site-search" method="get" action="https://www.google.com/search">
											<input id="text-header-search" class="text-header-search" name="textHeaderSearch" type="text" placeholder="Search Site" />
											<button id="button-header-search" class="button-header-search" type="submit"><img alt="" src="images/icons/icon_search_18x18.png"></button>
											<input type="hidden" name="sitesearch" value="markjohnson.ca" checked />
										</form>
									</td>
								</tr>
							</tbody>
						</table>
						<table id="table-header-mobile-menu" style="min-width:148px; max-width:348px; margin: 0px 0px 0px auto; border-collapse:collapse;">
							<tbody>
								<tr>
									<td style="margin-right:5px;">
										<img id="img-header-mobile-menu-text" alt="" src="images/mobile/logo_mobile_menu_55x43.jpg">
										<img id="img-header-mobile-menu-button" alt="Menu" src="images/mobile/button_mobile_menu_close_43x43.jpg" onclick="showMobileDropMenu('true',this.src)">										
									</td>
								</tr>
							</tbody>
						</table>						
					</div>
				</div>		
			</div>
		</div>
		<div id="div-menu-drop-down-mobile" class="div-menu-drop-down-mobile" onmouseout="hideDropMenu('div-menu-drop-down-about')">
			<table style="width:100%; border-collapse:collapse;">
				<tbody>
					<tr>
						<td class="td-menu-drop-down-mobile-search">
							<form id="form-site-search" method="get" action="https://www.google.com/search">
								<input id="text-header-search" class="text-header-search" name="textHeaderSearch" type="text" placeholder="Search Site" />
								<button id="button-header-search" class="button-header-search" type="submit"><img alt="" src="images/icons/icon_search_18x18.png"></button>
								<input type="hidden" name="sitesearch" value="markjohnson.ca" checked />
							</form>
						</td>
					</tr>
					<tr>
						<td class="td-menu-drop-down-mobile" onclick="navigateSite('http://markjohnson.ca')">
							Home
						</td>
					</tr>
					<tr>
						<td class="td-menu-drop-down-mobile" onclick="navigateSite('accounts/')">
							My Account
						</td>
					</tr>
					<tr>
						<td class="td-menu-drop-down-mobile" onclick="navigateSite('about/')">
							About
						</td>
					</tr>
					<tr>
						<td class="td-menu-drop-down-mobile" onclick="navigateSite('legalservices/')">
							Legal Services
						</td>
					</tr>
					<tr>
						<td class="td-menu-drop-down-mobile" onclick="navigateSite('contact/')">
							Contact
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		
		<!-- Section: Menu  -->
				<!--
		
			if the website requires drop-down menus 
			
			(1) add the following line:
			
				onmouseover="showDropMenu('div-menu-drop-down-xxx','div-menu-drop-down')"
			
				where 'xxx' corresponds to the drop-down div id within the td tag;
			
				to each td tag with the following classes:
				-td-menu-cell-first
				-td-menu-cell
				-td-menu-cell-last
			
			(2) Uncomment the drop-down div within each td tag
			
			(3) If the parent td menu item needs to link add the following line inside the td tag:
			
			(4) Adjust the width of the drop-down menus by modifying 'style=min-width:40px;' within the drop-down div
				
		-->
		
		<div id="div-menu" class="div-menu">
			<div id="div-menu-centered" class="div-centered">
				<table style="margin: 0px 0px 0px 0px; border-collapse:collapse;">
					<tbody>
						<tr>
							<td class="td-menu-cell-first" style="min-width:auto;">
								<a href="about/" class="a-menu-link">About</a>
								<!--
								<div id="div-menu-drop-down-about" class="div-menu-drop-down" onmouseout="hideDropMenu('div-menu-drop-down-about')" style="min-width:40px;">
									<table style="width:100%;">
										<tbody>
											<tr>
												<td class="div-menu-drop-down-td">Test 1</td>
											</tr>
											<tr>
												<td class="div-menu-drop-down-td">Test 2</td>
											</tr>
										</tbody>
									</table>
								</div>
								-->
							</td>
							<td class="td-menu-cell" style="width:auto;">
								<a href="legalservices/" class="a-menu-link">Legal Services</a>
								<!--
								<div id="div-menu-drop-down-legal-services" class="div-menu-drop-down" onmouseout="hideDropMenu('div-menu-drop-down-legal-services')" style="min-width:105px;">
									<table style="width:100%;">
										<tbody>
											<tr>
												<td class="div-menu-drop-down-td">Test 1</td>
											</tr>
											<tr>
												<td class="div-menu-drop-down-td">Test 2</td>
											</tr>
										</tbody>
									</table>
								</div>
								-->
							</td>
							<td class="td-menu-cell-last" style="min-width:60px;">
								<a href="contact/" class="a-menu-link">Contact</a>
								<!--
								<div id="div-menu-drop-down-contact" class="div-menu-drop-down" onmouseout="hideDropMenu('div-menu-drop-down-contact')" style="min-width:60px;">
									<table style="width:100%;">
										<tbody>
											<tr>
												<td class="div-menu-drop-down-td">Test 1</td>
											</tr>
											<tr>
												<td class="div-menu-drop-down-td">Test 2</td>
											</tr>
										</tbody>
									</table>
								</div>
								-->
							</td>
						</tr> 
					</tbody>
				</table>
			</div>
		</div>

		<!-- Section: Banner -->	
		<div id="div-banner" class="div-centered">
			<div id="div-banner-overlay-1" class="div-banner-overlay-1">
				<div style="font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:1.3em; margin: 0px 0px 10px 0px">
					A step in the right direction 
				</div>
				<div style="font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:0.9em;">
					In his 47<sup>th</sup> year of law practice, Mark Johnson prefers Real Estate; 
					Family Law; Corporate Law; and Wills and Estates.  He looks forward to helping you obtain the best possible 
					outcomes for you and your family.               
				</div>
			</div>
			<div id="div-banner-overlay-2" class="div-banner-overlay-2" onclick="divOnClick(this.id)">
				<div style="font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:1.1em;">
					Schedule an appointment...
				</div>
			</div>
			<img id="img-banner" class="img-banner" alt="" src="images/photos/stepping_stones_950x450.jpg">
		</div>
		<!-- Section: Message (Mobile Browsers) -->
		<div id="div-message" class="div-message">
			<div style="font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:1.3em; margin: 0px 0px 10px 0px">
					A step in the right direction 
			</div>
			<div style="font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:0.9em;">
				In his 47<sup>th</sup> year of law practice, Mark Johnson prefers Real Estate; 
				Family Law; Corporate Law; and Wills and Estates.  He looks forward to helping you obtain the best possible 
			    outcomes for you and your family.               
			</div>
		</div>
		<!-- Section: Appointment (Mobile Browsers) -->
		<div id="div-appointment" class="div-appointment" onclick="divOnClick(this.id)">
			<div style="font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:1.1em;">
				Schedule an appointment...
			</div>
		</div>
		<!-- Section: Certifications -->
		<div id="div-certifications" class="div-certifications">
			<div id="div-certifications-centered" class="div-centered" style="text-align:center;">
				<img alt="" src="images/logos/collabrative_divorce_alberta_206X57.png">
				<div style="margin: 10px 0px 10px 0px; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:0.9em;">
					Mark Johnson is a Registered Collaborative Family Lawyer (RCFL)
				</div>
			</div>
		</div>
		<!-- Section Boxes -->
		<div id="div-boxes" class="div-boxes">
			<div id="div-boxes-centered" class="div-centered">
				<hr />
				<div id="div-boxes-left" class="div-boxes-left">
					<table id="table-boxes-left" style="width:298px;">
						<tbody>
							<tr>
								<td style="width:40px;">
									<img alt="" src="images/icons/icon_communication_blue_30x30.png" style="margin-right:4px;">
								</td>
								<td style="color:rgb(50,50,50); font-size:1.1em;">Connect with us</td>
							</tr>
							<tr>
								<td style="width:40px; padding-top:5px;"></td>
								<td style="font-size:0.9em; padding-top:5px;"><a href="tel:+1-780-986-8600" class="a-boxes-link">780-986-8600</a> (tel)</td>
							</tr>
							<tr>
								<td style="width:40px;"></td>
								<td style="font-size:0.9em;">780-986-2392 (fax)</td>
							</tr>
							<tr>
								<td Style="width:40px;"></td>
								<td style="font-size:0.9em;">
									<div style="margin:10px 0px 0px 0px; display:inline-block;">
										<a href="http://markjohnson.ca/contact/">
											<img id="img-communication-email" class="img-communication" alt="" src="http://markjohnson.ca/images/icons/communication/icon_communication_email_greyscale_30x30.jpg" onmouseover="imageRollOver(this.id)" onmouseout="imageRollOut(this.id)">
										</a>
									</div>
									<div style="margin:10px 0px 0px 10px; display:inline-block;">
										<a href="#">
											<img id="img-communication-facebook" class="img-communication" alt="" src="images/icons/communication/icon_communication_facebook_greyscale_30x30.jpg" onmouseover="imageRollOver(this.id)" onmouseout="imageRollOut(this.id)">
										</a>
									</div>
									<div style="margin:10px 0px 0px 10px; display:inline-block;">
										<a href="#">
											<img id="img-communication-twitter" class="img-communication" alt="" src="images/icons/communication/icon_communication_twitter_greyscale_30x30.jpg" onmouseover="imageRollOver(this.id)" onmouseout="imageRollOut(this.id)">
										</a>
									</div>
								</td>
							</tr>
						</tbody>
					</table>			
				</div>
				<div id="div-boxes-center" class="div-boxes-center">
					<table id="table-boxes-center" style="width:298px;">
						<tbody>
							<tr>
								<td style="width:40px;">
								<img alt="" src="images/icons/icon_map_blue_30x30.png" style="margin-right:4px;"></td>
								<td style="color:rgb(50,50,50); font-size:1.1em;">Location &amp; Mailing</td>
							</tr>
							<tr>
								<td style="width:40px; padding-top:5px;"></td>
								<td style="font-size:0.9em; padding-top:5px;">217, 5906 - 50th Street,</td>
							</tr>
							<tr>
								<td style="width:40px;"></td>
								<td style="font-size:0.9em;">Leduc, Alberta, T9E 0R6</td>
							</tr>
							<tr>
								<td style="width:40px;"></td>
								<td style="font-size:0.9em;">
									<div style="margin:10px 0px 0px 0px; display:inline-block;">
										<a href="http://markjohnson.ca/contact/"><img id="img-locations-map" class="img-locations" alt="" src="http://markjohnson.ca/images/icons/location/icon_map_greyscale_30x30.jpg" onmouseover="imageRollOver(this.id)" onmouseout="imageRollOut(this.id)"></a><a id="a-location-map" href="contact/map/" rel="iframe" title="Map ::  :: width: 800, height: 600" class="lightview a-boxes-link">Map</a>&nbsp;|&nbsp;<a id="a-location-directions" href="contact/directions/prompt.asp?ssl=false" rel="iframe" title="Directions ::  :: width: 800, height: 200" class="lightview a-boxes-link">Directions</a>				
									</div>														
								</td>
							</tr>
						</tbody>
					</table>					
				</div>
				<div id="div-boxes-right" class="div-boxes-right">
					<table id="table-boxes-right" style="width:298px;">
						<tbody>
							<tr>
								<td style="width:40px;">
									<img alt="" src="images/icons/icon_office_hours_blue_30x30.png" style="margin-right:4px;">
								</td>
								<td style="color:rgb(50,50,50); font-size:1.1em;">Office Hours</td>
							</tr>
							<tr>
								<td style="width:40px;"></td>
								<td style="font-size:0.9em; padding-top:5px;">By Appointment Only.  Please call or email to schedule.</td>
							</tr>
							<tr>
								<td style="width:40px;"></td>
								<td style="font-size:0.9em;">
									<div style="margin:10px 0px 0px 0px; display:inline-block;">
										<a href="http://markjohnson.ca/contact/"><img id="img-schedule" class="img-schedule" alt="" src="http://markjohnson.ca/images/icons/schedule/icon_calendar_greyscale_30x30.jpg" onmouseover="imageRollOver(this.id)" onmouseout="imageRollOut(this.id)"></a><a href="http://markjohnson.ca/contact/" class="a-boxes-link">Schedule Appointment</a>				
									</div>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<!-- Section: Footer -->
				<div id="div-footer" class="div-footer">
			<div id="div-footer-centered" class="div-centered">
				<hr />
				<div id="div-footer-containter" class="div-footer-container">				
					<div id="div-footer-left" class="div-footer-left">
						<a id="a-location-directions" href="privacy/" rel="iframe" title="Privacy Statement ::  :: width: 800, height: 200" class="lightview a-footer-link">Privacy</a>
					</div>
					<div id="div-footer-right" class="div-footer-right">
						&copy; 2026 Mark T. Johnson
					</div>
				</div>
			</div>
		</div>
	</body>
</html>