<?xml version="1.0" encoding="utf-8"?>
<navigation:Page x:Class="OfficeThemes.Home" mc:Ignorable="d" Title="Home Page" xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006">
	<navigation:Page.Resources>
		<Style x:Key="OutlookSampleButton" TargetType="Button">
			<Setter Property="Background" Value="#FF1F3B53" />
			<Setter Property="Foreground" Value="#FF000000" />
			<Setter Property="Padding" Value="18,12" />
			<Setter Property="BorderThickness" Value="1" />
			<Setter Property="FontSize" Value="34" />
			<Setter Property="FontFamily" Value="Segoe UI Semibold" />
			<Setter Property="BorderBrush">
				<Setter.Value>
					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#FFA3AEB9" Offset="0" />
						<GradientStop Color="#FF8399A9" Offset="0.375" />
						<GradientStop Color="#FF718597" Offset="0.375" />
						<GradientStop Color="#FF617584" Offset="1" />
					</LinearGradientBrush>
				</Setter.Value>
			</Setter>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Grid>
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Normal" />
									<VisualState x:Name="MouseOver">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="MouseOverElement">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Visible</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Pressed">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="PressedElement">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Visible</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Disabled">
										<Storyboard>
											<DoubleAnimation Duration="0" To=".55" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="DisabledVisualElement" />
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
								<VisualStateGroup x:Name="FocusStates">
									<VisualState x:Name="Focused">
										<Storyboard>
											<DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualElement" />
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Unfocused" />
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Border x:Name="Background" BorderBrush="#FF9CAFC4" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3">
								<Border.Background>
									<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
										<GradientStop Color="#FFD1DCE8" Offset="0" />
        							<!--	<GradientStop Color="#FFD1DCE8" Offset="1"/> -->
									</LinearGradientBrush>
								</Border.Background>
							</Border>
							<Border x:Name="MouseOverElement" BorderBrush="#FFFFD45E" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3" Visibility="Collapsed">
								<Border.Background>
									<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
										<GradientStop Color="#FFFFF5CC" />
        								<GradientStop Color="#FFFFD45E" Offset="1" />
									</LinearGradientBrush>
								</Border.Background>
							</Border>
							<Border x:Name="PressedElement" BorderBrush="#FFFFA95E" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3" Visibility="Collapsed">
								<Border.Background>
									<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
										<GradientStop Color="#FFFC973D" />
        								<GradientStop Color="#FFFFA95E" Offset="0" />
									</LinearGradientBrush>
								</Border.Background>
							</Border>
							<Border x:Name="border" Margin="{TemplateBinding BorderThickness}" BorderBrush="White" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="2" Opacity="0.6" />
							
							<ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
							<Rectangle x:Name="DisabledVisualElement" Fill="#FFFFFFFF" IsHitTestVisible="false" Opacity="0" RadiusY="3" RadiusX="3" />
							<Rectangle x:Name="FocusVisualElement" IsHitTestVisible="false" Margin="1" Opacity="0" RadiusY="2" RadiusX="2" Stroke="#FF6DBDD1" StrokeThickness="1" />
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</navigation:Page.Resources>
    <Grid x:Name="LayoutRoot">
    	<Grid.RowDefinitions>
    		<RowDefinition Height="*" />
			<RowDefinition Height="4*" />  	
		</Grid.RowDefinitions>
    	<StackPanel Grid.Row="1" Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Top" Height="116" Margin="0,147,0,0">
		<Image Height="116" Source="Resources/img-wave.png" Stretch="Fill" Width="517" />
		<Image Height="116" Source="Resources/img-wave.png" Stretch="Fill" Width="517" />
		</StackPanel>
    	<Border Height="300" Grid.Row="1" VerticalAlignment="Top" Width="450" CornerRadius="9" BorderThickness="1" BorderBrush="#07000000">
    		<Border BorderBrush="#19000000" BorderThickness="1" CornerRadius="8">
    			<Border CornerRadius="7" BorderThickness="1" BorderBrush="#33000000">
    	
    				<Border BorderThickness="1" BorderBrush="#FF999999" CornerRadius="6">
    					<Grid>
    						<Border BorderThickness="1" CornerRadius="5">
    							<Border.Background>
    								<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    									<GradientStop Color="#FFFEF0B8" Offset="0" />
    									<GradientStop Color="#7FFFFFFF" Offset="0.2" />
    								</LinearGradientBrush>
    							</Border.Background>
    						</Border>
    						<StackPanel Orientation="Horizontal" VerticalAlignment="Top" Margin="10,6,10,10">
    							<Image Source="Resources/img-sl.png" Width="38" Height="38" VerticalAlignment="Top" HorizontalAlignment="Left" />
    							<TextBlock Text="ComponentOne" FontSize="18" VerticalAlignment="Bottom" FontFamily="Segoe UI Semibold" Margin="5,0,0,7" />
    							<TextBlock Text="Studio for Silverlight " FontSize="14" VerticalAlignment="Bottom" FontFamily="Segoe UI" Margin="5,0,0,8" />
    						</StackPanel>
    						<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0,31,0,0">
    							<StackPanel Orientation="Horizontal">
    								<TextBlock Text="Outlook" FontSize="40" VerticalAlignment="Bottom" FontFamily="Segoe UI Semibold" />
    								<TextBlock Text="Sample" FontSize="30" VerticalAlignment="Bottom" Margin="5,0,0,3" FontFamily="Segoe WP SemiLight" />
    							</StackPanel>
    							<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Top" Margin="0,20,0,0">
    								<Button Content="2007" Click="Button_Click" Style="{StaticResource OutlookSampleButton}" />
    								<Button Content="2010" Margin="20,0,0,0" Click="Button_Click_1" Style="{StaticResource OutlookSampleButton}" />
                                    <Button Content="2013" Margin="20,0,0,0" Click="Button_Click_2" Style="{StaticResource OutlookSampleButton}" />
    							</StackPanel>
    						</StackPanel>
    					</Grid>
    				</Border>
    			</Border>
    		</Border>
    	</Border>
    </Grid>
</navigation:Page>