diff --git a/akregator/src/about/main.html b/akregator/src/about/main.html
index c1cbd42d..5bcca3d4 100644
--- a/akregator/src/about/main.html
+++ b/akregator/src/about/main.html
@@ -22,6 +22,7 @@
 <body>
   <div id="header">
     <div id="headerL"/>
+    <div id="headerCenter"/>
     <div id="headerR"/>
 
     <div id="title">
diff --git a/akregator/src/about/top-right-akregator.png b/akregator/src/about/top-right-akregator.png
index fd539eee..64192be9 100644
Binary files a/akregator/src/about/top-right-akregator.png and b/akregator/src/about/top-right-akregator.png differ
diff --git a/kmail/about/CMakeLists.txt b/kmail/about/CMakeLists.txt
index 44457be7..1e07cc64 100644
--- a/kmail/about/CMakeLists.txt
+++ b/kmail/about/CMakeLists.txt
@@ -10,5 +10,8 @@
 #################################################
 
 install( FILES
-    top-right-kmail.png main.html kmail.css
+    box-center.png
+    kmail.css
+    main.html
+    top-right-kmail.png
   DESTINATION ${DATA_INSTALL_DIR}/kmail/about )
diff --git a/kmail/about/Makefile.am b/kmail/about/Makefile.am
index 4ac57fc2..5e745537 100644
--- a/kmail/about/Makefile.am
+++ b/kmail/about/Makefile.am
@@ -1,6 +1,8 @@
 about_DATA = \
-	top-right-kmail.png \
+	box-center.png \
+	kmail.css \
 	main.html \
-	kmail.css
+	top-right-kmail.png
+	
 
 aboutdir = $(kde_datadir)/kmail/about
diff --git a/kmail/about/box-center.png b/kmail/about/box-center.png
new file mode 100755
index 00000000..d8dde840
Binary files /dev/null and b/kmail/about/box-center.png differ
diff --git a/kmail/about/kmail.css b/kmail/about/kmail.css
index 3fb2ce90..38db9987 100644
--- a/kmail/about/kmail.css
+++ b/kmail/about/kmail.css
@@ -8,17 +8,16 @@
 }
 
 #title {
-  right: 125px;
+  left: 145px;
 }
 
 #tagline {
-  right: 125px;
+  left: 135px;
 }
 
 #boxCenter {
-  background-image: url(box-center-kmail.png);
+  background-image: url(box-center.png);
   background-repeat: no-repeat;
-  background-color: #dfe7f3;
   background-position: bottom right;
 }
 
diff --git a/kmail/about/main.html b/kmail/about/main.html
index bc367933..634b5f00 100644
--- a/kmail/about/main.html
+++ b/kmail/about/main.html
@@ -22,6 +22,7 @@
 <body>
   <div id="header">
     <div id="headerL"/>
+    <div id="headerCenter"/>
     <div id="headerR"/>
 
     <div id="title">
diff --git a/kmail/about/top-right-kmail.png b/kmail/about/top-right-kmail.png
index bf15f38b..d82329ff 100644
Binary files a/kmail/about/top-right-kmail.png and b/kmail/about/top-right-kmail.png differ
diff --git a/libtdepim/about/CMakeLists.txt b/libtdepim/about/CMakeLists.txt
index 97a53d76..408c8f9b 100644
--- a/libtdepim/about/CMakeLists.txt
+++ b/libtdepim/about/CMakeLists.txt
@@ -1,6 +1,6 @@
 #################################################
 #
-#  (C) 2010-2011 Serghei Amelian
+#  (C) 2010 Serghei Amelian
 #  serghei (DOT) amelian (AT) gmail.com
 #
 #  Improvements and feedback are welcome
@@ -9,11 +9,21 @@
 #
 #################################################
 
+##### other data ################################
+
 install( FILES
-    bar-bottom-left.png bar-top-right.png bar-bottom-middle.png bottom-left.png
-    box-middle-left.png top-left.png bar-bottom-right.png bottom-middle.png
-    box-middle-right.png top-middle.png bar-middle-left.png bottom-right.png
-    box-top-left.png bar-middle-right.png box-bottom-left.png box-top-middle.png
-    bar-top-left.png box-bottom-middle.png box-top-right.png bar-top-middle.png
-    box-bottom-right.png kde_infopage.css kde_infopage_rtl.css
+  back.png
+  box-bottom-left.png
+  box-bottom-middle.png
+  box-bottom-right.png
+  box-center.png
+  box-middle-left.png
+  box-middle-right.png
+  box-top-left.png
+  box-top-middle.png
+  box-top-right.png
+  top-left.png
+  top-middle.png
+  kde_infopage.css
+  kde_infopage_rtl.css
   DESTINATION ${DATA_INSTALL_DIR}/libtdepim/about )
