diff --git a/Identity/Models/Css/Home/base.css b/Identity/Models/Css/Home/base.css
index 2e937cb..d48f62c 100755
--- a/Identity/Models/Css/Home/base.css
+++ b/Identity/Models/Css/Home/base.css
@@ -81,21 +81,12 @@ body {
 /* Links 
 -----------------------------------------------*/
 
-/* Base */
-
 a:link  { text-decoration: none; color: #0044B3; }
 a:hover { text-decoration: underline; color: green; }
 a:active { text-decoration: underline; color: green; }
 a:visited { text-decoration: none; color: #0044B3; }
 a:visited:hover { text-decoration: underline; color: green; }
 
-/* Broken or nonexistent links */
-
-a.nonexistent, 
-a.nonexistent:hover { color: gray; }
-
-/* Special decoration for some links' classes */
-
 /* Headings
 -----------------------------------------------*/
 
@@ -180,74 +171,25 @@ blockquote {
     margin-bottom: 1em;
     }
 
-blockquote p {
-    padding-left: 2.5em;
-    }
-
 blockquote h3 {
     margin-left: 2.5em;
     line-height: 0;
     border: none;
     color: #000000;
-}
+    }
 
 blockquote pre {
     border: none;
     background-color: #000000;
     color: #FFFFFF;
     margin: 0;
-    margin-left: 4em;
+    margin-left: 1.5em;
     }
 
 blockquote img {
     float: left;
     }
 
-blockquote.message {
-    border: none;
-    border-top: 4px solid;
-    border-bottom: 4px solid;
-    margin-left: 15%;
-    margin-right: 15%;
-    border-color: #CFCFCF;
-    padding: 0 2em;
-    }
-
-blockquote.message p.content {
-    font-weight: bold;
-    margin-left: 0;
-    }
-
-blockquote.message p.links {
-    font-size: x-small;	
-    margin-left: 0;
-    }
-
-blockquote.blue {
-    border-color: #D2E0F6; 
-    background-color: #ECF4FF;
-    }
-
-blockquote.orange {
-    border-color: #F6E7D2; 
-    background-color: #FFF8EC;
-    }
-
-blockquote.violet {
-    border-color: #F6D2F6; 
-    background-color: #FFECFF;
-    }	
-
-blockquote.red {
-    border-color: #E0B7B7;
-    background-color: #FFECEC;
-    }
-
-blockquote.green {
-    border-color: #D6F6D2;
-    background-color: #EEFFEC;
-    }
-
 q:before {
     content: " “";
     }
@@ -280,7 +222,6 @@ pre {
     border-style: solid;
     border-color: #E5E5E5;
     border-left-width: 4px;
-    white-space: pre;
     background: #FFFAE9;
     overflow: auto;
     }
@@ -387,7 +328,7 @@ table.menu {
     margin:0;
     margin-left: 3.5em;
     padding:0;
-}
+    }
 
 table caption {
     font-style: italic;
@@ -409,7 +350,8 @@ table tr th {
     padding-left: 0.5em;
     }
 
-table tr td p {
+table tr td p,
+table tr td pre {
     margin: 0;
     padding: 0;
     }
@@ -424,41 +366,20 @@ form {
 input[type="submit"], 
 input[type="button"] {
     padding: 1px;
-    }
-
-input[type="submit"],
-input[type="button"],
-input[type="button"],
-input[type="submit"] {
-    font-size: 0.8em;
-    border-width: 1px;
-    border-style: solid;
-    border-color: #628ECA;
-    background-color: #204a87;
-    color: #FFF;
-    cursor: pointer;
     display: inline;
     text-decoration: none;
     }
 
 input[type="text"],
+input[type="password"],
 textarea {
-    font-size: 0.8em;
     display: inline;
     padding: 2px;
-    padding-left: 4px;
-    border: 1px solid #628ECA;
-    background-color: #EFF5FE;
-    color: #204a87;
     }
 
 select {
-    font-size: 0.8em;
     display: inline;
     padding: 1px;
-    border: 1px solid #628ECA;
-    background-color: #EFF5FE;
-    color: #204a87;
     }
 
 form p {
@@ -467,14 +388,6 @@ form p {
     margin-right: 5px;
     }
 
-textarea {
-    padding: 2px;
-    }
-
-input[type="text"] {
-    padding: 1px;
-    }
-
 /* Select
 ---------------------------------------- */
 
@@ -510,3 +423,4 @@ fieldset legend {
     font-weight: bold;
     color: #AAA;
     }
+
diff --git a/Identity/Models/Css/Home/home.css b/Identity/Models/Css/Home/home.css
index 45892d6..3ece3fd 100755
--- a/Identity/Models/Css/Home/home.css
+++ b/Identity/Models/Css/Home/home.css
@@ -24,7 +24,7 @@ div#page-footer div.top img {
 
 div#page-header div.links,
 div#page-footer div.credits {
-    font-size: x-small;
+    font-size: small;
     color: #FFF;
     }
 
@@ -47,21 +47,22 @@ div#page-footer {
 
 div#page-body {
 	clear: both;
-    background-color: #ECF4FF;
+    background-color: #F8F8F8;
 	}
 
-div#page-body-left {
-    border-right: 3px #729FCF solid;
+div#page-body div#left {
     margin-right: 180px;
     padding: 20px;
+    border-right: 3px #EEE solid;
     background-color: #FFF;
-}
+    }
 
-div#page-body-right {
-    width: 180px;
+div#page-body div#right {
     float:right;
+    width: 180px;
     font-size: small;
-}
+    border-left: 3px #EEE solid;
+    }
 
 /* Logo
 -----------------------------------------------*/
@@ -75,14 +76,6 @@ div#page-header div#logo img {
 /* Links 
 -----------------------------------------------*/
 
-/* Base */
-
-a:link  { text-decoration: none; color: #0044B3; }
-a:hover { text-decoration: underline; color: green; }
-a:active { text-decoration: underline; color: green; }
-a:visited { text-decoration: none; color: #0044B3; }
-a:visited:hover { text-decoration: underline; color: green; }
-
 /* Broken or nonexistent links */
 
 div#page-body a.nonexistent, 
@@ -131,12 +124,11 @@ div#page-header div.links div.user,
 div#page-header div.links div.trail {
 	display: block;
 	margin: 5px;
-	font-size: x-small;
 	text-align: right;
 	color: #fff;
 	}
 
-div#page-body-left div.trail a {
+div#page-body div#left div.trail a {
     font-size: small;
     }
 
@@ -169,12 +161,12 @@ div#page-header div.links div.trail span.last a {
 	}
 
 div#page-header div.links div.trail span:after,
-div#page-body-left div.trail span:after {
+div#page-body div#left div.trail span:after {
 	content: " » ";
 	}
 
 div#page-header div.links div.trail span.last:after,
-div#page-body-left div.trail span.last:after {
+div#page-body div#left div.trail span.last:after {
 	content: none;
 	}
 
@@ -277,30 +269,78 @@ div#page-body p {
 	line-height: 1.5em;
 	}
 
+/* Page Lines
+-----------------------------------------------*/
+
+div.page-line {
+	clear: both;
+	margin: 0;
+	padding: 0;
+	background-color: transparent;
+	}
+
+div.page-line.white {
+	height: 3px;
+	background-color: #FFF;
+	}
+
+/* Lists
+-----------------------------------------------*/
+
+div#page-body ul { 
+    list-style: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/ul.png") circle; 
+    } 
+
+div#page-body div#right ul {
+    padding: 1em;
+    margin: 0;
+    list-style: none;
+    border-top: 1px #EEE solid;
+}
+
+div#page-body div#right ul.first {
+    border-top: none;
+    }
+
+div#page-body div#right ul li {
+    padding: 2px;
+    }
+
+div#page-body div#right ul li.current {
+    font-weight: bold;
+    }
+
 /* Quotations
 -----------------------------------------------*/
 
 div#page-body blockquote {
