diff --git a/website/source/layouts/_header.erb b/website/source/layouts/_header.erb
index 596e7fdf7..eda3830f8 100644
--- a/website/source/layouts/_header.erb
+++ b/website/source/layouts/_header.erb
@@ -1,39 +1,3 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta name="description" content="">
-
-<link rel="shortcut icon" href="/images/favicon.png">
-
-<title><%= current_page.data.page_title ? "#{current_page.data.page_title} - " : "" %>Terraform</title>
-
-<!-- Bootstrap core CSS -->
-<%= stylesheet_link_tag "bootstrap.min" %>
-<%= stylesheet_link_tag "main" %>
-
-<!-- google fonts -->
-<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
-
-<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
-<!--[if lt IE 9]>
-	<%= javascript_include_tag "html5shiv", "respond.min" %>
-<![endif]-->
-
-<%= yield_content :head %>
-
-<script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-53231375-1', 'auto');
-  ga('send', 'pageview');
-</script>
-</head>
-<body id="page-<%= current_page.data.page_title ? "#{current_page.data.page_title}" : "home" %>" class="page-<%= current_page.data.page_title ? "#{current_page.data.page_title} layout-#{current_page.data.layout} page-sub" : "home layout-#{current_page.data.layout}" %>">
 <div id="header" class="<%= current_page.data.page_title == "home" ? "" : "navbar-static-top" %>">
 	<div class="container">
     <div class="col-sm-12 col-md-4 nav-logo">
diff --git a/website/source/layouts/_meta.erb b/website/source/layouts/_meta.erb
new file mode 100644
index 000000000..65893d0af
--- /dev/null
+++ b/website/source/layouts/_meta.erb
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="">
+
+<link rel="shortcut icon" href="/images/favicon.png">
+
+<title><%= current_page.data.page_title ? "#{current_page.data.page_title} - " : "" %>Terraform</title>
+
+<!-- Bootstrap core CSS -->
+<%= stylesheet_link_tag "bootstrap.min" %>
+<%= stylesheet_link_tag "main" %>
+
+<!-- google fonts -->
+<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
+
+<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+<!--[if lt IE 9]>
+  <%= javascript_include_tag "html5shiv", "respond.min" %>
+<![endif]-->
+
+<%= yield_content :head %>
+
+<script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-53231375-1', 'auto');
+  ga('send', 'pageview');
+</script>
+</head>
+<body id="page-<%= current_page.data.page_title ? "#{current_page.data.page_title}" : "home" %>" class="page-<%= current_page.data.page_title ? "#{current_page.data.page_title} layout-#{current_page.data.layout} page-sub" : "home layout-#{current_page.data.layout}" %>">
\ No newline at end of file
diff --git a/website/source/layouts/layout.erb b/website/source/layouts/layout.erb
index 94c9e25ce..665a0a128 100644
--- a/website/source/layouts/layout.erb
+++ b/website/source/layouts/layout.erb
@@ -1,3 +1,4 @@
+<%= partial "layouts/meta" %>
 <%= partial "layouts/header" %>
 <%= yield %>
 <%= partial "layouts/footer" %>
diff --git a/website/source/stylesheets/_docs.less b/website/source/stylesheets/_docs.less
index 84d716065..9b49d34a5 100755
--- a/website/source/stylesheets/_docs.less
+++ b/website/source/stylesheets/_docs.less
@@ -82,7 +82,7 @@ body.layout-intro{
 
 			&.active {
 				>a{
-					color: @purple;
+          color: lighten(@purple, 4%);
 					font-weight: 500;
 				}
 
@@ -110,7 +110,7 @@ body.layout-intro{
 					display: block;
 
           li.active a {
-          	color: @purple;
+            color: lighten(@purple, 4%);
 						font-weight: 500;
           }
 				}
diff --git a/website/source/stylesheets/_header.less b/website/source/stylesheets/_header.less
index 24800bf0d..26cfb3c44 100755
--- a/website/source/stylesheets/_header.less
+++ b/website/source/stylesheets/_header.less
@@ -34,6 +34,7 @@ body.page-sub{
         }
 
         .buttons.nav > li > a, .buttons.nav > li > a {
+            //background-color: lighten(@purple, 1%);
             .transition( background-color 0.3s ease );
         }
 
diff --git a/website/source/stylesheets/_home.less b/website/source/stylesheets/_home.less
index 4a1824f82..b4c16f27d 100755
--- a/website/source/stylesheets/_home.less
+++ b/website/source/stylesheets/_home.less
@@ -250,7 +250,7 @@
 		h2 {
 			margin-top: 0;
 			font-size: 28px;
-			color: lighten(@purple, 5%);
+			color: lighten(@purple, 8%);
 			.lato-light();
 		}
 
diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css
index 466b00e4e..ace5fb507 100644
--- a/website/source/stylesheets/main.css
+++ b/website/source/stylesheets/main.css
@@ -1250,7 +1250,7 @@ body.page-home #footer {
 #demos .explantion h2 {
   margin-top: 0;
   font-size: 28px;
-  color: #9148f8;
+  color: #9a56f9;
   font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 200;
 }
@@ -1679,7 +1679,7 @@ body.layout-intro > .container .col-md-8[role=main] > div {
 				}*/
 }
 .docs-sidebar .docs-sidenav > li.active > a {
-  color: #822ff7;
+  color: #8e43f8;
   font-weight: 500;
 }
 .docs-sidebar .docs-sidenav > li.active:before {
@@ -1704,7 +1704,7 @@ body.layout-intro > .container .col-md-8[role=main] > div {
   display: block;
 }
 .docs-sidebar .docs-sidenav > li.active .nav li.active a {
-  color: #822ff7;
+  color: #8e43f8;
   font-weight: 500;
 }
 .docs-sidebar .docs-sidenav > li > a {