diff --git a/libtdepim/about/Makefile.am b/libtdepim/about/Makefile.am
index 6481c5bc..f6addce6 100644
--- a/libtdepim/about/Makefile.am
+++ b/libtdepim/about/Makefile.am
@@ -1,9 +1,17 @@
 
-tdepim_infopage_datadir = $(kde_datadir)/libtdepim/about
-tdepim_infopage_data_DATA = \
-	bar-bottom-left.png    bar-top-right.png      bar-bottom-middle.png  bottom-left.png \
-	box-middle-left.png    top-left.png           bar-bottom-right.png   bottom-middle.png \
-	box-middle-right.png   top-middle.png         bar-middle-left.png    bottom-right.png \
-	box-top-left.png       bar-middle-right.png   box-bottom-left.png    box-top-middle.png \
-	bar-top-left.png       box-bottom-middle.png  box-top-right.png      bar-top-middle.png \
-	box-bottom-right.png   kde_infopage.css       kde_infopage_rtl.css
+kde_infopage_datadir = $(kde_datadir)/libtdepim/about
+kde_infopage_data_DATA = \
+	back.png \
+  box-bottom-left.png \
+  box-bottom-middle.png \
+  box-bottom-right.png \
+  box-center.png \
+  box-middle-left.png \
+  box-middle-right.png \
+  box-top-left.png \
+  box-top-middle.png \
+  box-top-right.png \
+  top-left.png \
+  top-middle.png \
+  kde_infopage.css \
+  kde_infopage_rtl.css
\ No newline at end of file
diff --git a/libtdepim/about/back.png b/libtdepim/about/back.png
new file mode 100644
index 00000000..8cc7a1a3
Binary files /dev/null and b/libtdepim/about/back.png differ
diff --git a/libtdepim/about/bar-bottom-left.png b/libtdepim/about/bar-bottom-left.png
deleted file mode 100644
index 30a32359..00000000
Binary files a/libtdepim/about/bar-bottom-left.png and /dev/null differ
diff --git a/libtdepim/about/bar-bottom-middle.png b/libtdepim/about/bar-bottom-middle.png
deleted file mode 100644
index b2ebbbed..00000000
Binary files a/libtdepim/about/bar-bottom-middle.png and /dev/null differ
diff --git a/libtdepim/about/bar-bottom-right.png b/libtdepim/about/bar-bottom-right.png
deleted file mode 100644
index e664e151..00000000
Binary files a/libtdepim/about/bar-bottom-right.png and /dev/null differ
diff --git a/libtdepim/about/bar-middle-left.png b/libtdepim/about/bar-middle-left.png
deleted file mode 100644
index 72fda9ec..00000000
Binary files a/libtdepim/about/bar-middle-left.png and /dev/null differ
diff --git a/libtdepim/about/bar-middle-right.png b/libtdepim/about/bar-middle-right.png
deleted file mode 100644
index d482ab17..00000000
Binary files a/libtdepim/about/bar-middle-right.png and /dev/null differ
diff --git a/libtdepim/about/bar-top-left.png b/libtdepim/about/bar-top-left.png
deleted file mode 100644
index b05fd216..00000000
Binary files a/libtdepim/about/bar-top-left.png and /dev/null differ
diff --git a/libtdepim/about/bar-top-middle.png b/libtdepim/about/bar-top-middle.png
deleted file mode 100644
index 387f8101..00000000
Binary files a/libtdepim/about/bar-top-middle.png and /dev/null differ
diff --git a/libtdepim/about/bar-top-right.png b/libtdepim/about/bar-top-right.png
deleted file mode 100644
index a552ff91..00000000
Binary files a/libtdepim/about/bar-top-right.png and /dev/null differ
diff --git a/libtdepim/about/bottom-left.png b/libtdepim/about/bottom-left.png
deleted file mode 100644
index 78c9fece..00000000
Binary files a/libtdepim/about/bottom-left.png and /dev/null differ
diff --git a/libtdepim/about/bottom-middle.png b/libtdepim/about/bottom-middle.png
deleted file mode 100644
index 41e52dd8..00000000
Binary files a/libtdepim/about/bottom-middle.png and /dev/null differ
diff --git a/libtdepim/about/bottom-right.png b/libtdepim/about/bottom-right.png
deleted file mode 100644
index ef81b04a..00000000
Binary files a/libtdepim/about/bottom-right.png and /dev/null differ
diff --git a/libtdepim/about/box-bottom-left.png b/libtdepim/about/box-bottom-left.png
old mode 100644
new mode 100755
index ef68ffa6..d2bc4c92
Binary files a/libtdepim/about/box-bottom-left.png and b/libtdepim/about/box-bottom-left.png differ
diff --git a/libtdepim/about/box-bottom-middle.png b/libtdepim/about/box-bottom-middle.png
old mode 100644
new mode 100755
index 2bcd3ea0..cb00ff62
Binary files a/libtdepim/about/box-bottom-middle.png and b/libtdepim/about/box-bottom-middle.png differ
diff --git a/libtdepim/about/box-bottom-right.png b/libtdepim/about/box-bottom-right.png
old mode 100644
new mode 100755
index 993e1a6b..40d6a8ef
Binary files a/libtdepim/about/box-bottom-right.png and b/libtdepim/about/box-bottom-right.png differ
diff --git a/libtdepim/about/box-center.png b/libtdepim/about/box-center.png
new file mode 100755
index 00000000..d8dde840
Binary files /dev/null and b/libtdepim/about/box-center.png differ
diff --git a/libtdepim/about/box-middle-left.png b/libtdepim/about/box-middle-left.png
old mode 100644
new mode 100755
index 62a72017..522696dd
Binary files a/libtdepim/about/box-middle-left.png and b/libtdepim/about/box-middle-left.png differ
diff --git a/libtdepim/about/box-middle-right.png b/libtdepim/about/box-middle-right.png
old mode 100644
new mode 100755
index aa94c0c9..73747f05
Binary files a/libtdepim/about/box-middle-right.png and b/libtdepim/about/box-middle-right.png differ
diff --git a/libtdepim/about/box-top-left.png b/libtdepim/about/box-top-left.png
old mode 100644
new mode 100755
index 3825a7de..f7418b33
Binary files a/libtdepim/about/box-top-left.png and b/libtdepim/about/box-top-left.png differ
diff --git a/libtdepim/about/box-top-middle.png b/libtdepim/about/box-top-middle.png
old mode 100644
new mode 100755
index 79e714cb..53d09edd
Binary files a/libtdepim/about/box-top-middle.png and b/libtdepim/about/box-top-middle.png differ
diff --git a/libtdepim/about/box-top-right.png b/libtdepim/about/box-top-right.png
old mode 100644
new mode 100755
index 45ba201e..990b111d
Binary files a/libtdepim/about/box-top-right.png and b/libtdepim/about/box-top-right.png differ
diff --git a/libtdepim/about/kde_infopage.css b/libtdepim/about/kde_infopage.css
old mode 100644
new mode 100755
index 69085675..c97f2d35
--- a/libtdepim/about/kde_infopage.css
+++ b/libtdepim/about/kde_infopage.css
@@ -1,10 +1,12 @@
 
 /*
- * text styles
+ * text styles TDE 3.5.13.2
  */
 
 img {margin: 0px; padding: 0px}