-        background-color: #ECECEC;
-        background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-gray.png");
-        border-width: 1px;
-        border-style: solid;
-        border-color: #CFCFCF;
-        border-left-width: 4px;
-	margin: 1em;
+    background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-gray.png");
 	}
 
-div#page-body blockquote p {
-	margin: 1em;
-	}
+div#page-body blockquote h3 {
+    line-height: 0;
+    border: none;
+    color: #000000;
+    padding: 0;
+    margin-left: 1.2em;
+    }
+
+div#page-body blockquote.icon h3 {
+    margin-left: 3.2em;
+    }
+
+div#page-body blockquote.icon hr, 
+div#page-body blockquote.icon pre, 
+div#page-body blockquote.icon table, 
+div#page-body blockquote.icon p {
+	margin-left: 4em;
+    }
 
 div#page-body blockquote.message {
 	border: none;
 	border-top: 4px solid;
 	border-bottom: 4px solid;
-	margin-left: 15%;
-	margin-right: 15%;
-        border-color: #CFCFCF;
+    border-color: #CFCFCF;
 	padding: 0 2em;
 	}
 
@@ -344,97 +384,3 @@ div#page-body blockquote.green {
     background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-green.png");
 	}
 
-div#page-body blockquote img {
-	vertical-align: middle;
-	margin-right: 20px;
-	}
-
-div#page-body q:before {
-	content: " “";
-	}
-
-div#page-body q:after {
-	content: "” ";
-	}
-
-div#page-body q q:before {
-	content: " ‘";
-	}
-
-div#page-body q q:after {
-	content: "’ ";
-	}
-
-div#page-body address {
-	margin-left: 1.5em;
-	}
-
-/* Preformatted Texts
------------------------------------------------*/
-
-div#page-body pre {
-        font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
-        padding: 0.5em 1em;
-        margin: 0.5em 0 0.5em 1.5em;
-        white-space: pre;
-        border-width: 1px;
-        border-style: solid;
-        border-color: #E5E5E5;
-        border-left-width: 4px;
-        white-space: pre;
-        background: #FFFAE9;
-        overflow: auto;
-        }
-
-/* Phrase Elements
------------------------------------------------*/
-
-div#page-body tt,
-div#page-body samp,
-div#page-body kbd,
-div#page-body code {
-        font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
-	}
-
-/* Page Lines
------------------------------------------------*/
-
-div.page-line {
-	clear: both;
-	margin: 0;
-	padding: 0;
-	background-color: transparent;
-	}
-
-div.page-line.white {
-	height: 1px;
-	background-color: #FFF;
-	}
-
-/* Lists
------------------------------------------------*/
-
-div#page-body ul { 
-    list-style: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/ul.png") circle; 
-    } 
-
-div#page-body-right ul {
-    padding: 1em;
-    margin: 0;
-    list-style: none;
-    border-top: 1px #FFF solid;
-}
-
-div#page-body-right ul.first {
-    border-top: none;
-    }
-
-div#page-body-right ul li {
-    padding: 0.3em;
-    }
-
-div#page-body-right ul li.current {
-    font-weight: bold;
-    }
-
-
diff --git a/Identity/Models/Html/Home/forms.html b/Identity/Models/Html/Home/forms.html
index defc6a3..a4e44df 100644
--- a/Identity/Models/Html/Home/forms.html
+++ b/Identity/Models/Html/Home/forms.html
@@ -12,7 +12,7 @@
 	<meta name="description" content="The CentOS web environment html definitions." />
 	<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
 
-	<title>Headings - Home</title>
+	<title>Forms - Home</title>
 
 	<link href="/home/centos/artwork/trunk/Identity/Models/Css/Home/stylesheet.css" rel="stylesheet" type="text/css" />
 
@@ -49,7 +49,7 @@
                 <span class="current">
                 <a accesskey="1" title="CentOS Home Page
                 (Alt+Shift+1)" href="http://www.centos.org/"><span>Home</span></a>
-                </span>  
+                </span> 
        
                 <span>
                 <a accesskey="2" title="CentOS Wiki (Alt+Shift+2)"
@@ -132,7 +132,7 @@
                 <span><a title="Welcome to the web special interest group"
                 href="index.html"><span>Welcome</span></a></span>
 
-                <span class="current"><a title="CentOS headings visual style guide."
+                <span><a title="CentOS headings visual style guide."
                 href="headings.html"><span>Headings</span></a></span>
 
                 <span><a title="CentOS texts visual style guide."
@@ -147,8 +147,8 @@
                 <span><a title="CentOS tables visual style guide."
                 href="tables.html"><span>Tables</span></a></span>
 
-                <span><a title="CentOS forms visual style guide."
-                href="forms.html"><span>Forms</span></a></span> 
+                <span class="current"><a title="CentOS forms visual style guide."
+                href="forms.html"><span>Forms</span></a></span>
         
                 <span><a title="CentOS pagination visual style guide."
                 href="pagination.html"><span>Pagination</span></a></span>
@@ -165,52 +165,236 @@
 
     <div id="page-body">
 
-    <div id="page-body-right">
-
-    <ul class="first">
-        <li>The following links are specific to major release of
-        CentOS distribution:</li>
-    </ul>
-
-    <ul>
-        <li><a href="">Release Notes</a></li>
-        <li><a href="">Lifetime</a></li>
-        <li><a href="">Downloads</a></li>
-        <li><a href="">Documentation</a></li>
-        <li class="current"><a href="">Security Advisories</a></li>
-        <li><a href="">Bugs</a></li>
-        <li><a href="">Tips and tricks</a></li>
-        <li><a href="">HowTos</a></li>
-    </ul>
-
-    <ul>
-        <li>In this bar, it is possible to separate links by
-        blocks.</li>
-    </ul>
-    </div>
+        <div id="right">
+
+            <!--
+            The content of right column goes here.
+            -->
+
+            <ul class="first">
+                <li><a href="">Release Notes</a></li>
+                <li><a href="">Lifetime</a></li>
+                <li><a href="">Downloads</a></li>
+                <li><a href="">Documentation</a></li>
+                <li class="current"><a href="">Security Advisories</a></li>
+                <li><a href="">Bugs</a></li>
+                <li><a href="">Tips and tricks</a></li>
+                <li><a href="">HowTos</a></li>
+            </ul>
+
+            <ul>
+                <li>In this bar, it is possible to separate links by
+                blocks.</li>
+            </ul>
 
-    <div id="page-body-left">
-
-        <!--
-        Application specific links for breadcrumbs sutff. Use this
-        section if your application supports breadcrumbs.
-        -->
-    	<div class="trail">
-    	    <span><a href="">Pagination</a></span>
-            <span><a href="">Lists</a></span>
-            <span><a href="">Headings</a></span>
-            <span><a href="">Links</a></span>
-            <span><a href="">Texts</a></span>
-            <span class="last"><a href="">Home</a></span>
         </div>
 
