<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Beacon Life Coaching</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<link href="beacon.css" rel="stylesheet" type="text/css" />
<style type="text/css"> 
<!-- 
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 100;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #FEDFAE;
	margin-left: 0px;
}
.thrColLiqHdr #container {
	width: 100%;  /* this will create a container 80% of the browser width */
	background: #FEDFAE; /* the auto margins (in conjunction with a width) center the page */
	border: #FEDFAE;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
.thrColLiqHdr #header {
	background-color: #FEDFAE;
	padding: 0%;
	margin-top:0%;
	cellpadding="0";
	cellspacing="0">
; 								border-bottom-width: 25px;
	border-bottom-style: solid;
	border-bottom-color: #3366CC;
	height: 139px;
} 
.thrColLiqHdr #header h1 {
	margin: 0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

/* Tips for sidebars:
1. Since we are working in percentages, it's best not to use side padding on the sidebars. It will be added to the width for standards compliant browsers creating an unknown actual width. 
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".thrColLiqHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
*/
.thrColLiqHdr #sidebar1 {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 170px; /* top and bottom padding create visual space within this div  */
	background-color: #FEDFAE;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	height: 100%;
}
.thrColLiqHdr #sidebar2 {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 180px; /* top and bottom padding create visual space within this div */
	background-color: #FEDFAE;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

/* Tips for mainContent:
1. the space between the mainContent and sidebars is created with the left and right margins on the mainContent div.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
.thrColLiqHdr #mainContent {
	margin-top: 0;
	margin-right: 220px;
	margin-bottom: 0;
	margin-left: 220px;
	float: none;
}

.thrColLiqHdr #footer {
	padding: 0 10px;
	background-color: #FEDFAE;
} 
.thrColLiqHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	background: #FEDFAE;
}
body,td,th {
	color: #000000;
	background-color: #FEDFAE;
}
.style1 {
	color: #FF0000;
	font-size: xx-large;
}
.style3 {font-size: large; color: #FF9F00;}
#apDiv1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 121px;
	top: 138px;
}
.style5 {font-size: 10pt}
#apDiv2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: -1px;
	top: -1px;
}
#apDiv3 {
	position:absolute;
	width:591px;
	height:85px;
	z-index:2;
	left: 313px;
	top: 33px;
}
.style6 {color: #FF0000}
.style7 {font-size: medium}
.style8 {line-height:20px; margin-top:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #003366;}
.style9 {font-size: small; }
.style10 {font-size: medium; color: #003366; }
--> 
</style>
<!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.thrColLiqHdr #sidebar2, .thrColLiqHdr #sidebar1 { padding-top: 30px; }
.thrColLiqHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>

<body class="thrColLiqHdr">

<div id="container">
 <div id="header">
    <div id="apDiv3">
      <table width="539" border="0">
        <tr>
          <td width="533"><h1 class="style1">Beacon Life Coaching</h1></td>
        </tr>
        <tr>
          <td height="24"><h2 align="right" class="style3">Neuro Linguistic Programming</h2></td>
        </tr>
      </table>
    </div>
    <h1>&nbsp;</h1>
    <div id="apDiv2"><span class="style1"><img src="lhv2.jpg" alt="Beacon Logo" width="228" height="140" /></span></div>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
  </div>
  <div id="sidebar1" style="background=#FEDFAE">
    <ul id="MenuBar1" class="MenuBarVertical">
          <li><a href="#">Home</a>          </li>
      <li><a href="#">Coaching</a></li>
      <li><a href="#">Testimonials</a></li>
      <li><a href="#">FAQ</a></li>
      <li><a href="#">Links</a>      </li>
      <li>
        <div align="left"><a href="#">Contact</a></div>
      </li>
    </ul>
    <p align="center"><br />
    <span class="style5">© Beacon Life Coaching 2009  </span></p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>
      <!-- end #sidebar1 -->
    </p>
  </div>
  <div class="style9" id="sidebar2">
    <p>&nbsp;</p>
    <h3><img src="Liz New 0809.jpg" alt="Photo of Liz Jones" width="161" height="240" /></h3>
    <h3 align="center"><strong>Hi, I’m Liz Jones. I am passionate about NLP and Life Coaching. </strong></h3>
    <p align="center"><strong>Besides coaching on a one to one basis, either face-to-face or   by telephone (an extremely successful way of making advances in your life) I   also teach small classes and hold day workshops with my partner/husband, Bryan. </strong></p>
    <p align="center"><strong>I also give talks and demonstrations on NLP and Life Coaching   to interested groups.</strong></p>
    <p align="center"><strong>We have 8 children between us and 6 grandchildren, so life   experience is something we are not short of!</strong></p>
    <p class="style10">&nbsp;</p>
    
    <!-- end #sidebar2 -->
  </div>
  <div class="style7" id="mainContent">
    <h1 class="style6"><br />
    Welcome</h1>
    <p class="style8"><strong>Life Coaching helps you improve your life, effectively and permanently. </strong>Just as you may use a Sports Coach to help you play a better game, so Life Coaching helps you play the game of Life with more skill and zest. You don't need to have anything wrong with you to benefit. You may just want to make what's good in your life even better.   </p>
    <p class="style8">With Beacon Life Coaching, you are helped to <strong>identify areas of your life </strong>which are perhaps not as positive as you would like them to be, areas such as <strong>career, self-confidence, health, relationships, personal development, balancing work and leisure, quality of home environment </strong>etc.   </p>
    <p class="style8">Your Coach, Liz Jones, will help you to <strong>find your own solutions</strong> to your problems and develop strategies for success. She will support you through the time it takes to get from where you are now to where you want to be. Liz can help you explore and work around blockages that may have been holding you back. She finds that clients typically experience the changes they desire within as little as three months.   </p>
    <p class="style8">Whether the area is personal, domestic or work-related;  whether you seek to <strong>make what is good in your life even better</strong>, coaching will help you to realise whatever your dreams may be.   </p>
    <p class="style8">Liz believes that <strong>you have all the answers within you</strong>; you just need assistance in finding them and in making realistic plans for the future. Coaching is neither counselling nor therapy: It is, simply, an extremely effective way of taking you <strong>forward from where you are now to where you would like to be</strong>. </p>
  <!-- end #mainContent --></div>
	<span class="style7">
	<!-- end #container -->
    </span></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>

