
<!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">
		<meta name="keywords" content="Mark Johnson, Mark T. Johnson, Legal Services, Family Law, Collaborative Divorce, Estate Planning, Corporate Law, Real Estate Law">	
		<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 -->
		<script type="text/javascript" src="../js/imagerollover.js"></script>
		
		<!-- 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>
		
		<!-- 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 zirka.ca web pages load correctly.</noscript>

	</head>
	<body>
		
		<!-- 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>

		<div id="div-legal-services" class="div-centered">
			<br />
			<h1>Currently Under Construction</h1>
			<br />		
		</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>