+        <div id="left">
+
+            <!--
+            Application specific links for breadcrumbs sutff. Use this
+            section if your application supports breadcrumbs.
+            -->
+        	<div class="trail">
+        	    <span><a href="">Pagination</a></span>
+                <span><a href="">Lists</a></span>
+                <span><a href="">Headings</a></span>
+                <span><a href="">Links</a></span>
+                <span><a href="">Texts</a></span>
+                <span class="last"><a href="">Home</a></span>
+            </div>
+
+            <!--
+            The content of left column starts here.
+            -->
+
+	<h1>Forms</h1>
+
+	<p>CentOS Forms Visual Style Guide.</p>
+
+	<h2>Recommendations</h2>
+
+	<ul>
+		<li>...</li>
+	</ul>
+
+	<h2>Examples</h2>
+
+	<form method="post" action="" title="Form Styles">
+	<fieldset>
+	<legend>Fieldset:</legend>
+	<div class="row1">
+		<span class="descrip">input[type="text"]</span>
+		<div class="field"><input type="text" name="fname" value="" size="40" /></div>
+	</div>
+
+	<div class="row2">
+		<span class="descrip">input[type="password"]</span>
+		<div class="field"><input type="password" name="email" value="" size="40" /></div>
+	</div>
+
+	<div class="row1">
+		<span class="descrip">textarea</span>
+		<div class="field"><textarea name="pdescrip" cols="50" rows="10"></textarea></div>
+	</div>
+
+	<div class="row2">
+		<span class="descrip">select</span>
+		<div class="field">
+		<select name="ulang" title="One Level Selection">
+			<option value="" selected="selected"></option>
+			<option value="en">English</option>
+			<option value="es">Spanish</option>
+			<option value="fr">French</option>
+			<option value="it">Italian</option>
+		</select>
+
+		<select name="mlevel" title="Multi Level Selection">
+			<option value="" selected="selected"></option>
+			<optgroup label="CentOS-3">
+				<option value="c3-docs">Documentation</option>
+				<option value="c3-wiki">Wiki</option>
+				<option value="c3-download">Download</option>
+				<option value="c3-lists">Mailing Lists</option>
+				<option value="c3-forums">Forums</option>
+				<option value="c3-bugs">Bugs</option>
+			</optgroup>
+			<optgroup label="CentOS-4">
+				<option value="c4-docs">Documentation</option>
+				<option value="c4-wiki">Wiki</option>
+				<option value="c4-download">Download</option>
+				<option value="c4-lists">Mailing Lists</option>
+				<option value="c4-forums">Forums</option>
+				<option value="c4-bugs">Bugs</option>
+			</optgroup>
+			<optgroup label="CentOS-5">
+				<option value="c5-wiki">Wiki</option>
+				<option value="c5-docs">Documentation</option>
+				<option value="c5-download">Download</option>
+				<option value="c5-lists">Mailing Lists</option>
+				<option value="c5-forums">Forums</option>
+				<option value="c5-bugs">Bugs</option>
+			</optgroup>
+		</select>
+
+		<select multiple="multiple" title="Multiple Selection (One Level)" size="5">
+				<option value="c5-wiki">Wiki</option>
+				<option value="c5-docs">Documentation</option>
+				<option value="c5-download">Download</option>
+				<option value="c5-lists">Mailing Lists</option>
+				<option value="c5-forums">Forums</option>
+				<option value="c5-bugs">Bugs</option>
+		</select>
+		<select multiple="multiple" title="Multiple Selection (Two Levels)" size="5">
+			<optgroup label="CentOS-3">
+				<option value="c3-docs">Documentation</option>
+				<option value="c3-wiki">Wiki</option>
+				<option value="c3-download">Download</option>
+				<option value="c3-lists">Mailing Lists</option>
+				<option value="c3-forums">Forums</option>
+				<option value="c3-bugs">Bugs</option>
+			</optgroup>
+			<optgroup label="CentOS-4">
+				<option value="c4-docs">Documentation</option>
+				<option value="c4-wiki">Wiki</option>
+				<option value="c4-download">Download</option>
+				<option value="c4-lists">Mailing Lists</option>
+				<option value="c4-forums">Forums</option>
+				<option value="c4-bugs">Bugs</option>
+			</optgroup>
+			<optgroup label="CentOS-5">
+				<option value="c5-wiki">Wiki</option>
+				<option value="c5-docs">Documentation</option>
+				<option value="c5-download">Download</option>
+				<option value="c5-lists">Mailing Lists</option>
+				<option value="c5-forums">Forums</option>
+				<option value="c5-bugs">Bugs</option>
+			</optgroup>
+		</select>
+		</div>
+	</div>
+
+	<div class="row1">
+		<span class="descrip">checkbox</span>
+		<div class="field">
+		
+		<div class="column">
+		<label title="Check 1"><input name="check[]" type="checkbox" value="1" />Check 1 column 1</label><br />
+		<label title="Check 2"><input name="check[]" type="checkbox" value="2" />Check 2</label><br />
+		<label title="Check 3"><input name="check[]" type="checkbox" value="3" />Check 3</label><br />
+		<label title="Check 4"><input name="check[]" type="checkbox" value="4" />Check 4</label><br />
+		</div>
+
+		<div class="column">
+		<label title="Check 5"><input name="check[]" type="checkbox" value="5" />Check 5</label><br />
+		<label title="Check 6"><input name="check[]" type="checkbox" value="6" />Check 6</label><br />
+		<label title="Check 7"><input name="check[]" type="checkbox" value="7" />Check 7 column 2</label><br />
+		<label title="Check 8"><input name="check[]" type="checkbox" value="8" />Check 8</label><br />
+		</div>
+
+		<div class="colum">
+		<label title="Check 9"><input name="check[]" type="checkbox" value="9" />Check 9</label><br />
+		<label title="Check 10"><input name="check[]" type="checkbox" value="10" />Check 10</label><br />
+		<label title="Check 11"><input name="check[]" type="checkbox" value="11" />Check 11</label><br />
+		<label title="Check 12"><input name="check[]" type="checkbox" value="12" />Check 12</label><br />
+		</div>
+
+		</div>
+
+	</div>
+
+	<div class="row2">
+		<span class="descrip">radio</span>
+		<div class="field">
+
+		<div class="column">
+		<label title="Radio 1"><input name="radio" type="radio" value="1" />Radio 1 column 1</label><br />
+		<label title="Radio 2"><input name="radio" type="radio" value="2" />Radio 2</label><br />
+		<label title="Radio 3"><input name="radio" type="radio" value="3" />Radio 3</label><br />
+		<label title="Radio 4"><input name="radio" type="radio" value="4" />Radio 4</label>
+		</div>
+
+		<div class="column">
+		<label title="Radio 5"><input name="radio" type="radio" value="5" />Radio 5</label><br />
+		<label title="Radio 6"><input name="radio" type="radio" value="6" />Radio 6</label><br />
+		<label title="Radio 7"><input name="radio" type="radio" value="7" />Radio 7</label><br />
+		<label title="Radio 8"><input name="radio" type="radio" value="8" />Radio 8</label>
+		</div>
+
+		</div>
+	</div>
+
+	<div class="page-line"><hr style="display:none;" /></div>
+
+	<div class="row3">
+        <span class="submit"><input type="submit" name="upref"
+        value="Submit" /></span>
+        
+        <div class="descrip">Brief fieldset description here ... Brief
+        fieldset description here ... Brief fieldset description here
+        ... 
+        </div>
 
     </div>
 
+    </fieldset>
+	</form>
+
+</div>
+
+
+            <!--
+            The content of left column ends here.
+            -->
+            <div class="page-line"><hr style="display:none;" /></div>
+
+        </div>
+
+
     <!--
     Start page footer definitions.
     -->
-
+    <div class="page-line white"><hr style="display:none;" /></div>
     <div id="page-footer">
 
         <div class="top">
diff --git a/Identity/Models/Html/Home/headings.html b/Identity/Models/Html/Home/headings.html
index 7659588..694e6cb 100644
--- a/Identity/Models/Html/Home/headings.html
+++ b/Identity/Models/Html/Home/headings.html
@@ -165,107 +165,133 @@
 
     <div id="page-body">
 
-    <div id="page-body-right">
-
-    <ul class="first">
-        <li>The following links are specific to major release of
-        CentOS distribution:</li>
-    </ul>
-
-    <ul>
-        <li><a href="">Release Notes</a></li>
-        <li><a href="">Lifetime</a></li>
-        <li><a href="">Downloads</a></li>
-        <li><a href="">Documentation</a></li>
-        <li class="current"><a href="">Security Advisories</a></li>
-        <li><a href="">Bugs</a></li>
-        <li><a href="">Tips and tricks</a></li>
-        <li><a href="">HowTos</a></li>
-    </ul>
-
-    <ul>
-        <li>In this bar, it is possible to separate links by
-        blocks.</li>
-    </ul>
-    </div>
+        <div id="right">
+            <!--
+            The content of right column goes here.
+            -->
+            <ul class="first">
+                <li><a href="">Release Notes</a></li>
+                <li><a href="">Lifetime</a></li>
+                <li><a href="">Downloads</a></li>
+                <li><a href="">Documentation</a></li>
+                <li class="current"><a href="">Security Advisories</a></li>
+                <li><a href="">Bugs</a></li>
+                <li><a href="">Tips and tricks</a></li>
+                <li><a href="">HowTos</a></li>
+            </ul>
+            <ul>
+                <li>In this bar, it is possible to separate links by
+                blocks.</li>
+            </ul>
 
