<container w="640" h="960" centerParent="1" visible="0">
  <state name="tutorial" visible="1"/>
  <state name="default" visible="0"/>

  <container w="740" h="740" parentAlign="center" y="-1080" visible="0">
    <state name="tutorial" visible="1" y="20" easing="back_inout"/>
    <state name="default" visible="0" y="-1080" easing="back_inout"/>

		
    <!--image9 fillParent="1" filename="data/gui/highlight_button.png" corner="50" color="ffffff22"/-->
    <image9 x="20" w="700" h="910"  filename="data/gui/composit1.png" corner="20"/>
    
		<image  x="50" y="40"  w="400" h="400"  filename="data/gfx/tut1.png" />
    <text x="70" y="350" w="540" h="200"  font="clearsans_medium.ttf" font_size="50"  text="Move pieces with keyboard arrows or mouse" />
    
		 
    
    <image  x="-20" y="465"  w="400" h="400"  filename="data/gfx/tut2.png" />
		<text x="70" y="830" w="360" h="200" font="clearsans_medium.ttf" font_size="50"  text="Match similar pieces" />
    
		<button x="630" y="15" w="80" h="80"  on_click="popState()">
      <container name="default" w="80" h="80" >
        <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/>  
        <text font="clearsans_medium.ttf" font_size="75" centerParent="1" text="X"/>
      </container>
			
      <container name="active" w="80" h="80" >
        <image9 x='-20' y='-20' w="120" h="120" filename="data/gui/highlight_button.png" corner="50"/>
        <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/>  
        <text font="clearsans_medium.ttf" font_size="75" centerParent="1" text="X"/>
      </container>
			
      <container name="pressed"  w="80" h="80" x="5" y="5" >
        <image9 x='-20' y='-20' w="120" h="120" filename="data/gui/highlight_button.png" corner="50"/>
        <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/>  
        <text font="clearsans_medium.ttf" font_size="75" centerParent="1" text="X"/>
      </container>
    </button>	
		
  <!--   <container w="200" h="70" parentAlign="center" parentVAlign="bottom" >
      <text x="175" y="0" font="clearsans_medium.ttf" font_size="50" text="continue" align="center"  />
      <image x='10' y='3' w="50" h="50" filename="data/gui/m_icon.png" />
    </container>
		 -->
  </container>
	
	<container w="640" h="740" parentAlign="center" y="1580" visible="0">
    <state name="tutorial" visible="1" y="330" easing="back_inout"/>
    <state name="default" visible="0" y="1580" easing="back_inout"/>

		<image  x="360" y="0"  w="554" h="1000"  filename="data/gfx/characters/01_chief.png" />

  </container>
  
</container>
