diff --git a/css/main.css b/css/main.css
index d900fe8746..21e08d7ad2 100644
--- a/css/main.css
+++ b/css/main.css
@@ -9,7 +9,9 @@ body { margin: 50px 0 0; background: #fff url(../images/bg.gif) repeat-x; font:
 	h1 a { text-decoration: none; }
 	h2 { font-size: 2em; color: #FFF2B3; font-weight: normal; margin: 0 0 .8em; }
 	h3 { font-size: 1.5em; border-bottom: 1px solid #eee; margin: 0 0 .8em; }
-	p  { margin: 0 0 2em 0; line-height: 1.8em; }
+	h4 { font-size: 1.2em; margin: 0 0 .4em;}
+	h5 { font-size: 1.1em; margin: 0 0 .3em; text-decoration: underline;}
+	p  { margin: 0 0 1em 0; line-height: 1.6em;}
 	em { border-bottom: 1px dotted #fff; cursor: pointer; }
 	a { color: #9D2900; }
 	a:hover { color: #A0000E; text-decoration: none; }
@@ -41,11 +43,6 @@ body { margin: 50px 0 0; background: #fff url(../images/bg.gif) repeat-x; font:
 	#footer .right { float: right; margin: 0 55px 0 0; }
 	#footer a { color: #808080; font-weight: bold; }
 
-.bullets {
-	    margin-left: 20px;
-		list-style-image:url("../images/bullet.png");
-		list-style-type:square;
-	}
 
 .screenshot {
 	border: 1px solid black;
@@ -57,3 +54,14 @@ pre { background: #000; color: #fff; padding: 15px; margin-left: 0px; padding:0p
 
 .tc {text-align: center;}
 
+ul.piramid_bullets > li {
+		list-style-image:url("../images/bullet.png");
+	    margin-left: 20px;
+		list-style-type:square;
+	}
+ul.news > li {margin-bottom: 5em;}
+ul.other_site > li {margin-bottom: 4em;}
+ul {
+		list-style:circle;
+	    margin-left: 20px;
+	}
diff --git a/download.html b/download.html
index 838f7a46f1..3889a8025d 100644
--- a/download.html
+++ b/download.html
@@ -61,7 +61,7 @@
 		
 		<div class="col">
 			<h3><span class="red">What</span> it needs?</h3>
-				<ul class="bullets">
+				<ul class="piramid_bullets">
 					<li>Django - A high-level Python Web framework that encourages rapid development and clean, pragmatic design.</li>
 					<li>django-pagination</li>
 					<li>django-filetransfers - File upload/download abstraction</li>
diff --git a/images/browser_visualization.png b/images/browser_visualization.png
new file mode 100644
index 0000000000..b66a895937
Binary files /dev/null and b/images/browser_visualization.png differ
diff --git a/images/languages.png b/images/languages.png
new file mode 100644
index 0000000000..366275c52e
Binary files /dev/null and b/images/languages.png differ
diff --git a/images/news/acl_support.png b/images/news/acl_support.png
new file mode 100644
index 0000000000..7e99138625
Binary files /dev/null and b/images/news/acl_support.png differ
diff --git a/images/permissions.png b/images/permissions.png
new file mode 100644
index 0000000000..2dd8ff9b21
Binary files /dev/null and b/images/permissions.png differ
diff --git a/index.html b/index.html
index 6229e9802c..c3acb1bad3 100644
--- a/index.html
+++ b/index.html
@@ -47,7 +47,7 @@
 			<p>Bulk upload documents directly or by using a staging folder to receive scanned documents. Organize using document classes and custom meta-data as well as automatic document grouping. Find document by means of full text searching, either meta-data, document properties, content extracted from PDFs or transcribed by OCR.</p>
 			
 			<p>
-				<ul>
+				<ul class="piramid_bullets">
 					<li><a href="http://bit.ly/pADNXv">Quick introduction video</a></li>
 					<li><a href="http://mayan.readthedocs.org">Online documentation</a></li>
 					<li><a href="https://plus.google.com/b/108413286958999778262/">Google plus page</a></li>
@@ -56,7 +56,7 @@
 		</div>
 		<div class="col">
 			<h3>Most important <span class="red">Features</span></h3>
-				<ul class="bullets">
+				<ul class="piramid_bullets">
 					<li>Electronic signature verification</li>
 					<li>Document versioning</li>
 					<li>User defined meta-data fields</li>
diff --git a/news.html b/news.html
index d063769b71..184ad4d260 100644
--- a/news.html
+++ b/news.html
@@ -85,53 +85,57 @@
 	
 
 	<div class="wrap">
-		<ul class="bullets">
-			<li><h3><span class="red">December 13, 2011</span></h3></li>
-			<p>
-				<div class="">
-				        The Italian translation for Mayan EDMS has been completed, merged in the development branch and will be included in the upcoming version 0.12.<br />
-				        Many thanks to <a href="http://www.seeopen.it">SeeOpen.IT</a> for this contribution.<br />
-				</div>
-			</p>	
+		<ul class="piramid_bullets news">
+			<li>
+				<h3><span class="red">December 19, 2011</span></h3>
+					<h4>Document level access support</h4><br />
+					<p>Still many things left to do, but after much work the ACL subsystem is in a usable state.  Document level access is already supported with folder and tag level access following suit.</p>
+					<a class="fancybox" rel="news" href="images/news/acl_support.png" title="Document level access support"><img class="screenshot center" src="images/news/acl_support.png" width="640px"/></a>
+			</li>
 
-			<li><h3><span class="red">December 7, 2011</span></h3></li>
-			<p>
-				<h3>Bugfix version v0.11.1</h3><br />
-				<div class="">
-				        This is the first bugfix release of the .11 series, and includes the following:<br />
-				        * A documents deletion regression fix<br />
-				        * Improves error detection when importing keys from a keyserver<br />
-				        * Fixes a wrong method call when verifying signatures for the first time upon document uploading<br />
-				        * django-compress is now disabled by default to avoid problems when deploying with DjangoZoom<br />
-				</div><br />
-			</p>	
+			<li>
+				<h3><span class="red">December 13, 2011</span></h3>
+				<p>The Italian translation for Mayan EDMS has been completed, merged in the development branch and will be included in the upcoming version 0.12.  Many thanks to <a href="http://www.seeopen.it">SeeOpen.IT</a> for this contribution.</p>
+			</li>
+
+			<li>
+				<h3><span class="red">December 7, 2011</span></h3>
+				<h4>Bugfix version v0.11.1</h4><br />
+				<p>This is the first bugfix release of the .11 series, and includes the following:</p>
+					<ul>
+						<li>A documents deletion regression fix</li>
+						<li>Improves error detection when importing keys from a keyserver</li>
+						<li>Fixes a wrong method call when verifying signatures for the first time upon document uploading</li>
+						<li>django-compress is now disabled by default to avoid problems when deploying with DjangoZoom</li>
+					</ul>
+
+			</li>
 			
-			<li><h3><span class="red">December 6, 2011</span></h3></li>
-			<p>
-				<h3>Mayan v0.11 released!</h3><br />
-				<div class="">
-					<h3>Highlights</h3>
-					Two of the most asked features have been included:<br />
-					* Document signature verification support (both: embedded and detached)<br />
-					* Document versioning support<br />
-
-					The full changelog can be found here: <a href="http://readthedocs.org/docs/mayan/en/development/updates.html#version-0-11">http://readthedocs.org/docs/mayan</a>
-				</div><br />
-			</p>						
+			<li>
+				<h3><span class="red">December 6, 2011</span></h3>
+				<h4>Mayan v0.11 released!</h4>
+					<h5>Highlights</h5>
+					<p>Two of the most asked features have been included:</p>
+				<ul>						
+					<li>Document signature verification support (both: embedded and detached)</li>
+					<li>Document versioning support</li>
+				</ul>
+				<p>The full changelog can be found here: <a href="http://readthedocs.org/docs/mayan/en/development/updates.html#version-0-11">http://readthedocs.org/docs/mayan</a></p>
+			</li>
 			
-			<li><h3><span class="red">December 4, 2011</span></h3></li>
-			<p>
-				<h3>Document versioning</h3><br />
-				<div class="tc">Multiple document versions is almost ready and will be included in the next version (v0.11), the REST API has also been updated to expose this new functionality.</div><br />
-				<a class="fancybox" rel="news" href="images/mayan-multi-ver.png" title="Document versioning"><img class="screenshot center" src="images/mayan-multi-ver.png" width="640px"/></a>
-			</p>			
+			<li>
+				<h3><span class="red">December 4, 2011</span></h3>
+					<h4>Document versioning</h4>
+					<p>Multiple document versions is almost ready and will be included in the next version (v0.11), the REST API has also been updated to expose this new functionality.</p>
+					<a class="fancybox" rel="news" href="images/mayan-multi-ver.png" title="Document versioning"><img class="screenshot center" src="images/mayan-multi-ver.png" width="640px"/></a>
+			</li>
 
-			<li><h3><span class="red">December 3, 2011</span></h3></li>
-			<p>
-				<h3>Digital signature verification</h3><br />
-				<div class="tc">Digital signature verification has seen many updates but it is still uncertain if it will be complete enough to be included in the next version.</div><br />
-				<a class="fancybox" rel="news" href="images/mayan-signature.png" title="Signature verification"><img class="screenshot center" src="images/mayan-signature.png" width="640px"/></a>
-			</p>			
+			<li>
+				<h3><span class="red">December 3, 2011</span></h3>
+					<h4>Digital signature verification</h4>
+					<p>Digital signature verification has seen many updates but it is still uncertain if it will be complete enough to be included in the next version.</p>
+					<a class="fancybox" rel="news" href="images/mayan-signature.png" title="Signature verification"><img class="screenshot center" src="images/mayan-signature.png" width="640px"/></a>
+			</li>
 
 		</ul>
 	</div>           
diff --git a/others.html b/others.html
index c5015434f5..af02940e6d 100644
--- a/others.html
+++ b/others.html
@@ -42,28 +42,24 @@
 	</div>
 
 	<div class="wrap">
-		<div class="wrap">
-			<ul class="bullets">
-				<li>
-					<h3><span class="red">Django App servers</span></h3>
-					<p>
-						<h4>DjangoZoom</h4>
-						* <a href="http://djangozoom.com/examples/">Examples page</a><br />
-					</p>			
-				</li>
-				<li>
-					<h3><span class="red">Blogs</span></h3>
-					<p>
-						* <a href="http://mayan-edms-ru.blogspot.com/">Mayan EDMS ru личный опыт (a personal experience)</a><br />
-						* <a href="http://djangozoom.com/blog/2011/07/28/mayan-edms-will-help-you-ocr-and-manage-your-documents/">Mayan EDMS will help you OCR and manage your documents </a><br />
-					</p>			
-				</li>
-			</ul>
-		</div>
-		<div class="">
-			<h3>Getting <span class="red">listed</span></h3>
-				<p>Have a blog?  An article about using Mayan EDMS?  We'd like to hear from you, send an email to <a href="mailto:roberto.rosario@mayan-edms.com">Roberto Rosario</a></p>
-		</div>
+		<ul class="piramid_bullets other_site">
+			<li>
+				<h3><span class="red">Django App servers</span></h3>
+					<h4>DjangoZoom</h4>
+					<ul>
+						<li><a href="http://djangozoom.com/examples/">Examples page</a></li>
+					</ul>
+			</li>
+			<li>
+				<h3><span class="red">Blogs</span></h3>
+				<ul>
+					<li><a href="http://mayan-edms-ru.blogspot.com/">Mayan EDMS ru личный опыт (a personal experience)</a></li>
+					<li><a href="http://djangozoom.com/blog/2011/07/28/mayan-edms-will-help-you-ocr-and-manage-your-documents/">Mayan EDMS will help you OCR and manage your documents </a></li>
+				</ul>
+			</li>
+		</ul>
+		<h3>Getting <span class="red">listed</span></h3>
+		<p>Have a blog?  An article about using Mayan EDMS?  We'd like to hear from you, send an email to <a href="mailto:roberto.rosario@mayan-edms.com">Roberto Rosario</a></p>
     </div>
 	<div id="footer">
 		<p class="right">Design: Luka Cvrk, <a title="Awsome Web Templates" href="http://www.solucija.com/">Solucija</a></p>
diff --git a/screenshots.html b/screenshots.html
index 38f4414bbd..4b15f02beb 100644
--- a/screenshots.html
+++ b/screenshots.html
@@ -84,7 +84,7 @@
 
            
 	<div class="wrap">
-		<ul class="bullets">
+		<ul class="piramid_bullets">
 			<li><h3><span class="red">Color coded tagging</span></h3></li>
 			<p>
 				<a class="fancybox" rel="screenshots" href="images/tagging.png" title="Color coded tagging"><img class="screenshot center" src="images/tagging.png" /></a><br />
diff --git a/support.html b/support.html
index 5cfc77b392..41b5047617 100644
--- a/support.html
+++ b/support.html
@@ -46,7 +46,7 @@
 			<h3>Support for Mayan EDMS is provided by 3rd party individuals and companies.</h3>
         </div>
 		<div class="wrap">
-			<ul class="bullets">
+			<ul class="piramid_bullets">
 				<li>
 					<h3><span class="red">Bolivia</span></h3>
 					<p>