-    <div id="page-body-left">
-
-        <!--
-        Application specific links for breadcrumbs sutff. Use this
-        section if your application supports breadcrumbs.
-        -->
-    	<div class="trail">
-    	    <span><a href="">Pagination</a></span>
-            <span><a href="">Lists</a></span>
-            <span><a href="">Headings</a></span>
-            <span><a href="">Links</a></span>
-            <span><a href="">Texts</a></span>
-            <span class="last"><a href="">Home</a></span>
         </div>
 
-	<h1>Headings</h1>
+        <div id="left">
 
-	<p>CentOS Headings Visual Style Guide.</p>
+            <!--
+            Application specific links for breadcrumbs sutff. Use this
+            section if your application supports breadcrumbs.
+            -->
+        	<div class="trail">
+        	    <span><a href="">Pagination</a></span>
+                <span><a href="">Lists</a></span>
+                <span><a href="">Headings</a></span>
+                <span><a href="">Links</a></span>
+                <span><a href="">Texts</a></span>
+                <span class="last"><a href="">Home</a></span>
+            </div>
 
-	<h2>Recommendations</h2>
+            <!--
+            The content of left column goes here.
+            -->
 
-	<ul>
+	        <h1>Headings</h1>
+    
+	        <p>CentOS Headings Visual Style Guide.</p>
 
-		<li>Defining headings' HTML structure both as anchor
-		and link. This may help to make references to specific
-		topics.</li>
+        	<h2>Recommendations</h2>
 
-		<li>Using an automatically generated number for
-		heading's anchor name. To avoid duplications we could
-		take the heading string and determine its md5 number
-		and use that number as anchor name.  See examples
-		below.</li>
+        	<ul>
 
-		<li>...</li>
+                <li>Defining headings' HTML structure both as anchor
+                and link. This may help to make references to specific
+                topics.</li>
 
-	</ul>
+                <li>Using an automatically generated number for
+                heading's anchor name. To avoid duplications we could
+                take the heading string and determine its md5 number
+                and use that number as anchor name.  See examples
+                below.</li>
 
-	<h2>Example</h2>
+        		<li>...</li>
 
-	<h1><a
-	name="head-5871b1272673f7cf89bcaf48972c848a"
-	href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1>
-	<pre>&lt;h1&gt;&lt;a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a"&gt;Heading Level 1&lt;/a&gt;&lt;/h1&gt;</pre>
+        	</ul>
 
-	<h2><a name="head-d33a28a4193cffb949f506cfdf770f05"
-	href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2>
+        	<h2>Example</h2>
 
-	<pre>&lt;h2&gt;&lt;a name="head-d33a28a4193cffb949f506cfdf770f05" href="#head-d33a28a4193cffb949f506cfdf770f05"&gt;Heading Level 2&lt;/a&gt;&lt;/h2&gt;</pre>
+            <h1><a name="head-5871b1272673f7cf89bcaf48972c848a"
+            href="#head-5871b1272673f7cf89bcaf48972c848a">Heading
+            Level 1</a></h1> <pre>&lt;h1&gt;&lt;a
+            name="head-5871b1272673f7cf89bcaf48972c848a"
+            href="#head-5871b1272673f7cf89bcaf48972c848a"&gt;Heading
+            Level 1&lt;/a&gt;&lt;/h1&gt;</pre>
 
-	<h3><a name="head-82dd23c665d8ee437a980459c8b80d7a"
-	href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3>
+            <h2><a name="head-d33a28a4193cffb949f506cfdf770f05"
+            href="#head-d33a28a4193cffb949f506cfdf770f05">Heading
+            Level 2</a></h2>
 
-	<pre>&lt;h3&gt;&lt;a name="head-82dd23c665d8ee437a980459c8b80d7a" href="#head-82dd23c665d8ee437a980459c8b80d7a"&gt;Heading Level 3&lt;/a&gt;&lt;/h3&gt;</pre>
+            <pre>&lt;h2&gt;&lt;a
+            name="head-d33a28a4193cffb949f506cfdf770f05"
+            href="#head-d33a28a4193cffb949f506cfdf770f05"&gt;Heading
+            Level 2&lt;/a&gt;&lt;/h2&gt;</pre>
 
-	<h4><a name="head-157dc030ea314f4b53a6ed238113a3f8"
-	href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4>
+            <h3><a name="head-82dd23c665d8ee437a980459c8b80d7a"
+            href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading
+            Level 3</a></h3>
 
-	<pre>&lt;h4&gt;&lt;a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8"&gt;Heading Level 4&lt;/a&gt;&lt;/h4&gt;</pre>
+            <pre>&lt;h3&gt;&lt;a
+            name="head-82dd23c665d8ee437a980459c8b80d7a"
+            href="#head-82dd23c665d8ee437a980459c8b80d7a"&gt;Heading
+            Level 3&lt;/a&gt;&lt;/h3&gt;</pre>
 
-	<h5><a name="head-33628cc07bcbefc4e4732407b8680bf6"
-	href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5>
+            <h4><a name="head-157dc030ea314f4b53a6ed238113a3f8"
+            href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading
+            Level 4</a></h4>
 
-	<pre>&lt;h5&gt;&lt;a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6"&gt;Heading Level 5&lt;/a&gt;&lt;/h5&gt;</pre>
+            <pre>&lt;h4&gt;&lt;a
+            name="head-157dc030ea314f4b53a6ed238113a3f8"
+            href="#head-157dc030ea314f4b53a6ed238113a3f8"&gt;Heading
+            Level 4&lt;/a&gt;&lt;/h4&gt;</pre>
 
-	<h6><a name="head-93b42a4a61a0b05a81aff6224555603c"
-	href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 6</a></h6>
+            <h5><a name="head-33628cc07bcbefc4e4732407b8680bf6"
+            href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading
+            Level 5</a></h5>
 
-	<pre>&lt;h6&gt;&lt;a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c"&gt;Heading Level 5&lt;/a&gt;&lt;/h6&gt;</pre>
+            <pre>&lt;h5&gt;&lt;a
+            name="head-33628cc07bcbefc4e4732407b8680bf6"
+            href="#head-33628cc07bcbefc4e4732407b8680bf6"&gt;Heading
+            Level 5&lt;/a&gt;&lt;/h5&gt;</pre>
 
-    </div>
+            <h6><a name="head-93b42a4a61a0b05a81aff6224555603c"
+            href="#head-93b42a4a61a0b05a81aff6224555603c">Heading
+            Level 6</a></h6>
+
+            <pre>&lt;h6&gt;&lt;a
+            name="head-93b42a4a61a0b05a81aff6224555603c"
+            href="#head-93b42a4a61a0b05a81aff6224555603c"&gt;Heading
+            Level 5&lt;/a&gt;&lt;/h6&gt;</pre>
+
+            <div class="page-line"><hr style="display:none;" /></div>
+
+        </div>
 
     </div>
 
+
     <!--
     Start page footer definitions.
     -->
-
+    <div class="page-line white"><hr style="display:none;" /></div>
     <div id="page-footer">
 
         <div class="top">
diff --git a/Identity/Models/Html/Home/index.html b/Identity/Models/Html/Home/index.html
index 0fc1b95..4d8a35a 100644
--- a/Identity/Models/Html/Home/index.html
+++ b/Identity/Models/Html/Home/index.html
@@ -12,7 +12,7 @@
 	<meta name="description" content="The CentOS web environment html definitions." />
 	<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
 
