diff --git a/Package/Environment/Common/layouts/Pandora's Box 16x9/attribution.txt b/Package/Environment/Common/layouts/Pandora's Box 16x9/attribution.txt
new file mode 100644
index 0000000..7a1afcd
--- /dev/null
+++ b/Package/Environment/Common/layouts/Pandora's Box 16x9/attribution.txt	
@@ -0,0 +1,4 @@
+The background image was taken from
+https://commons.wikimedia.org/wiki/File:Flame_of_fire.jpg, and is licensed
+under the Creative Commons Attribution-Share Alike 2.5 Generic, 2.0 Generic
+and 1.0 Generic license.
diff --git a/Package/Environment/Common/layouts/Pandora's Box 16x9/bg.jpg b/Package/Environment/Common/layouts/Pandora's Box 16x9/bg.jpg
new file mode 100644
index 0000000..80103f7
Binary files /dev/null and b/Package/Environment/Common/layouts/Pandora's Box 16x9/bg.jpg differ
diff --git a/Package/Environment/Common/layouts/Pandora's Box 16x9/bg.png b/Package/Environment/Common/layouts/Pandora's Box 16x9/bg.png
deleted file mode 100644
index f112222..0000000
Binary files a/Package/Environment/Common/layouts/Pandora's Box 16x9/bg.png and /dev/null differ
diff --git a/Package/Environment/Common/layouts/Pandora's Box 16x9/bottomborder.png b/Package/Environment/Common/layouts/Pandora's Box 16x9/bottomborder.png
index 459f8bb..1735f28 100644
Binary files a/Package/Environment/Common/layouts/Pandora's Box 16x9/bottomborder.png and b/Package/Environment/Common/layouts/Pandora's Box 16x9/bottomborder.png differ
diff --git a/Package/Environment/Common/layouts/Pandora's Box 16x9/bottomborder_trans.png b/Package/Environment/Common/layouts/Pandora's Box 16x9/bottomborder_trans.png
new file mode 100644
index 0000000..1735f28
Binary files /dev/null and b/Package/Environment/Common/layouts/Pandora's Box 16x9/bottomborder_trans.png differ
diff --git a/Package/Environment/Common/layouts/Pandora's Box 16x9/layout.xml b/Package/Environment/Common/layouts/Pandora's Box 16x9/layout.xml
index 4b1e326..fa81443 100644
--- a/Package/Environment/Common/layouts/Pandora's Box 16x9/layout.xml	
+++ b/Package/Environment/Common/layouts/Pandora's Box 16x9/layout.xml	
@@ -9,15 +9,14 @@
   <sound type="select" src="select.wav" />
 
 
-  <!-- Background: image and pulsating red background -->
-
-  <image src="bg.png" x="0" y="0" height="stretch" width="stretch" layer="0"/>
+  <!-- Background: image and pulsating red background-->
 
+  <image src="bg.jpg" x="0" y="0" height="stretch" width="stretch" layer="0"/>
 
   <!-- Menu structure Main Menu -->
 
   <menu type="custom" imageType="device" scrollTime=".24" scrollAcceleration=".04" orientation="horizontal" >
-    <itemDefaults x="center" y="790" xOrigin="center" yOrigin="bottom" width="200" maxHeight="500" fontSize="35" layer="4"/>
+    <itemDefaults x="center" y="790" xOrigin="center" yOrigin="bottom" width="200" maxHeight="500" fontSize="35" layer="5"/>
     <item xOffset="-1150" alpha="0"  algorithm="easeinquadratic"/>
     <item xOffset="-940">
       <onMenuEnter>
@@ -134,30 +133,37 @@
   <!-- Menu structure Collections -->
 
   <menu type="custom" imageType="artwork_front" scrollTime=".24" scrollAcceleration=".04" orientation="horizontal">
