diff --git a/html/css/main.css b/html/css/main.css
index da7e43b..65ffe04 100644
--- a/html/css/main.css
+++ b/html/css/main.css
@@ -1,567 +1,577 @@
 /*
  * HTML5 Boilerplate
  *
  * What follows is the result of much research on cross-browser styling.
  * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
  * Kroc Camen, and the H5BP dev community and team.
  */
 
 /* ==========================================================================
    Base styles: opinionated defaults
    ========================================================================== */
 
 html,
 button,
 input,
 select,
 textarea {
     color: #222;
 }
 
 body {
     font-size: 1em;
     line-height: 1.4;
 }
 
 /*
  * Remove text-shadow in selection highlight: h5bp.com/i
  * These selection declarations have to be separate.
  * Customize the background color to match your design.
  */
 
 ::-moz-selection {
     background: #b3d4fc;
     text-shadow: none;
 }
 
 ::selection {
     background: #b3d4fc;
     text-shadow: none;
 }
 
 /*
  * A better looking default horizontal rule
  */
 
 hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #ccc;
     margin: 1em 0;
     padding: 0;
 }
 
 /*
  * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
  */
 
 img {
     vertical-align: middle;
 }
 
 /*
  * Remove default fieldset styles.
  */
 
 fieldset {
     border: 0;
     margin: 0;
     padding: 0;
 }
 
 /*
  * Allow only vertical resizing of textareas.
  */
 
 textarea {
     resize: vertical;
 }
 
 /* ==========================================================================
    Chrome Frame prompt
    ========================================================================== */
 
 .chromeframe {
     margin: 0.2em 0;
     background: #ccc;
     color: #000;
     padding: 0.2em 0;
 }
 
 /* ==========================================================================
    Author's custom styles
    ========================================================================== */
 
 body {
 
 	font-family: 'Open Sans', sans-serif;
 	font-size: 10px;
 	width: 100%;
 /*	max-width: 1280px; */
 	margin: 0px auto;
 	padding: 0;
 	background-color: #2c4081;
 	}
 