-	<title>Headings - Home</title>
+	<title>Welcome - Home</title>
 
 	<link href="/home/centos/artwork/trunk/Identity/Models/Css/Home/stylesheet.css" rel="stylesheet" type="text/css" />
 
@@ -129,10 +129,10 @@
 
             <div class="tabs1">
 
-                <span><a title="Welcome to the web special interest group"
+                <span class="current"><a title="Welcome to the web special interest group"
                 href="index.html"><span>Welcome</span></a></span>
 
-                <span class="current"><a title="CentOS headings visual style guide."
+                <span><a title="CentOS headings visual style guide."
                 href="headings.html"><span>Headings</span></a></span>
 
                 <span><a title="CentOS texts visual style guide."
@@ -165,47 +165,55 @@
 
     <div id="page-body">
 
-    <div id="page-body-right">
-
-    <ul class="first">
-        <li>The following links are specific to major release of
-        CentOS distribution:</li>
-    </ul>
-
-    <ul>
-        <li><a href="">Release Notes</a></li>
-        <li><a href="">Lifetime</a></li>
-        <li><a href="">Downloads</a></li>
-        <li><a href="">Documentation</a></li>
-        <li class="current"><a href="">Security Advisories</a></li>
-        <li><a href="">Bugs</a></li>
-        <li><a href="">Tips and tricks</a></li>
-        <li><a href="">HowTos</a></li>
-    </ul>
-
-    <ul>
-        <li>In this bar, it is possible to separate links by
-        blocks.</li>
-    </ul>
-    </div>
+        <div id="right">
+
+            <!--
+            The content of right column goes here.
+            -->
+
+            <ul class="first">
+                <li><a href="">Release Notes</a></li>
+                <li><a href="">Lifetime</a></li>
+                <li><a href="">Downloads</a></li>
+                <li><a href="">Documentation</a></li>
+                <li class="current"><a href="">Security Advisories</a></li>
+                <li><a href="">Bugs</a></li>
+                <li><a href="">Tips and tricks</a></li>
+                <li><a href="">HowTos</a></li>
+            </ul>
+
+            <ul>
+                <li>In this bar, it is possible to separate links by
+                blocks.</li>
+            </ul>
 
-    <div id="page-body-left">
-
-        <!--
-        Application specific links for breadcrumbs sutff. Use this
-        section if your application supports breadcrumbs.
-        -->
-    	<div class="trail">
-    	    <span><a href="">Pagination</a></span>
-            <span><a href="">Lists</a></span>
-            <span><a href="">Headings</a></span>
-            <span><a href="">Links</a></span>
-            <span><a href="">Texts</a></span>
-            <span class="last"><a href="">Home</a></span>
         </div>
 
+        <div id="left">
+
+            <!--
+            Application specific links for breadcrumbs sutff. Use this
+            section if your application supports breadcrumbs.
+            -->
+        	<div class="trail">
+        	    <span><a href="">Pagination</a></span>
+                <span><a href="">Lists</a></span>
+                <span><a href="">Headings</a></span>
+                <span><a href="">Links</a></span>
+                <span><a href="">Texts</a></span>
+                <span class="last"><a href="">Home</a></span>
+            </div>
+            <!--
+            The content of left column goes here.
+            -->
+
+            <!--
+            The content of left column ends here.
+            -->
+            <div class="page-line"><hr style="display:none;" /></div>
+
+        </div>
 
-    </div>
 
     <!--
     Start page footer definitions.
diff --git a/Identity/Models/Html/Home/links.html b/Identity/Models/Html/Home/links.html
index defc6a3..c398629 100644
--- a/Identity/Models/Html/Home/links.html
+++ b/Identity/Models/Html/Home/links.html
@@ -12,7 +12,7 @@
 	<meta name="description" content="The CentOS web environment html definitions." />
 	<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
 
-	<title>Headings - Home</title>
+	<title>Links - Home</title>
 
 	<link href="/home/centos/artwork/trunk/Identity/Models/Css/Home/stylesheet.css" rel="stylesheet" type="text/css" />
 
@@ -132,7 +132,7 @@
                 <span><a title="Welcome to the web special interest group"
                 href="index.html"><span>Welcome</span></a></span>
 
-                <span class="current"><a title="CentOS headings visual style guide."
+                <span><a title="CentOS headings visual style guide."
                 href="headings.html"><span>Headings</span></a></span>
 
                 <span><a title="CentOS texts visual style guide."
@@ -141,7 +141,7 @@
                 <span><a title="CentOS lists visual style guide."
                 href="lists.html"><span>Lists</span></a></span>
 
-                <span><a title="CentOS links visual style guide."
+                <span class="current"><a title="CentOS links visual style guide."
                 href="links.html"><span>Links</span></a></span>
 
                 <span><a title="CentOS tables visual style guide."
@@ -165,52 +165,60 @@
 
     <div id="page-body">
 
-    <div id="page-body-right">
-
-    <ul class="first">
-        <li>The following links are specific to major release of
-        CentOS distribution:</li>
-    </ul>
-
-    <ul>
-        <li><a href="">Release Notes</a></li>
-        <li><a href="">Lifetime</a></li>
-        <li><a href="">Downloads</a></li>
-        <li><a href="">Documentation</a></li>
-        <li class="current"><a href="">Security Advisories</a></li>
-        <li><a href="">Bugs</a></li>
-        <li><a href="">Tips and tricks</a></li>
-        <li><a href="">HowTos</a></li>
-    </ul>
-
-    <ul>
-        <li>In this bar, it is possible to separate links by
-        blocks.</li>
-    </ul>
-    </div>
+        <div id="right">
+
+            <!--
+            The content of right column goes here.
+            -->
+
+            <ul class="first">
+                <li><a href="">Release Notes</a></li>
+                <li><a href="">Lifetime</a></li>
+                <li><a href="">Downloads</a></li>
+                <li><a href="">Documentation</a></li>
+                <li class="current"><a href="">Security Advisories</a></li>
+                <li><a href="">Bugs</a></li>
+                <li><a href="">Tips and tricks</a></li>
+                <li><a href="">HowTos</a></li>
+            </ul>
+
+            <ul>
+                <li>In this bar, it is possible to separate links by
+                blocks.</li>
+            </ul>
 
-    <div id="page-body-left">
-
-        <!--
-        Application specific links for breadcrumbs sutff. Use this
-        section if your application supports breadcrumbs.
-        -->
-    	<div class="trail">
-    	    <span><a href="">Pagination</a></span>
-            <span><a href="">Lists</a></span>
-            <span><a href="">Headings</a></span>
-            <span><a href="">Links</a></span>
-            <span><a href="">Texts</a></span>
-            <span class="last"><a href="">Home</a></span>
         </div>
 
+        <div id="left">
+
+            <!--
+            Application specific links for breadcrumbs sutff. Use this
+            section if your application supports breadcrumbs.
+            -->
+        	<div class="trail">
+        	    <span><a href="">Pagination</a></span>
+                <span><a href="">Lists</a></span>
+                <span><a href="">Headings</a></span>
+                <span><a href="">Links</a></span>
+                <span><a href="">Texts</a></span>
+                <span class="last"><a href="">Home</a></span>
+            </div>
+
+            <!--
+            The content of left column goes here.
+            -->
+            <h1>H</h1>
+            <p>Hello</p>
+
+            <div class="page-line"><hr style="display:none;" /></div>
+
+        </div>
 
-    </div>
 
     <!--
     Start page footer definitions.
     -->
-
+    <div class="page-line white"><hr style="display:none;" /></div>
     <div id="page-footer">
 
         <div class="top">
diff --git a/Identity/Models/Html/Home/lists.html b/Identity/Models/Html/Home/lists.html
index defc6a3..f5bc32e 100644
--- a/Identity/Models/Html/Home/lists.html
+++ b/Identity/Models/Html/Home/lists.html
@@ -12,7 +12,7 @@
 	<meta name="description" content="The CentOS web environment html definitions." />
 	<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
 