-body {margin: 0px; padding: 0px; background-color: #418ade;}
+body {margin: 0px; padding: 0px; background-color: #418ade; background-image: url(back.png); -khtml-background-size: 100%; color: #111111; height="100%"; width="100%" }
+
+
 .bar_text a {color: #008;}
 
 #subtext {
@@ -23,8 +25,6 @@ body {margin: 0px; padding: 0px; background-color: #418ade;}
  */
 
 #header {
-  background-image: url(top-middle.png);
-  width: 100%;
   height: 131px;
 }
 
@@ -37,34 +37,45 @@ body {margin: 0px; padding: 0px; background-color: #418ade;}
   z-index: 1;
 }
 
+#headerCenter {
+  background-image: url(top-middle.png);
+  width: 100%;
+  position:absolute;
+  right:430px;
+  top:0px;
+   height: 131px;
+}
+
 #headerR {
   position: absolute;
+  top:0px;
   right: 0px;
 }
 
+
 /* title and tagline are part of the header diff */
 #title {
   position: absolute;
-  top: 63px;
-  right: 100px;
+  top: 65px;
+  left: 140px;
   margin-top: -1em;
-  text-align: right;
+  text-align: left;
   font-size: xx-large;
   font-weight: bold;
-  text-shadow: #fff 0px 0px 5px;
-  color: #444;
+  text-shadow: #000000 1px 1px 5px;
+  color: #fff;
   z-index: 5;
 }
 
 #tagline {
   position: absolute;
-  top: 70px;
-  right: 100px;
-  text-align: right;
+  top: 67px;
+  left: 140px;
+  text-align: left;
   font-size: large;
   font-weight: bold;
-  text-shadow: #fff 0px 0px 5px;
-  color: #444;
+  text-shadow: #000000 1px 1px 1px;
+  color: #fff;
   z-index: 5;
 }
 
