diff --git a/dashboard-ui/boxset.html b/dashboard-ui/boxset.html
index 7f4029d158..280932e7c1 100644
--- a/dashboard-ui/boxset.html
+++ b/dashboard-ui/boxset.html
@@ -14,14 +14,12 @@
                 <a href="movies.html" data-role="button">Movies</a>
                 <a href="boxsets.html" data-role="button" class="ui-btn-active">Box Sets</a>
                 <a href="moviegenres.html" data-role="button">Genres</a>
-                <a href="#" data-role="button">Actors</a>
-                <a href="#" data-role="button">Directors</a>
+                <a href="moviepeople.html" data-role="button">People</a>
+                <a href="moviestudios.html" data-role="button">Studios</a>
             </div>
 
-            <h1 id="seriesName" style="padding-left: 10px; margin: 0;" class="hide"></h1>
-            <h1 id="itemName" style="padding-left: 10px; margin: 0;"></h1>
-
             <div class="detailPagePrimaryInfo">
+                <h1 id="itemName" class="detailPageName"></h1>
                 <div class="itemImageBlock">
                     <div id="itemMedia" style="position: relative;">
                         <div id="itemImage"></div>
diff --git a/dashboard-ui/boxsets.html b/dashboard-ui/boxsets.html
index 55b09a6869..1cc3c01ddd 100644
--- a/dashboard-ui/boxsets.html
+++ b/dashboard-ui/boxsets.html
@@ -13,8 +13,8 @@
                 <a href="movies.html" data-role="button">Movies</a>
                 <a href="boxsets.html" data-role="button" class="ui-btn-active">Box Sets</a>
                 <a href="moviegenres.html" data-role="button">Genres</a>
-                <a href="#" data-role="button">Actors</a>
-                <a href="#" data-role="button">Directors</a>
+                <a href="moviepeople.html" data-role="button">People</a>
+                <a href="moviestudios.html" data-role="button">Studios</a>
             </div>
             <div class="viewSettings">
                 <button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button>
diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index c1c0f66e92..411a549b4e 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -106,6 +106,10 @@
     }
 }
 
+.detailPageName {
+    margin: 0 0 5px;
+}
+
 .detailPagePrimaryInfo {
     padding: 0 10px;
 }
diff --git a/dashboard-ui/itembynamedetails.html b/dashboard-ui/itembynamedetails.html
index e1af6b459c..6fbe3d7349 100644
--- a/dashboard-ui/itembynamedetails.html
+++ b/dashboard-ui/itembynamedetails.html
@@ -8,6 +8,8 @@
         <div data-role="content">
 
             <div class="detailPagePrimaryInfo">
+                <h1 id="itemName" class="detailPageName"></h1>
+
                 <div class="itemImageBlock">
                     <div id="itemMedia" style="position: relative;">
                         <div id="itemImage"></div>
diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html
index c6328058b4..bb3b2f7e32 100644
--- a/dashboard-ui/itemdetails.html
+++ b/dashboard-ui/itemdetails.html
@@ -7,10 +7,10 @@
     <div id="itemDetailPage" data-role="page" class="page libraryPage" data-theme="a">
         <div data-role="content">
 
-            <h1 id="seriesName" style="padding-left: 10px; margin: 0;" class="hide"></h1>
-            <h1 id="itemName" style="padding-left: 10px; margin: 0;"></h1>
-
             <div class="detailPagePrimaryInfo">
+                <h1 id="seriesName" class="detailPageName hide"></h1>
+                <h1 id="itemName" class="detailPageName"></h1>
+
                 <div class="itemImageBlock">
                     <div id="itemMedia" style="position: relative;">
                         <div id="itemImage"></div>
diff --git a/dashboard-ui/moviegenres.html b/dashboard-ui/moviegenres.html
index 589b040fc3..01b34ba577 100644
--- a/dashboard-ui/moviegenres.html
+++ b/dashboard-ui/moviegenres.html
@@ -13,8 +13,8 @@
                 <a href="movies.html" data-role="button">Movies</a>
                 <a href="boxsets.html" data-role="button">Box Sets</a>
                 <a href="moviegenres.html" data-role="button" class="ui-btn-active">Genres</a>
-                <a href="#" data-role="button">Actors</a>
-                <a href="#" data-role="button">Directors</a>
+                <a href="moviepeople.html" data-role="button">People</a>
+                <a href="moviestudios.html" data-role="button">Studios</a>
             </div>
             <div class="viewSettings">
             </div>
diff --git a/dashboard-ui/moviepeople.html b/dashboard-ui/moviepeople.html
new file mode 100644
index 0000000000..a264bbc5e0
--- /dev/null
+++ b/dashboard-ui/moviepeople.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Media Browser</title>
+</head>
+<body>
+    <div id="moviePeoplePage" data-role="page" class="page libraryPage noLogoPage listPage" data-theme="a">
+        <h1 class="libraryPageHeader"><a href="index.html" class="imageLink">
+            <img src="css/images/home.png"></a>Movies</h1>
+        <div data-role="content">
+            <div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
+                <a href="moviesrecommended.html" data-role="button">Suggested</a>
+                <a href="movies.html" data-role="button">Movies</a>
+                <a href="boxsets.html" data-role="button">Box Sets</a>
+                <a href="moviegenres.html" data-role="button">Genres</a>
+                <a href="moviepeople.html" data-role="button" class="ui-btn-active">People</a>
+                <a href="moviestudios.html" data-role="button">Studios</a>
+            </div>
+            <div class="viewSettings">
+            </div>
+            <div id="items"></div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/dashboard-ui/movies.html b/dashboard-ui/movies.html
index 20aab9066b..e9e4246847 100644
--- a/dashboard-ui/movies.html
+++ b/dashboard-ui/movies.html
@@ -13,8 +13,8 @@
                 <a href="movies.html" data-role="button" class="ui-btn-active">Movies</a>
                 <a href="boxsets.html" data-role="button">Box Sets</a>
                 <a href="moviegenres.html" data-role="button">Genres</a>