-	<title>Headings - Home</title>
+	<title>Links - Home</title>
 
 	<link href="/home/centos/artwork/trunk/Identity/Models/Css/Home/stylesheet.css" rel="stylesheet" type="text/css" />
 
@@ -132,13 +132,13 @@
                 <span><a title="Welcome to the web special interest group"
                 href="index.html"><span>Welcome</span></a></span>
 
-                <span class="current"><a title="CentOS headings visual style guide."
+                <span><a title="CentOS headings visual style guide."
                 href="headings.html"><span>Headings</span></a></span>
 
                 <span><a title="CentOS texts visual style guide."
                 href="texts.html"><span>Texts</span></a></span>
 
-                <span><a title="CentOS lists visual style guide."
+                <span class="current"><a title="CentOS lists visual style guide."
                 href="lists.html"><span>Lists</span></a></span>
 
                 <span><a title="CentOS links visual style guide."
@@ -165,52 +165,60 @@
 
     <div id="page-body">
 
-    <div id="page-body-right">
-
-    <ul class="first">
-        <li>The following links are specific to major release of
-        CentOS distribution:</li>
-    </ul>
-
-    <ul>
-        <li><a href="">Release Notes</a></li>
-        <li><a href="">Lifetime</a></li>
-        <li><a href="">Downloads</a></li>
-        <li><a href="">Documentation</a></li>
-        <li class="current"><a href="">Security Advisories</a></li>
-        <li><a href="">Bugs</a></li>
-        <li><a href="">Tips and tricks</a></li>
-        <li><a href="">HowTos</a></li>
-    </ul>
-
-    <ul>
-        <li>In this bar, it is possible to separate links by
-        blocks.</li>
-    </ul>
-    </div>
+        <div id="right">
+
+            <!--
+            The content of right column goes here.
+            -->
+
+            <ul class="first">
+                <li><a href="">Release Notes</a></li>
+                <li><a href="">Lifetime</a></li>
+                <li><a href="">Downloads</a></li>
+                <li><a href="">Documentation</a></li>
+                <li class="current"><a href="">Security Advisories</a></li>
+                <li><a href="">Bugs</a></li>
+                <li><a href="">Tips and tricks</a></li>
+                <li><a href="">HowTos</a></li>
+            </ul>
+
+            <ul>
+                <li>In this bar, it is possible to separate links by
+                blocks.</li>
+            </ul>
 
-    <div id="page-body-left">
-
-        <!--
-        Application specific links for breadcrumbs sutff. Use this
-        section if your application supports breadcrumbs.
-        -->
-    	<div class="trail">
-    	    <span><a href="">Pagination</a></span>
-            <span><a href="">Lists</a></span>
-            <span><a href="">Headings</a></span>
-            <span><a href="">Links</a></span>
-            <span><a href="">Texts</a></span>
-            <span class="last"><a href="">Home</a></span>
         </div>
 
+        <div id="left">
+
+            <!--
+            Application specific links for breadcrumbs sutff. Use this
+            section if your application supports breadcrumbs.
+            -->
+        	<div class="trail">
+        	    <span><a href="">Pagination</a></span>
+                <span><a href="">Lists</a></span>
+                <span><a href="">Headings</a></span>
+                <span><a href="">Links</a></span>
+                <span><a href="">Texts</a></span>
+                <span class="last"><a href="">Home</a></span>
+            </div>
+
+            <!--
+            The content of left column goes here.
+            -->
+            <h1>H</h1>
+            <p>Hello</p>
+
+            <div class="page-line"><hr style="display:none;" /></div>
+
+        </div>
 
-    </div>
 
     <!--
     Start page footer definitions.
     -->
-
+    <div class="page-line white"><hr style="display:none;" /></div>
     <div id="page-footer">
 
         <div class="top">
diff --git a/Identity/Models/Html/Home/pagination.html b/Identity/Models/Html/Home/pagination.html
index defc6a3..f8b93c1 100644
--- a/Identity/Models/Html/Home/pagination.html
+++ b/Identity/Models/Html/Home/pagination.html
@@ -12,7 +12,7 @@
 	<meta name="description" content="The CentOS web environment html definitions." />
 	<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
 
-	<title>Headings - Home</title>
+	<title>Pagination - Home</title>
 
 	<link href="/home/centos/artwork/trunk/Identity/Models/Css/Home/stylesheet.css" rel="stylesheet" type="text/css" />
 
@@ -132,7 +132,7 @@
                 <span><a title="Welcome to the web special interest group"
                 href="index.html"><span>Welcome</span></a></span>
 
-                <span class="current"><a title="CentOS headings visual style guide."
+                <span><a title="CentOS headings visual style guide."
                 href="headings.html"><span>Headings</span></a></span>
 
                 <span><a title="CentOS texts visual style guide."
@@ -150,7 +150,7 @@
                 <span><a title="CentOS forms visual style guide."
                 href="forms.html"><span>Forms</span></a></span> 
         
-                <span><a title="CentOS pagination visual style guide."
+                <span class="current"><a title="CentOS pagination visual style guide."
                 href="pagination.html"><span>Pagination</span></a></span>
 
             </div>
@@ -165,52 +165,60 @@
 
     <div id="page-body">
 
-    <div id="page-body-right">
-
-    <ul class="first">
-        <li>The following links are specific to major release of
-        CentOS distribution:</li>
-    </ul>
-
-    <ul>
-        <li><a href="">Release Notes</a></li>
-        <li><a href="">Lifetime</a></li>
-        <li><a href="">Downloads</a></li>
-        <li><a href="">Documentation</a></li>
-        <li class="current"><a href="">Security Advisories</a></li>
-        <li><a href="">Bugs</a></li>
-        <li><a href="">Tips and tricks</a></li>
-        <li><a href="">HowTos</a></li>
-    </ul>
-
-    <ul>
-        <li>In this bar, it is possible to separate links by
-        blocks.</li>
-    </ul>
-    </div>
+        <div id="right">
+
+            <!--
+            The content of right column goes here.
+            -->
+
+            <ul class="first">
+                <li><a href="">Release Notes</a></li>
+                <li><a href="">Lifetime</a></li>
+                <li><a href="">Downloads</a></li>
+                <li><a href="">Documentation</a></li>
+                <li class="current"><a href="">Security Advisories</a></li>
+                <li><a href="">Bugs</a></li>
+                <li><a href="">Tips and tricks</a></li>
+                <li><a href="">HowTos</a></li>
+            </ul>
+
+            <ul>
+                <li>In this bar, it is possible to separate links by
+                blocks.</li>
+            </ul>
 
-    <div id="page-body-left">
-
-        <!--
-        Application specific links for breadcrumbs sutff. Use this
-        section if your application supports breadcrumbs.
-        -->
-    	<div class="trail">
-    	    <span><a href="">Pagination</a></span>
-            <span><a href="">Lists</a></span>
-            <span><a href="">Headings</a></span>
-            <span><a href="">Links</a></span>
-            <span><a href="">Texts</a></span>
-            <span class="last"><a href="">Home</a></span>
         </div>
 
+        <div id="left">
+
+            <!--
+            Application specific links for breadcrumbs sutff. Use this
+            section if your application supports breadcrumbs.
+            -->
+        	<div class="trail">
+        	    <span><a href="">Pagination</a></span>
+                <span><a href="">Lists</a></span>
+                <span><a href="">Headings</a></span>
+                <span><a href="">Links</a></span>
+                <span><a href="">Texts</a></span>
+                <span class="last"><a href="">Home</a></span>
+            </div>
+
+            <!--
+            The content of left column goes here.
+            -->
+            <h1>H</h1>
+            <p>Hello</p>
+
+            <div class="page-line"><hr style="display:none;" /></div>
+
+        </div>
 
-    </div>
 
     <!--
     Start page footer definitions.
     -->