@@ -73,20 +84,95 @@ body {margin: 0px; padding: 0px; background-color: #418ade;}
  */
 
 #bar {
+  width: 90%;
+  margin-left: 5%;
+  margin-right: 5%;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  
+}
+
+#barT {
+  width: 100%;
+  height: 22px;
+}
+
+#barTL {
+  width: 25px;
+  height: 22px;
+  float: left;
+  background-image: url(box-top-left.png);
+}
+
+#barTR {
+  width: 25px;
+  height: 22px;
+  float: right;
+  background-image: url(box-top-right.png);
+}
+
+#barTC {
+  height: 22px;
+  margin-left: 25px;
+  margin-right: 25px;
+  background-image: url(box-top-middle.png);
+  -khtml-background-size: 100%;
+}
+
+#barL {
+  background-image: url(box-middle-left.png);
+  background-repeat: repeat-y;
+  background-position: left;
+  padding-left: 25px;
+}
+
+#barR {
+  background-image: url(box-middle-right.png);
+  background-repeat: repeat-y;
+  background-position: right;
+  padding-right: 25px;
+}
+
+#barB {
   width: 100%;
-  background-color: #5babe5;
-  padding-top: 0.5ex;
-  border-bottom: 1px solid black;
-  padding-bottom: 0.5ex;
+  height: 22px;
+}
+
+#barBL {
+  width: 25px;
+  height: 22px;
+  float: left;
+  background-image: url(box-bottom-left.png);
+}
+
+#barBR {
+  width: 25px;
+  height: 22px;
+  float: right;
+  background-image: url(box-bottom-right.png);
+}
+
+#barBC {
+  height: 22px;
+  margin-left: 25px;
+  margin-right: 25px;
+  background-image: url(box-bottom-middle.png);
+  -khtml-background-size: 100%;
+  background-repeat: no-repeat;
 }
 
 #barCenter {
+  background-image: url(box-center.png);
+  background-position: center;
+  background-repeat: no-repeat;
+  -khtml-background-size: 100%;
   text-align: center;
   color: #282828;
   font-weight: bold;
   font-size: small;
 }
 
+
 #barCenter a.selected, #barCenter a.selected:hover {
   color: #282828;
   text-decoration: none;
@@ -116,9 +202,10 @@ body {margin: 0px; padding: 0px; background-color: #418ade;}
 }
 
 #barCenter li:not(:first-child):before { /* Aren't css3 selectors great? */
-  content: " · ";
+  content: " \0387  ";
 }
 
+
 /*
  * the main box
  */
@@ -155,19 +242,21 @@ body {margin: 0px; padding: 0px; background-color: #418ade;}
   margin-left: 25px;
   margin-right: 25px;
   background-image: url(box-top-middle.png);
-  background-repeat: repeat-x;
+  -khtml-background-size: 100%;
 }
 
 #boxL {
   background-image: url(box-middle-left.png);
   background-repeat: repeat-y;
   background-position: left;
-  padding-left: 20px;
+  padding-left: 25px;
 }
 
 #boxCenter {
-  background-color: #dfe7f3;
+  background-image: url(box-center.png);
   background-position: center;
+  background-repeat: no-repeat;
+  -khtml-background-size: 100%;
   text-align: left;
 }
 
@@ -175,7 +264,7 @@ body {margin: 0px; padding: 0px; background-color: #418ade;}
   background-image: url(box-middle-right.png);
   background-repeat: repeat-y;
   background-position: right;
-  padding-right: 20px;
+  padding-right: 25px;
 }
 
 #boxB {
@@ -202,7 +291,8 @@ body {margin: 0px; padding: 0px; background-color: #418ade;}
   margin-left: 25px;
   margin-right: 25px;
   background-image: url(box-bottom-middle.png);
-  background-repeat: repeat-x;
+  -khtml-background-size: 100%;
+  background-repeat: no-repeat;
 }
 
 /*
diff --git a/libtdepim/about/kde_infopage_rtl.css b/libtdepim/about/kde_infopage_rtl.css
old mode 100644
new mode 100755
diff --git a/libtdepim/about/top-left.png b/libtdepim/about/top-left.png
old mode 100644
new mode 100755
index c97114a7..b7cd4ceb
Binary files a/libtdepim/about/top-left.png and b/libtdepim/about/top-left.png differ
diff --git a/libtdepim/about/top-middle.png b/libtdepim/about/top-middle.png
index bb3fe742..2fba30b2 100644
Binary files a/libtdepim/about/top-middle.png and b/libtdepim/about/top-middle.png differ