+.pullquote {
+	padding: 2.6rem 2.2rem 2rem 3.6rem;
+	width: 30%; 
+	margin: 0 2rem 2rem 0;
+	float: right;
+	font-size: 2em;
+	font-family: Marvel;
+	font-style: italic;
+	color: white;
+}
 
 #banner {
     background-image: url(/img/gradiant.png);
     background-color: white;
     background-repeat: repeat-x;
     height: 62px;
     border: 3px solid #732F2F;
     border-left: none; border-right: none;
     overflow: hidden;
 }
 
 #logo {
     background-image: url(/img/GetPacemakerBanner.svg);
     background-color: transparent;
     background-size: 100%;
     background-repeat: no-repeat;
     display: block;
     float: left;
     overflow: hidden;
     height: 60px;
     width: 600px;
     margin: 1px;
 }
 
 .lt-ie9 #logo {
 	background-image: url(/img/GetPacemakerBanner.png);
 	margin-top: 0px;	
 }
 
 nav {
 	width: 100%;
 	border: 3px solid #732F2F;
 	border-left: none; border-right: none;
 	font-size: 2em;
 	line-height: 1em;
 	color: #cec9c2;
 	text-transform: uppercase;
 	font-weight: bold;
 	font-family: Marvel, sans-serif;
 	text-align: center;
 	margin: 5px 0 5px 0;
 	float: right;
 	padding: 5px;
 }
 
 nav a, nav a:visited {color: #cec9c2; text-decoration: none; display: inline-block; margin: 3px; }
 nav a:hover {text-decoration: underline;}
 
 /*
 nav a:first-child {margin-left: 0;}
 nav a:last-child {margin-right: 0;}
 */
 
 h1, h2, h3, footer {font-family: Marvel, sans-serif; }
 
 #main h1, #main h2, #main h3 {color: white; }
 
 h1 {font-size: 2.9em;}
 h2 {font-size: 2.4em;}
 h3 {font-size: 1.6em;}
 
 #boxes h3 {text-align: center;}
 
 #main {
 	float: left;
 	position: relative;
 	width: 97%;
 	padding: 0 1.5%;
 	color: #cec9c2;
 }
 
 #main ul {width: 90%; font-size: 1.3em; }
 
 #main p {width: 100%; font-size: 1.3em; }
 
 #main a { color: white; }
 
 #main q {
 	display: none;
 	position: absolute;
 	top: 15%; right: 0%;
 	font-size: 2em;
 	font-family: Marvel;
 	font-style: italic;
 	width: 30%;
 	color: white;
 }
 
 #boxes {float: left; padding-left: 2%; padding-right: 2%}
 
 figure img, aside img {border: 1px solid #cccccc; width: 100%; max-width: 800px; background-color: #fffef9;}
 
 aside h2 { text-align: center; }
 
 figcaption {
 	font-size: 1em;
 	font-style: italic;
 	color: #666666;
 }
 
 aside {
 	display: inline-table;
 	font-size: 1.2em;
 	padding: 2%;
 	margin: 2% .5%;
 	background-color: #fef9f2;
 	border: 3px solid #732F2F;
 	border-top-left-radius: 26px;
 	border-top-right-radius: 26px;
 	border-bottom-left-radius: 26px;
 	border-bottom-right-radius: 26px;
 	height: 410px;
 }
 
 #main p.command { width: 90%; }
 
 #main .docset a {
     color: black;
 }
 
 .docset { 
     margin: 10px;
     padding: 0px 0px 25px 10px;
     color: black;
     font-size: 1.3em;
     background-color: #fef9f2;
     border: 3px solid #732F2F;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
 }
 
 #main a.doclink {
     color: #732F2F;
 }
 
 #main h3.docversion {
     color: black;
 }
 
 .publican-doc {
     margin-top: 10px;
     margin-left: 30px;
 }
 
 .command { 
     color: black;
     padding-left: 15px;
     padding-bottom: 15px;
     font-family: 'Oxygen Mono', monospace;
     white-space: pre-line; 
     background-color: #fef9f2;
     border: 3px solid #732F2F;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
 }
 .question { font-style: italic; font-weight: bold; }
 .answer { font-weight: lighter; }
 
 footer {
     width: 100%;
     float: left;
     margin-top: 50px;
     text-align: center;
     font-style: italic;
     font-size: 1em;
     line-height: 2em;
 
     color: black;
     background-color: white;
     border-top: 3px solid #732F2F;
     border-bottom: 3px solid #732F2F;
 }
 
 footer a, footer a:visited {color: #732F2F; text-decoration: none;}
 footer a:hover {text-decoration: underline;}
 
 nav:after {
 	content: "";
 	display: table;
 	clear: both;
 }
 
 /* ==========================================================================
    EXAMPLE Media Queries for Responsive Design.
    Theses examples override the primary ('mobile first') styles.
    Modify as content requires.
    ========================================================================== */
 
 @media only screen and (min-width: 600px) {
 
 .ohloh {
 	position: absolute;
 	top: 5%; right: 0%;
 	width: 30%;
 }
 	
 	#content {padding: 0 2%;}
 
 	#main p {width: 66%;}
 	
 	#main q {display: inline;}
 
 	nav a {display: inline; margin: 0 3%; line-height: 1em;}
 	
 	footer {font-size: 1.6em;}
 
 	#banner {
 	    height: 86px;
 	}
 
 	#logo {
 		height: 80px;
 		width: 800px;
 		margin: 3px;
 	}
 
 	#main {
 		min-height: 230px;
 		float: left;
 		width: 90%;
 		padding: 0 2% 0 0;
 		margin-left: 5%;
 	}
 
 	#boxes {
 		margin-left: 5%;
 	}
 
 	aside {
 		width: 29%;
 		padding: 1%;
 		margin: .5%;
 	}	
 }
 
 @media only screen and (min-width: 800px) {
     #logo {
 	    width: 1000px;
 	    height: 100px;
 	    margin: 5px;
     }
 
     #banner {
 	width: 100%;
 	height: 110px;
     }
 
     aside {
 	height: 440px;
     }
 }
 
 @media only screen and (min-width: 1440px) {
 
 	#main {
 		width: 50%;
 	}
 	
 	#main q { width: 35%; }
 
 	#boxes {
 	    width: 25%;
 	    margin: 0%;
 	    max-width: 300px;
 	}
 
 	aside {
  		display: block;
 		padding: 2% 5%;
 		margin: 5%;
 		width: 100%;
 		height: 415px;
 	}
 
 	
 }
 
 
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 144dpi) {
     /* Style adjustments for high resolution devices */
 }
 
 
 /* ==========================================================================
    Helper classes
    ========================================================================== */
 
 /*
  * Image replacement
  */
 
 .ir {
     background-color: transparent;
     border: 0;
     overflow: hidden;
     /* IE 6/7 fallback */
     *text-indent: -9999px;
 }
 
 .ir:before {
     content: "";
     display: block;
     width: 0;
     height: 100%;
 }
 
 /*
  * Hide from both screenreaders and browsers: h5bp.com/u
  */
 
 .hidden {
     display: none !important;
     visibility: hidden;
 }
 
 /*
  * Hide only visually, but have it available for screenreaders: h5bp.com/v
  */
 
 .visuallyhidden {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
 }
 
 /*
  * Extends the .visuallyhidden class to allow the element to be focusable
  * when navigated to via the keyboard: h5bp.com/p
  */
 
 .visuallyhidden.focusable:active,
 .visuallyhidden.focusable:focus {
     clip: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     position: static;
     width: auto;
 }
 
 /*
  * Hide visually and from screenreaders, but maintain layout
  */
 
 .invisible {
     visibility: hidden;
 }
 
 /*
  * Clearfix: contain floats
  *
  * For modern browsers
  * 1. The space content is one way to avoid an Opera bug when the
  *    `contenteditable` attribute is included anywhere else in the document.
  *    Otherwise it causes space to appear at the top and bottom of elements
  *    that receive the `clearfix` class.
  * 2. The use of `table` rather than `block` is only necessary if using
  *    `:before` to contain the top-margins of child elements.
  */
 
 .clearfix:before,
 .clearfix:after {
     content: " "; /* 1 */
     display: table; /* 2 */
 }
 
 .clearfix:after {
     clear: both;
 }
 
 /*
  * For IE 6/7 only
  * Include this rule to trigger hasLayout and contain floats.
  */
 
 .clearfix {
     *zoom: 1;
 }
 
 
 /* ==========================================================================
    Print styles.
    Inlined to avoid required HTTP connection: h5bp.com/r
    ========================================================================== */
 
 @media print {
     * {
         background: transparent !important;
         color: #000 !important; /* Black prints faster: h5bp.com/s */
         box-shadow: none !important;
         text-shadow: none !important;
     }
 
     a,
     a:visited {
         text-decoration: underline;
     }
 
     a[href]:after {
         content: " (" attr(href) ")";
     }
 
     abbr[title]:after {
         content: " (" attr(title) ")";
     }
 
     /*
      * Don't show links for images, or javascript/internal links
      */
 
     .ir a:after,
     a[href^="javascript:"]:after,
     a[href^="#"]:after {
         content: "";
     }
 
     pre,
     blockquote {
         border: 1px solid #999;
         page-break-inside: avoid;
     }
 
     thead {
         display: table-header-group; /* h5bp.com/t */
     }
 
     tr,
     img {
         page-break-inside: avoid;
     }
 
     img {
         max-width: 100% !important;
     }
 
     @page {
         margin: 0.5cm;
     }
 
     p,
     h2,
     h3 {
         orphans: 3;
         widows: 3;
     }
 
     h2,
     h3 {
         page-break-after: avoid;
     }
 }