-
+    <div class="page-line white"><hr style="display:none;" /></div>
     <div id="page-footer">
 
         <div class="top">
diff --git a/Identity/Models/Html/Home/tables.html b/Identity/Models/Html/Home/tables.html
index defc6a3..42cef8b 100644
--- a/Identity/Models/Html/Home/tables.html
+++ b/Identity/Models/Html/Home/tables.html
@@ -12,7 +12,7 @@
 	<meta name="description" content="The CentOS web environment html definitions." />
 	<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
 
-	<title>Headings - Home</title>
+	<title>Tables - Home</title>
 
 	<link href="/home/centos/artwork/trunk/Identity/Models/Css/Home/stylesheet.css" rel="stylesheet" type="text/css" />
 
@@ -132,7 +132,7 @@
                 <span><a title="Welcome to the web special interest group"
                 href="index.html"><span>Welcome</span></a></span>
 
-                <span class="current"><a title="CentOS headings visual style guide."
+                <span><a title="CentOS headings visual style guide."
                 href="headings.html"><span>Headings</span></a></span>
 
                 <span><a title="CentOS texts visual style guide."
@@ -144,7 +144,7 @@
                 <span><a title="CentOS links visual style guide."
                 href="links.html"><span>Links</span></a></span>
 
-                <span><a title="CentOS tables visual style guide."
+                <span class="current"><a title="CentOS tables visual style guide."
                 href="tables.html"><span>Tables</span></a></span>
 
                 <span><a title="CentOS forms visual style guide."
@@ -165,52 +165,60 @@
 
     <div id="page-body">
 
-    <div id="page-body-right">
-
-    <ul class="first">
-        <li>The following links are specific to major release of
-        CentOS distribution:</li>
-    </ul>
-
-    <ul>
-        <li><a href="">Release Notes</a></li>
-        <li><a href="">Lifetime</a></li>
-        <li><a href="">Downloads</a></li>
-        <li><a href="">Documentation</a></li>
-        <li class="current"><a href="">Security Advisories</a></li>
-        <li><a href="">Bugs</a></li>
-        <li><a href="">Tips and tricks</a></li>
-        <li><a href="">HowTos</a></li>
-    </ul>
-
-    <ul>
-        <li>In this bar, it is possible to separate links by
-        blocks.</li>
-    </ul>
-    </div>
+        <div id="right">
+
+            <!--
+            The content of right column goes here.
+            -->
+
+            <ul class="first">
+                <li><a href="">Release Notes</a></li>
+                <li><a href="">Lifetime</a></li>
+                <li><a href="">Downloads</a></li>
+                <li><a href="">Documentation</a></li>
+                <li class="current"><a href="">Security Advisories</a></li>
+                <li><a href="">Bugs</a></li>
+                <li><a href="">Tips and tricks</a></li>
+                <li><a href="">HowTos</a></li>
+            </ul>
+
+            <ul>
+                <li>In this bar, it is possible to separate links by
+                blocks.</li>
+            </ul>
 
-    <div id="page-body-left">
-
-        <!--
-        Application specific links for breadcrumbs sutff. Use this
-        section if your application supports breadcrumbs.
-        -->
-    	<div class="trail">
-    	    <span><a href="">Pagination</a></span>
-            <span><a href="">Lists</a></span>
-            <span><a href="">Headings</a></span>
-            <span><a href="">Links</a></span>
-            <span><a href="">Texts</a></span>
-            <span class="last"><a href="">Home</a></span>
         </div>
 
+        <div id="left">
+
+            <!--
+            Application specific links for breadcrumbs sutff. Use this
+            section if your application supports breadcrumbs.
+            -->
+        	<div class="trail">
+        	    <span><a href="">Pagination</a></span>
+                <span><a href="">Lists</a></span>
+                <span><a href="">Headings</a></span>
+                <span><a href="">Links</a></span>
+                <span><a href="">Texts</a></span>
+                <span class="last"><a href="">Home</a></span>
+            </div>
+
+            <!--
+            The content of left column goes here.
+            -->
+            <h1>H</h1>
+            <p>Hello</p>
+
+            <div class="page-line"><hr style="display:none;" /></div>
+
+        </div>
 
-    </div>
 
     <!--
     Start page footer definitions.
     -->
-
+    <div class="page-line white"><hr style="display:none;" /></div>
     <div id="page-footer">
 
         <div class="top">
diff --git a/Identity/Models/Html/Home/texts.html b/Identity/Models/Html/Home/texts.html
index defc6a3..0671e5e 100644
--- a/Identity/Models/Html/Home/texts.html
+++ b/Identity/Models/Html/Home/texts.html
@@ -12,7 +12,7 @@
 	<meta name="description" content="The CentOS web environment html definitions." />
 	<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
 
-	<title>Headings - Home</title>
+	<title>Texts - Home</title>
 
 	<link href="/home/centos/artwork/trunk/Identity/Models/Css/Home/stylesheet.css" rel="stylesheet" type="text/css" />
 
@@ -132,10 +132,10 @@
                 <span><a title="Welcome to the web special interest group"
                 href="index.html"><span>Welcome</span></a></span>
 
-                <span class="current"><a title="CentOS headings visual style guide."
+                <span><a title="CentOS headings visual style guide."
                 href="headings.html"><span>Headings</span></a></span>
 
-                <span><a title="CentOS texts visual style guide."
+                <span class="current"><a title="CentOS texts visual style guide."
                 href="texts.html"><span>Texts</span></a></span>
 
                 <span><a title="CentOS lists visual style guide."
@@ -165,52 +165,267 @@
 
     <div id="page-body">
 
-    <div id="page-body-right">
+        <div id="right">
 
-    <ul class="first">
-        <li>The following links are specific to major release of
-        CentOS distribution:</li>
-    </ul>
+            <!--
+            The content of right column goes here.
+            -->
 
