﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl">
	<xsl:output method="xml" indent="yes"/>

	<xsl:template match="/">
		<xsl:variable name="TemplateURL" select="AjaxRequest/TemplateURL"></xsl:variable>

		<div class="marginTop25 marginBottom20">
			<table class="tableMaster" cellpadding="0" cellspacing="0">
				<tr>
					<td>
						<span class="superPageLSMessage">
							Your goals made easy.
						</span>
						<span class="tournamentTourMessage">
							See how it works.
						</span>
						<img style="margin-left:-12px;" class="verticallyMiddle" src="{$TemplateURL}Web/Images/Ver_2_0/arrow_headline.png" alt=""></img>
					</td>
					<td class="textCenter getStarted verticallyMiddle boxShadow" onclick="DisplaySignUpPopUp('login');">
						<span>
							Get Started!
						</span>
					</td>
				</tr>
			</table>
		</div>
		<div class="divWizardGradient">
			<table class="tableMaster" cellpadding="0" cellspacing="0">
				<tr style="height:70px;">
					<td width="25%" class="verticallyMiddle tournamentTourWizard capitalFont textCenter onMouseOver selectedWizardMenu">
						START A GOAL
					</td>
					<td width="25%" class="defaultMenuGoal verticallyMiddle tournamentTourWizard capitalFont textCenter onMouseOver unSelectedWizardMenu">
						YOUR SUPERPAGE
					</td>
					<td width="25%" class="defaultMenuGoal verticallyMiddle tournamentTourWizard capitalFont textCenter onMouseOver unSelectedWizardMenu">
						GET CONNECTED
					</td>
					<td width="25%" class="defaultMenuGoal verticallyMiddle tournamentTourWizard capitalFont textCenter onMouseOver unSelectedWizardMenu">
						GET YOURS
					</td>
				</tr>
			</table>
			<div style="padding-left:40px;padding-right:30px;padding-top:30px;padding-bottom:10px;">
				<div class="padding10">
					<span class="wizardMessageNarrow">
						It all starts with the
						<span style="color:#288597;">first step.</span>
					</span>
					<span class="wizardMessageBold">So take it!</span>
				</div>
				<div class="labelWizard padding10">
					Easy goal setup
				</div>
				<div class="padding10 templateMemoText" style="width:515px;">
					In just a few steps, easily set up all your goals and projects the way you like. Create your
					own custom goals and action steps, or use our pre-made goal plans to get everything
					you need to make it happen.
				</div>
				<table class="tableMaster" cellpadding="0" cellspacing="0">
					<tr>
						<td>
							<img src="{$TemplateURL}Web/Images/Ver_2_0/lifespaces.png" alt=""></img>
						</td>
						<td width="30%">
							<div class="labelWizard" style="vertical-align:top;">
								Choose a lifespace
							</div>
							<div class="templateMemoText">
								Start by choosing from the main areas of your
								life...we call ‘em “lifespaces”. Whether you want to
								buy a house, run a marathon, find a new job, or
								climb Mount Kilimanjaro – you can zero in on
								one or all of the areas of your life and set goals
								based on what's important to you.
							</div>
						</td>
					</tr>
					<tr>
						<td class="paddingTop10">
							<table class="tableMaster" cellpadding="0" cellspacing="0">
								<tr>
									<td width="50%">
										<div class="labelWizard">
											Create your own
										</div>
										<span class="templateMemoText">
											Master of your own domain? Awesome. You can set
											up any goal you like, add action steps, important
											numbers to hit, set weekly reminders, invite friends
											to join and so much more.
										</span>
									</td>
									<td class="textCenter">
										<img  align="absmiddle" src="{$TemplateURL}Web/Images/Ver_2_0/choosePlan.png" alt=""></img>
									</td>
								</tr>
							</table>
						</td>
						<td>
							<div class="labelWizard">
								Choose a goal plan
							</div>
							<div class="templateMemoText">
								Need some direction? You can choose from any one
								of our pre-designed Goal Plans. These step-by-step
								guides provide you with everything you need to do.
								You'll get detailed action items, weekly reminders,
								expert reference articles, tips, videos and a full
								community to help you get it done.
							</div>
						</td>
					</tr>					
				</table>
				<table class="tableMaster" cellpadding="0" cellspacing="0">
					<tr>
						<td>
							<img  align="absmiddle" src="{$TemplateURL}Web/Images/Ver_2_0/step2_Popup.png" alt=""></img>							
						</td>
						<td class="verticallyMiddle">
							<img style="padding-top:100px;" align="absmiddle" class="verticallyMiddle" src="{$TemplateURL}Web/Images/Ver_2_0/arrow_center.png" alt=""></img>
						</td>
						<td width="380px">
							<div class="labelWizard" style="padding-top:50px;">
								Share it
							</div>
							<div class="templateMemoText">
								Staying on top of your to-dos is the difference between
								trying and doing. Stay up-to-date with email notifications
								and alerts.
							</div>
							<img class="verticallyMiddle" align="absmiddle" src="{$TemplateURL}Web/Images/Ver_2_0/step3_Popup.png" alt=""></img>
						</td>
					</tr>
				</table>
			</div>
		</div>

	</xsl:template>
</xsl:stylesheet>