-    <itemDefaults x="center" y="790" xOrigin="center" yOrigin="bottom" width="200" maxHeight="500" fontSize="35" layer="4"/>
-    <item xOffset="-1150" alpha="0"  algorithm="easeinquadratic"/>
-    <item xOffset="-940">
+    <itemDefaults x="center" y="790" xOrigin="center" yOrigin="bottom" width="150" maxHeight="500" fontSize="35" layer="5"/>
+    <item xOffset="-1085" alpha="0"  algorithm="easeinquadratic"/>
+    <item xOffset="-925">
       <onMenuExit>
         <set duration=".3">
           <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
         </set>
       </onMenuExit>
     </item>
-    <item xOffset="-730">
+    <item xOffset="-765">
       <onMenuExit>
         <set duration=".3">
           <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
         </set>
       </onMenuExit>
     </item>
-    <item xOffset="-520">
+    <item xOffset="-605">
       <onMenuExit>
         <set duration=".3">
           <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
         </set>
       </onMenuExit>
     </item>
-    <item xOffset="-310">
+    <item xOffset="-445">
+      <onMenuExit>
+        <set duration=".3">
+          <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
+        </set>
+      </onMenuExit>
+    </item>
+    <item xOffset="-285">
       <onMenuExit>
         <set duration=".3">
           <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
@@ -172,43 +178,50 @@
         </set>
       </onMenuExit>
     </item>
-    <item xOffset="310">
+    <item xOffset="285">
       <onMenuExit>
         <set duration=".3">
           <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
         </set>
       </onMenuExit>
     </item>
-    <item xOffset="520">
+    <item xOffset="445">
       <onMenuExit>
         <set duration=".3">
           <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
         </set>
       </onMenuExit>
     </item>
-    <item xOffset="730">
+    <item xOffset="605">
       <onMenuExit>
         <set duration=".3">
           <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
         </set>
       </onMenuExit>
     </item>
-    <item xOffset="940">
+    <item xOffset="765">
       <onMenuExit>
         <set duration=".3">
           <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
         </set>
       </onMenuExit>
     </item>
-    <item xOffset="1150" alpha="0"  algorithm="easeinquadratic"/>
+    <item xOffset="925">
+      <onMenuExit>
+        <set duration=".3">
+          <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
+        </set>
+      </onMenuExit>
+    </item>
+    <item xOffset="1085" alpha="0"  algorithm="easeinquadratic"/>
   </menu>
 
 
   <!-- Reloadable items -->
 
-  <image src="black.png"                       x="400"  y="300"  xOrigin="center" yOrigin="center" height="480"     width="640"     layer="1"/>
-  <image src="videoborder.png"                 x="400"  y="300"  xOrigin="center" yOrigin="center"                                  layer="3"/>
-  <reloadableVideo imageType="screenshot"      x="400"  y="300"  xOrigin="center" yOrigin="center" height="480"     maxWidth="640"  layer="2">
+  <image src="black.png"                       x="400"  y="300"  xOrigin="center" yOrigin="center" height="480"     width="640"     layer="2"/>
+  <image src="videoborder.png"                 x="400"  y="300"  xOrigin="center" yOrigin="center"                                  layer="4"/>
+  <reloadableVideo imageType="screenshot"      x="400"  y="300"  xOrigin="center" yOrigin="center" height="480"     maxWidth="640"  layer="3">
     <onHighlightEnter>
       <set duration=".3">
         <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
@@ -220,23 +233,44 @@
       </set>
     </onHighlightExit>
   </reloadableVideo>
-  <reloadableImage type="device"               x="1200" y="540"  xOrigin="center" yOrigin="center" maxHeight="1200" width="2000"    layer="1">
+  <reloadableImage type="device"               x="1350" y="640"  xOrigin="center" yOrigin="center" maxHeight="1200" width="2000"    layer="1">
     <onHighlightEnter>
       <set duration=".3">
-        <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
+        <animate type="x" from="4000" to="1350" algorithm="easeinquadratic"/>
       </set>
     </onHighlightEnter>
     <onHighlightExit>
       <set duration=".3">
-        <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
+        <animate type="x" from="1350" to="4000" algorithm="easeinquadratic"/>
       </set>
     </onHighlightExit>