diff --git a/html/index.html b/html/index.html
index 2589ac2..64d541a 100755
--- a/html/index.html
+++ b/html/index.html
@@ -1,171 +1,184 @@
 <!DOCTYPE html>
 <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
 <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
 <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
 <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
     <head>
 	<!--#include virtual="/header.html" -->
         <title>Cluster Labs - The Home of Linux Clustering</title>
         <meta name="description" content="">
     </head>
     <body>
 
         <!--[if lt IE 7]>
             <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
         <![endif]-->
 
 	<!-- Logo is SVG to look nice on Retina displays. Here's how you do that with a PNG fallback for IE8 -->
 	<!--#include virtual="/banner.html" -->	
 
        <section id="boxes">
          <aside>
            <h2>Deploy</h2>
            <a href="img/Deploy.20121116.png"><img src="img/Deploy-small.20121116.png"></a>
            <p>
              We support many deployment scenarios, from the simplest
              2-node standby cluster to a 32-node active/active
              configuration.
 
              We can also dramatically reduce hardware costs by allowing
              several active/passive clusters to be combined and share a common
              backup node.
            </p>
          </aside>
 
          <aside>
            <h2>Monitor</h2>
            <a href="img/Monitor.20121116.png"><img src="img/Monitor-small.20121116.png"></a>
            <p>
              We monitor the system for both hardware and software failures.
 
              In the event of a failure, we will automatically recover
              your application and make sure it is available from one
              of the remaning machines in the cluster.
            </p>
          </aside>
          
          <aside>
            <h2>Recover</h2>
            <a href="img/Recover.20121116.png"><img src="img/Recover-small.20121116.png"></a>
            <p>
              After a failure, we use advanced algorithms to quickly
              determine the optimum locations for services based on
              relative node preferences and/or requirements to run with
              other cluster services (we call these "constraints").
            </p>
          </aside>
        </section>
 
 	<section id="main">
 	  <a id="why"> </a>
 	  
 	  <p>
 	    At its core, a cluster is a distributed finite state
 	    machine capable of co-ordinating the startup and recovery
 	    of inter-related services across a set of machines.
 	  </p>
