Updated the style to match the Imagination Community website. Added a link to the license FAQ

index.html

@@ -17,10 +17,11 @@
     <div id="header_wrap" class="outer">
         <header class="inner">
 		  <a id="forkme_banner" href="https://github.com/powervr-graphics/Native_SDK">View on GitHub</a>
-
+		  <div class="logo">
+			<a href="http://www.powervrinsider.com" target="_blank"><img src="images\PVRlogo.png" width="20%" height="20%" /></a>
+          </div>
 		   <h1 id="project_title">PowerVR Graphics Native SDK</h1>
-          <h2 id="project_tagline">C++ cross-platform 3D graphics SDK. Includes demos &amp; helper code (resource loading, matrix and vector maths etc.) to speed up development of OpenGL ES 1.x, 2.0 &amp; 3.x applications</h2>
-
+		   <h2 id="project_tagline">C++ cross-platform 3D graphics SDK. Includes demos &amp; helper code (resource loading, matrix and vector maths, etc.) to speed up development of OpenGL ES 1.x, 2.0 &amp; 3.x applications</h2>
             <section id="downloads">
               <a class="zip_download_link" href="https://github.com/powervr-graphics/Native_SDK/zipball/master">Download this project as a .zip file</a>
               <a class="tar_download_link" href="https://github.com/powervr-graphics/Native_SDK/tarball/master">Download this project as a tar.gz file</a>
@@ -31,9 +32,7 @@
     <!-- MAIN CONTENT -->
     <div id="main_content_wrap" class="outer">
       <section id="main_content" class="inner">
-        <h1>
-<a name="powervr-graphics-native-sdk" class="anchor" href="#powervr-graphics-native-sdk"><span class="octicon octicon-link"></span></a>PowerVR Graphics Native SDK</h1>
-
+	  <br>
 <p>This repository contains the PowerVR Graphics cross-platform native (C++) SDK source code. The SDK includes optimized example applications to demonstrate the most efficient ways of implementing common 3D graphics effects on PowerVR graphics cores. It also includes a cross-platform OS and graphics API abstraction layer, and a library of helper code for resource loading, vector and matrix maths, text printing and more.</p>
 
 <p>The SDK supports iOS, Android and Linux PowerVR devices. It also supports Windows, OS X and Linux PC emulation. Imagination's OpenGL ES emulation library, PVRVFrame, can be downloaded from our website <a href="http://community.imgtec.com/developers/powervr/tools/pvrvframe/">here</a>.</p>
@@ -70,7 +69,7 @@ If you would prefer to contact us confidentially, you can file a support ticket
 <h2>
 <a name="license" class="anchor" href="#license"><span class="octicon octicon-link"></span></a>License</h2>
 
-<p>The SDK is distributed under a permissive licence so it can easily be integrated into commercial and non-commercial applications. You can find the license <a href="https://github.com/powervr-graphics/Native_SDK/blob/master/LICENSE.txt">here</a>.</p>
+<p>The SDK is distributed under a permissive license so it can easily be integrated into commercial and non-commercial applications. You can find the license <a href="https://github.com/powervr-graphics/Native_SDK/blob/master/LICENSE.txt">here</a>. To further clarify the terms, we also have an SDK license FAQ (available <a href="http://community.imgtec.com/developers/powervr/faq-about-the-sdk-eula/">here</a>).</p>
       </section>
     </div>
 

stylesheets/stylesheet.css

@@ -50,25 +50,25 @@ Theme Styles
 
 body {
   box-sizing: border-box;
-  color:#373737;
-  background: #212121;
-  font-size: 16px;
-  font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
+  color: #555;
+  background: #ffffff;
+  font-size: 13px;
+  font-family: HelvNeuRoman, Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
   line-height: 1.5;
   -webkit-font-smoothing: antialiased;
 }
 
 h1, h2, h3, h4, h5, h6 {
   margin: 10px 0;
-  font-weight: 700;
-  color:#222222;
-  font-family: 'Lucida Grande', 'Calibri', Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  color: #222;
+  font-family: HelvNeuRoman, Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
   letter-spacing: -1px;
 }
 
 h1 {
   font-size: 36px;
-  font-weight: 700;
+  font-weight: normal;
 }
 
 h2 {
@@ -98,12 +98,12 @@ p {
 }
 
 footer p {
-  color: #f2f2f2;
+  color: #999;
 }
 
 a {
   text-decoration: none;
-  color: #007edf;
+  color: #cd239d;
   text-shadow: none;
 
   transition: color 0.5s ease;
@@ -118,10 +118,10 @@ a {
   -ms-transition: text-shadow 0.5s ease;
 }
 
-a:hover, a:focus {text-decoration: underline;}
+a:hover, a:focus {color: #555;}
 
 footer a {
-  color: #F2F2F2;
+  color: #999;
   text-decoration: underline;
 }
 
@@ -139,13 +139,13 @@ img {
   max-width: 739px;
   padding: 5px;
   margin: 10px 0 10px 0;
-  border: 1px solid #ebebeb;
+  border: none;
 
-  box-shadow: 0 0 5px #ebebeb;
-  -webkit-box-shadow: 0 0 5px #ebebeb;
-  -moz-box-shadow: 0 0 5px #ebebeb;
-  -o-box-shadow: 0 0 5px #ebebeb;
-  -ms-box-shadow: 0 0 5px #ebebeb;
+  box-shadow: none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  -o-box-shadow: none;
+  -ms-box-shadow: none;
 }
 
 p img {
@@ -285,32 +285,32 @@ Full-Width Styles
 }
 
 #header_wrap {
-  background: #212121;
-  background: -moz-linear-gradient(top, #373737, #212121);
-  background: -webkit-linear-gradient(top, #373737, #212121);
-  background: -ms-linear-gradient(top, #373737, #212121);
-  background: -o-linear-gradient(top, #373737, #212121);
-  background: linear-gradient(top, #373737, #212121);
+  background: #72166b;
 }
 
 #header_wrap .inner {
   padding: 50px 10px 30px 10px;
 }
 
+#header_wrap .inner .logo {
+ border-color: none;
+ margin-top: -50px;
+}
+
 #project_title {
   margin: 0;
-  color: #fff;
-  font-size: 42px;
-  font-weight: 700;
-  text-shadow: #111 0px 0px 10px;
+  color: #ffffff;
+  font-size: 36px;
+  font-weight: normal;
+  text-shadow: none;
 }
 
 #project_tagline {
-  color: #fff;
+  color: #ffffff;
   font-size: 24px;
-  font-weight: 300;
+  font-weight: normal;
   background: none;
-  text-shadow: #111 0px 0px 10px;
+  text-shadow: none;
 }
 
 #downloads {
@@ -353,9 +353,9 @@ Full-Width Styles
 }
 
 #main_content_wrap {
-  background: #f2f2f2;
-  border-top: 1px solid #111;
-  border-bottom: 1px solid #111;
+  background: #ffffff;
+  border-top: none;
+  border-bottom: 1px solid #e4e4e4;
 }
 
 #main_content {
@@ -363,7 +363,8 @@ Full-Width Styles
 }
 
 #footer_wrap {
-  background: #212121;
+  background: #F9F9F9;
+  border-bottom: 10px solid #999;
 }