+    <onMenuEnter menuIndex="0">
+      <set duration="0.3">
+        <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
+      </set>
+    </onMenuEnter>
+    <onMenuExit menuIndex="0">
+      <set duration="0.3">
+        <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
+      </set>
+    </onMenuExit>
   </reloadableImage>
   <image src="bottomborder.png"                x="0"    y="1080" xOrigin="left"   yOrigin="bottom"                                  layer="3"/>
-  <reloadableImage type="device" mode="system" x="1200" y="540"  xOrigin="center" yOrigin="center" maxHeight="1200" width="2000"    layer="1">
+  <reloadableImage type="device" mode="system" x="1350" y="640"  xOrigin="center" yOrigin="center" maxHeight="1200" width="2000"    layer="1"/>
+  <reloadableImage type="logo"   mode="system" x="1350" y="50"   xOrigin="center" yOrigin="top"    height="250"     maxWidth="1100" layer="7"/>
+  <reloadableImage type="logo"                 x="1350" y="50"   xOrigin="center" yOrigin="top"    height="250"     maxWidth="1100" layer="7">
+    <onMenuExit menuIndex="0">
+      <set duration="1">
+        <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
+      </set>
+    </onMenuExit>
+    <onHighlightEnter menuIndex="0">
+      <set duration=".6">
+        <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
+      </set>
+    </onHighlightEnter>
   </reloadableImage>
-  <reloadableImage type="logo"   mode="system" x="1200" y="50"   xOrigin="center" yOrigin="top"    height="200"                     layer="7"/>
-  <reloadableImage type="logo"                 x="400"  y="90"   xOrigin="center" yOrigin="top"    maxHeight="70"   maxWidth="200"  layer="4" alpha="0">
+  <reloadableImage type="logo"                 x="400"  y="90"   xOrigin="center" yOrigin="top"    maxHeight="70"   maxWidth="200"  layer="5" alpha="0">
     <onIdle>
       <set duration="1">
         <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
@@ -259,7 +293,11 @@
     </onHighlightExit>
   </reloadableImage>
 
-  <reloadableText type="year"         x="350" y="890" xOrigin="center" yOrigin="bottom" fontSize="48" maxWidth="400" layer="7">
+  <text value="Year:"         x="300" y="850" xOrigin="right" yOrigin="top" fontSize="48" layer="7"/>
+  <text value="Genre:"        x="300" y="900" xOrigin="right" yOrigin="top" fontSize="48" layer="7"/>
+  <text value="Manufacturer:" x="300" y="950" xOrigin="right" yOrigin="top" fontSize="48" layer="7"/>
+
+  <reloadableText type="year"         x="310" y="850" xOrigin="left" yOrigin="top" fontSize="48" maxWidth="300" layer="7">
     <onHighlightEnter>
       <set duration=".3">
         <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
@@ -271,7 +309,7 @@
       </set>
     </onHighlightExit>
   </reloadableText>
-  <reloadableText type="genre"        x="350" y="940" xOrigin="center" yOrigin="bottom" fontSize="48" maxWidth="400" layer="7">
+  <reloadableText type="genre"        x="310" y="900" xOrigin="left" yOrigin="top" fontSize="48" maxWidth="300" layer="7">
     <onHighlightEnter>
       <set duration=".3">
         <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
@@ -283,7 +321,20 @@
       </set>
     </onHighlightExit>
   </reloadableText>
-  <reloadableText type="manufacturer" x="350" y="990" xOrigin="center" yOrigin="bottom" fontSize="48" maxWidth="400" layer="7">
+  <reloadableText type="manufacturer" x="310" y="950" xOrigin="left" yOrigin="top" fontSize="48" maxWidth="300" layer="7">
+    <onHighlightEnter>
+      <set duration=".3">
+        <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
+      </set>
+    </onHighlightEnter>
+    <onHighlightExit>
+      <set duration=".3">
+        <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
+      </set>
+    </onHighlightExit>
+  </reloadableText>
+
+  <reloadableText type="title" x="960" y="910" xOrigin="center" yOrigin="center" fontSize="36" maxWidth="600" layer="7">
     <onHighlightEnter>
       <set duration=".3">
         <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>