+	  <blockquote class="pullquote">	    
+	    System HA is possible without a cluster manager, but you save many headaches using one anyway
+	  </blockquote>
 	  <p>
 	    Even a distributed and/or replicated application that is
 	    able to survive the failure of one or more components can
 	    benefit from a higher level cluster:
 
 	    <ul>
               <li>awareness of other applications in the stack</li>
 	      <li>a shared <a href="http://en.wikipedia.org/wiki/Quorum_%28Distributed_Systems%29">quorum</a> implementation and calculation</li>
 	      <li>data integrity through fencing (a non-responsive process does not imply it is not doing anything)</li>
 	      <li>automated recovery of instances to ensure capacity</li>
 	    </ul>
 
 	  </p>
-	  <q>	    
-	    System HA is possible without a cluster manager, but you save many headaches using one anyway
-	  </q>
 	  <p>
 	    While SYS-V init replacements like systemd can provide
 	    deterministic recovery of a complex stack of services, the
 	    recovery is limited to one machine and lacks the context
 	    of what is happening on other machines - context that is
 	    crucial to determine the difference between a local
 	    failure, clean startup or recovery after a total site
 	    failure.
 	  </p>
 
 	  <a id="features"> </a>
 	  <h2>Features</h2>
 	  <p>
 	    The ClusterLabs stack, incorporating <a href="">Corosync</a>
 	    and <a href="/pacemaker.html">Pacemaker</a> defines
 	    an <a href="http://en.wikipedia.org/wiki/Open_source">Open Source</a>,
 	    <a href="http://en.wikipedia.org/wiki/High_availability">High Availability</a>
 	     <a href="http://en.wikipedia.org/wiki/Cluster_(computing)">cluster</a>
 	     offering suitable for both small and large deployments.
 	  </p>
 
 	  <ul>
             <li>Detection and recovery of machine and application-level failures</li>
 	    <li>Supports practically any <a href="/wiki/ClusterTypes">redundancy configuration</a></li>
             <li>Supports both <A href="http://en.wikipedia.org/wiki/Quorum_%28Distributed_Systems%29">quorate</a> and <a href="https://web.archive.org/web/20110727185030/http://devresources.linux-foundation.org/dev/clusters/docs/ResourceDrivenClusters.pdf">resource-driven</a> clusters</li>
             <li>Configurable <a href="/doc/en-US/Pacemaker/1.1/html/Pacemaker_Explained/s-cluster-options.html#id36137161">strategies</a> for dealing with <a href="http://en.wikipedia.org/wiki/Quorum_%28Distributed_Systems%29">quorum</a> loss (when multiple machines fail)</li>
             <li>Supports application <a href="/doc/en-US/Pacemaker/1.1/html/Pacemaker_Explained/s-resource-ordering.html">startup/shutdown ordering</a>, regardless of which machine(s) the applications are on</li>
             <li>Supports applications that must/must-not run on the <a href="/doc/en-US/Pacemaker/1.1/html/Pacemaker_Explained/s-resource-colocation.html">same machine</a></li>
             <li>Supports applications which need to be active on <a href="/doc/en-US/Pacemaker/1.1/html/Pacemaker_Explained/s-resource-clone.html">multiple machines</a></li>
             <li>Supports applications with multiple modes (eg. <a href="/doc/en-US/Pacemaker/1.1/html/Pacemaker_Explained/s-resource-multistate.html">master/slave</a>)<br/><br/></li>
             <li>Provably correct response to any failure or cluster state.<br/>
 	      The cluster's response to any stimuli can be tested offline <strong><i>before</i></strong> the condition exists
 	    </li>
 	  </ul>
 
 	  <h2>Components</h2>