-    <ul>
-        <li><a href="">Release Notes</a></li>
-        <li><a href="">Lifetime</a></li>
-        <li><a href="">Downloads</a></li>
-        <li><a href="">Documentation</a></li>
-        <li class="current"><a href="">Security Advisories</a></li>
-        <li><a href="">Bugs</a></li>
-        <li><a href="">Tips and tricks</a></li>
-        <li><a href="">HowTos</a></li>
-    </ul>
+            <ul class="first">
+                <li><a href="">Release Notes</a></li>
+                <li><a href="">Lifetime</a></li>
+                <li><a href="">Downloads</a></li>
+                <li><a href="">Documentation</a></li>
+                <li class="current"><a href="">Security Advisories</a></li>
+                <li><a href="">Bugs</a></li>
+                <li><a href="">Tips and tricks</a></li>
+                <li><a href="">HowTos</a></li>
+            </ul>
+
+            <ul>
+                <li>In this bar, it is possible to separate links by
+                blocks.</li>
+            </ul>
+
+        </div>
+
+        <div id="left">
+
+            <!--
+            Application specific links for breadcrumbs sutff. Use this
+            section if your application supports breadcrumbs.
+            -->
+        	<div class="trail">
+        	    <span><a href="">Pagination</a></span>
+                <span><a href="">Lists</a></span>
+                <span><a href="">Headings</a></span>
+                <span><a href="">Links</a></span>
+                <span><a href="">Texts</a></span>
+                <span class="last"><a href="">Home</a></span>
+            </div>
+
+            <!--
+            The content of left column goes here.
+            -->
+
+	<h1>Texts</h1>
+
+	<p>CentOS Texts Visual Style Guide.</p>
+
+	<h2>Recommendations</h2>
+
+	<ul>
+		<li>...</li>
+	</ul>
+
+	<h2>Examples</h2>
+
+	<h3>Phrase elements</h3>
+
+	<dl>
+	<dt>EM</dt>
+	<dd><em>Indicates emphasis.</em></dd>
+
+    	<dt>STRONG</dt>
+	<dd><strong>Indicates stronger emphasis.</strong></dd>
+
+    	<dt>CITE</dt> 
+	<dd><cite>Contains a citation or a reference to other
+	sources.</cite></dd>
+
+    	<dt>DFN</dt>
+	<dd><dfn>Indicates that this is the defining instance of the
+	enclosed term.</dfn></dd>
+
+    	<dt>CODE</dt>
+	<dd><code>Designates a fragment of computer code.</code></dd>
+
+    	<dt>SAMP</dt> 
+	<dd><samp>Designates sample output from programs, scripts,
+	etc.</samp></dd>
+
+    	<dt>KBD</dt>
+	<dd><kbd>Indicates text to be entered by the user.</kbd></dd>
+
+    	<dt>VAR</dt> 
+	<dd><var>Indicates an instance of a variable or program
+	argument.</var></dd>
+
+    	<dt>ABBR</dt>
+	<dd><abbr title="Abbrebiation">Indicates an abbreviated form (e.g., WWW, HTTP, URI,
+	Mass., etc.).</abbr></dd>
+
+    	<dt>ACRONYM</dt>
+	<dd><acronym title="Acronym">Indicates an acronym (e.g., WAC, radar,
+	etc.).</acronym></dd>
+
+	</dl>
+
+	<h3>Subscripts and superscripts</h3>
+
+	<dl>
+	
+		<dt>SUB</dt>
+		<dd>H<sub>2</sub>O</dd>
+
+		<dt>SUP</dt>
+		<dd>E = mc<sup>2</sup></dd>
+		<dd><span lang="fr">M<sup>lle</sup> Dupont</span></dd>
+	</dl>
+
+	<h3>Paragraphs</h3>
+
+	<p>Paragraph here. Paragraph here. Paragraph here. Paragraph here.
+	Paragraph here. Paragraph here. Paragraph here. Paragraph here.
+	Paragraph here.  Paragraph here. Paragraph here. Paragraph here.
+	Paragraph here.  Paragraph here.</p>
+
+	<p>Paragraph here. Paragraph here. Paragraph here. Paragraph here.
+	Paragraph here. Paragraph here. Paragraph here. Paragraph here.
+	Paragraph here.  Paragraph here. Paragraph here. Paragraph here.
+	Paragraph here.  Paragraph here.</p>
+
+	<h3>Preformatted text</h3>
+
+	<pre>This is a pre formatted element.</pre>
+
+	<pre>
+This is a pre formatted element (line 1).
+This is a pre formatted element (line 2).
+This is a pre formatted element (line 3).
+</pre>
+
+	<h3>Quotations</h3>
+
+	<blockquote>
+    <p>The simplest quotation.</p>
+    <pre>&lt;blockquote&gt;
+    &lt;p&gt;The simplest quotation.&lt;/p&gt;
+&lt;/blockquote&gt;</pre>
+    </blockquote>
+
+	<blockquote>
+    <h3>Tip</h3>
+    <p>The simplest quotation using heading.</p>
+    <pre>&lt;blockquote&gt;
+    &lt;h3&gt;Tip&lt;/h3&gt;
+    &lt;p&gt;The simplest quotation using heading.&lt;/p&gt;
+&lt;/blockquote&gt;</pre>
+    </blockquote>
+
+	<blockquote class="icon orange">
+        <img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-idea.png" alt="Tip" />
+        <h3>Tip</h3>
+        <p>Simple quotations can be combined with color classes, icons
+        and headings to make your message more attractive. To set
+        quotation with icons, use the <tt>icon</tt> class in the
+        <tt>blockquote</tt> html tag. The heading is set using
+        <tt>h3</tt> heading level.</p>
+        <pre>&lt;blockquote class="icon orange"&gt;
+    &lt;img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-idea.png" alt="Tip" /&gt;
+    &lt;h3&gt;Tip&lt;/h3&gt;
+    &lt;p&gt;This is a simple quotation with an icon. &lt;/p&gt;
+&lt;/blockquote&gt;</pre>
+    <p>The following color classes are available:</p> 
 
     <ul>
-        <li>In this bar, it is possible to separate links by
-        blocks.</li>
+        <li><tt>blue</tt></li>
+        <li><tt>orange</tt></li>
+        <li><tt>green</tt></li>
+        <li><tt>violet</tt></li>
+        <li><tt>red</tt></li>
     </ul>
-    </div>
 
-    <div id="page-body-left">
-
-        <!--
-        Application specific links for breadcrumbs sutff. Use this
-        section if your application supports breadcrumbs.
-        -->
-    	<div class="trail">
-    	    <span><a href="">Pagination</a></span>
-            <span><a href="">Lists</a></span>
-            <span><a href="">Headings</a></span>
-            <span><a href="">Links</a></span>
-            <span><a href="">Texts</a></span>
-            <span class="last"><a href="">Home</a></span>
-        </div>
+    <p>The following icon paths are available:</p> 
+    <table>
+    <tr>
+    <td><img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-idea.png" alt="Tip" /></td>
+    <td>/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-idea.png</td>
+    </tr>
+    <tr>
+    <td><img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-info.png" alt="Info" /></td>
+    <td>/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-info.png</td>
+    </tr>
+    <tr>
+    <td><img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-attention.png" alt="Attention" /></td>
+    <td>/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-attention.png</td>
+    </tr>
+    <tr>
+    <td><img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-alert.png" alt="Alert" /></td>
+    <td>/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-alert.png</td>
+    </tr>
+    <tr>
+    <td><img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-star.png" alt="Star" /></td>
+    <td>/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-star.png</td>
+    </tr>
+    <tr>
+    <td><img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-error.png" alt="Error" /></td>
+    <td>/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-error.png</td>
+    </tr>
+    </table>
+    <p>As you probably have noted, it is possible to use pre-formatted
+    texts, lists, tables and several paragraphs inside one admonition.
+    In fact, it is possible to use any html code inside admonitions.
+    Feel yourself free to experiment new combinations.</p>
+    </blockquote>
+
+	<h4>Inline quotation</h4>
+
+	<p>The <q cite="http://www.centos.org/">Community Enterprise
+	Operating System</q> is a GNU/Linux Distribution based on the
+	freely available sources of a prominet Linux vendor.</p>
+
+	<p>John said, <q lang="en-us">I saw Lucy at lunch, she told me
+	<q lang="en-us">Mary wants you to get some ice cream on your
+	way home.</q> I think I will get some at Ben and Jerry’s, on
+	Gloucester Road.</q></p>
+
+	<h4>Administrative Message quotation</h4>
+
+	<blockquote class="message">
+		<p class="content">Thank you for your changes. Your attention to detail is appreciated.</p>
+		<p class="links"><a href="">Clear message</a></p>
+	</blockquote>
+
+	<blockquote class="message blue">
+		<p class="content">Thank you for your changes. Your attention to detail is appreciated.</p>
+		<p class="links"><a href="">Clear message</a></p>
+	</blockquote>
+
+	<blockquote class="message red">
+		<p class="content">Thank you for your changes. Your attention to detail is appreciated.</p>
+		<p class="links"><a href="">Clear message</a></p>
+	</blockquote>
+
+	<blockquote class="message green">
+		<p class="content">Thank you for your changes. Your attention to detail is appreciated.</p>
+		<p class="links"><a href="">Clear message</a></p>
+	</blockquote>
+
+	<blockquote class="message violet">
+		<p class="content">Thank you for your changes. Your attention to detail is appreciated.</p>
+		<p class="links"><a href="">Clear message</a></p>
+	</blockquote>
+
+	<blockquote class="message orange">
+		<p class="content">Thank you for your changes. Your attention to detail is appreciated.</p>
+		<p class="links"><a href="">Clear message</a></p>
+	</blockquote>
+
+</div>
 
+            <!--
+            The content of left column ends here.
+            -->
+            <div class="page-line"><hr style="display:none;" /></div>
+
+        </div>
 
-    </div>
 
     <!--
     Start page footer definitions.
     -->
-
+    <div class="page-line white"><hr style="display:none;" /></div>
     <div id="page-footer">
 
         <div class="top">