-                <a href="#" data-role="button">Actors</a>
-                <a href="#" data-role="button">Directors</a>
+                <a href="moviepeople.html" data-role="button">People</a>
+                <a href="moviestudios.html" data-role="button">Studios</a>
             </div>
             <div class="viewSettings">
                 <div style="display: inline-block;">
diff --git a/dashboard-ui/moviesrecommended.html b/dashboard-ui/moviesrecommended.html
index 5d18c5cb87..f1edfe41a4 100644
--- a/dashboard-ui/moviesrecommended.html
+++ b/dashboard-ui/moviesrecommended.html
@@ -13,8 +13,8 @@
                 <a href="movies.html" data-role="button">Movies</a>
                 <a href="boxsets.html" data-role="button">Box Sets</a>
                 <a href="moviegenres.html" data-role="button">Genres</a>
-                <a href="#" data-role="button">Actors</a>
-                <a href="#" data-role="button">Directors</a>
+                <a href="moviepeople.html" data-role="button">People</a>
+                <a href="moviestudios.html" data-role="button">Studios</a>
             </div>
 
             <div class="ehsContent">
diff --git a/dashboard-ui/moviestudios.html b/dashboard-ui/moviestudios.html
new file mode 100644
index 0000000000..bf0c442833
--- /dev/null
+++ b/dashboard-ui/moviestudios.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Media Browser</title>
+</head>
+<body>
+    <div id="movieStudiosPage" data-role="page" class="page libraryPage noLogoPage listPage" data-theme="a">
+        <h1 class="libraryPageHeader"><a href="index.html" class="imageLink">
+            <img src="css/images/home.png"></a>Movies</h1>
+        <div data-role="content">
+            <div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
+                <a href="moviesrecommended.html" data-role="button">Suggested</a>
+                <a href="movies.html" data-role="button">Movies</a>
+                <a href="boxsets.html" data-role="button">Box Sets</a>
+                <a href="moviegenres.html" data-role="button">Genres</a>
+                <a href="moviepeople.html" data-role="button">People</a>
+                <a href="moviestudios.html" data-role="button" class="ui-btn-active">Studios</a>
+            </div>
+            <div class="viewSettings">
+            </div>
+            <div id="items"></div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index e12f185335..f46540d589 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -150,6 +150,15 @@
             if (item.Type == "BoxSet") {
                 return "boxset.html?id=" + item.Id;
             }
+            if (item.Type == "Genre") {
+                return "itembynamedetails.html?genre=" + item.Name;
+            }
+            if (item.Type == "Studio") {
+                return "itembynamedetails.html?studio=" + item.Name;
+            }
+            if (item.Type == "Person") {
+                return "itembynamedetails.html?person=" + item.Name;
+            }
 
             return item.IsFolder ? (item.Id ? "itemList.html?parentId=" + item.Id : "#") : "itemdetails.html?id=" + item.Id;
 
diff --git a/dashboard-ui/scripts/moviepeople.js b/dashboard-ui/scripts/moviepeople.js
new file mode 100644
index 0000000000..5f282702bb
--- /dev/null
+++ b/dashboard-ui/scripts/moviepeople.js
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/dashboard-ui/scripts/moviesrecommended.js b/dashboard-ui/scripts/moviesrecommended.js
index e53102a83f..3e83e0cec8 100644
--- a/dashboard-ui/scripts/moviesrecommended.js
+++ b/dashboard-ui/scripts/moviesrecommended.js
@@ -74,7 +74,8 @@
 
             $('#trailerItems', page).html(LibraryBrowser.getPosterViewHtml({
                 items: result.Items,
-                useAverageAspectRatio: true
+                useAverageAspectRatio: true,
+                showNewIndicator: false
             }));
 
         });
diff --git a/dashboard-ui/scripts/moviestudios.js b/dashboard-ui/scripts/moviestudios.js
new file mode 100644
index 0000000000..5f282702bb
--- /dev/null
+++ b/dashboard-ui/scripts/moviestudios.js
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/dashboard-ui/scripts/tvstudios.js b/dashboard-ui/scripts/tvstudios.js
new file mode 100644
index 0000000000..5f282702bb
--- /dev/null
+++ b/dashboard-ui/scripts/tvstudios.js
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/dashboard-ui/tvseries.html b/dashboard-ui/tvseries.html
index f7d1d681c6..3842bf8287 100644
--- a/dashboard-ui/tvseries.html
+++ b/dashboard-ui/tvseries.html
@@ -17,9 +17,10 @@
                 <a href="#" data-role="button">Actors</a>
             </div>
 
-            <h1 id="itemName" style="padding-left: 10px; margin: 0;"></h1>
-
             <div class="detailPagePrimaryInfo">
+                
+                <h1 id="itemName" class="detailPageName"></h1>
+
                 <div class="itemImageBlock">
                     <div id="itemMedia" style="position: relative;">
                         <div id="itemImage"></div>
diff --git a/dashboard-ui/tvstudios.html b/dashboard-ui/tvstudios.html
new file mode 100644
index 0000000000..755f822eac
--- /dev/null
+++ b/dashboard-ui/tvstudios.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta charset="utf-8" />
+    <title></title>
+</head>
+<body>
+
+</body>
+</html>
\ No newline at end of file