changed content divs to new format

Author: agcolom

demos/pages/index.php

@@ -107,7 +107,7 @@
 		<h1>Page Title</h1>
 	</div><!-- /header -->
 
-	<div data-role="content">
+	<div role="main" class="ui-content">
 		<p>Page content goes here.</p>
 	</div><!-- /content -->
 
@@ -138,7 +138,7 @@
 		<h1>Foo</h1>
 	</div><!-- /header -->
 
-	<div data-role="content">
+	<div role="main" class="ui-content">
 		<p>I'm first in the source order so I'm shown as the page.</p>
 		<p>View internal page called <a href="#bar">bar</a></p>
 	</div><!-- /content -->
@@ -155,7 +155,7 @@
 		<h1>Bar</h1>
 	</div><!-- /header -->
 
-	<div data-role="content">
+	<div role="main" class="ui-content">
 		<p>I'm the second in the source order so I'm hidden when the page loads. I'm just shown if a link that references my id is beeing clicked.</p>
 		<p><a href="#foo">Back to foo</a></p>
 	</div><!-- /content -->