+	  <blockquote class="pullquote">
+	  "The definitive open-source high-availability stack for the Linux
+	  platform builds upon the Pacemaker cluster resource manager."<br />
+	  -- <cite>LINUX Journal</cite>,
+	  <a href="http://www.linuxjournal.com/content/ahead-pack-pacemaker-high-availability-stack">"Ahead
+	  of the Pack: the Pacemaker High-Availability Stack"</a>
+	  </blockquote>
 	  <p>A Pacemaker stack is built on five core components:  
 	  <ul>
             <li>libQB - core services (logging, IPC, etc)</li>
             <li>Corosync - Membership, messaging and quorum</li>
             <li>Resource agents - A collection of scripts that interact with the underlying services managed by the cluster</li>
             <li>Fencing agents - A collection of scripts that interact with network power switches and SAN devices to isolate cluster members</li>
             <li>Pacemaker itself</li>
 	  </ul>
 	  </p>
 
 	  <p>
 	    We describe each of these in <a href="/components.html">more detail</a> as well as other optional components such as CLIs and GUIs.
 	  </p>
 
 	  <h2>Background</h2>
 	  <p>
 	    Pacemaker has been around
 	    since <a href="https://www.ohloh.net/p/pacemaker/analyses/latest/languages_summary">2004</a>
 	    and is primarily a collaborative effort
 	    between <a href="http://www.redhat.com">Red Hat</a>
 	    and <a href="http://www.suse.com">SUSE</a>, however we also
 	    receive considerable help and support from the folks
 	    at <a href="http://www.linbit.com">LinBit</a> and the community in
 	    general.
 	  </p>
+	  <blockquote class="pullquote">
+	   "Pacemaker cluster stack is the state-of-the-art high availability
+	   and load balancing stack for the Linux platform."<br />
+	   -- <a href="http://docs.openstack.org/ha-guide/controller-ha-pacemaker.html"><cite>OpenStack
+	   documentation</cite></a>
+	  </blockquote>
 	  <p>
 	    Corosync also began life in <a href="https://www.ohloh.net/p/corosync/analyses/latest/languages_summary">2004</a>
 	    but was then part of the <a href="https://www.ohloh.net/p/openAIS">OpenAIS project</a>.
 	    It is primarily a <a href="http://www.redhat.com">Red
 	    Hat</a> initiative, however we also receive considerable
 	    help and support from the folks in the community.
 	  </p>
 	  <p>
 	    The core ClusterLabs team is made up of full-time
 	    developers from Australia, Austria, Canada, China, Czech
 	    Repulic, England, Germany, Sweden and the USA.  Contributions to
 	    the code or documentation are always welcome.
 	  </p>
 	  <p>
 	    The ClusterLabs stack ships with most modern enterprise
 	    distributions and has been deployed in many critical
 	    environments including Deutsche Flugsicherung GmbH
-	    (<a href="http://www.dfs.de/dfs/internet_2008/portal/english/start/index.html">DFS</a>)
-	    which uses Pacemaker with Heartbeat to ensure
+	    (<a href="http://www.dfs.de/dfs_homepage/en/">DFS</a>)
+	    which uses Pacemaker to ensure
 	    its <a href="http://www.novell.com/success/dfs.html">air
-	    traffic control systems</a> are always available
+	    traffic control systems</a> are always available.
 	  </p>
 	</section>	
 
 	<!--#include virtual="/footer.html" -->
 
     </body>
 </html>