diff --git a/layouts/ds_2col/ds_2col-rtl.css b/layouts/ds_2col/ds_2col-rtl.css
new file mode 100644
index 0000000..72d7c9e
--- /dev/null
+++ b/layouts/ds_2col/ds_2col-rtl.css
@@ -0,0 +1,8 @@
+
+.group-left {
+  float: right;
+}
+
+.group-right {
+	float: right;
+}
diff --git a/layouts/ds_2col/ds_2col.css b/layouts/ds_2col/ds_2col.css
index 28b230c..6b5f94f 100644
--- a/layouts/ds_2col/ds_2col.css
+++ b/layouts/ds_2col/ds_2col.css
@@ -1,10 +1,10 @@
 
 .group-left {
-  float: left;
+  float: left; /* LTR */
   width: 50%;
 }
 
 .group-right {
-	float: left;
+	float: left; /* LTR */
   width: 50%;
 }
diff --git a/layouts/ds_2col_stacked/ds_2col_stacked-rtl.css b/layouts/ds_2col_stacked/ds_2col_stacked-rtl.css
new file mode 100644
index 0000000..962bf69
--- /dev/null
+++ b/layouts/ds_2col_stacked/ds_2col_stacked-rtl.css
@@ -0,0 +1,8 @@
+
+.group-left {
+  float: right;
+}
+
+.group-right {
+  float: left;
+}
diff --git a/layouts/ds_2col_stacked/ds_2col_stacked.css b/layouts/ds_2col_stacked/ds_2col_stacked.css
index f50c4c7..d4898ae 100644
--- a/layouts/ds_2col_stacked/ds_2col_stacked.css
+++ b/layouts/ds_2col_stacked/ds_2col_stacked.css
@@ -3,12 +3,12 @@
 }
 
 .group-left {
-  float: left;
+  float: left; /* LTR */
   width: 50%;
 }
 
 .group-right {
-  float: right;
+  float: right; /* LTR */
   width: 50%;
 }
 
diff --git a/layouts/ds_2col_stacked_fluid/ds_2col_stacked_fluid-rtl.css b/layouts/ds_2col_stacked_fluid/ds_2col_stacked_fluid-rtl.css
new file mode 100644
index 0000000..962bf69
--- /dev/null
+++ b/layouts/ds_2col_stacked_fluid/ds_2col_stacked_fluid-rtl.css
@@ -0,0 +1,8 @@
+
+.group-left {
+  float: right;
+}
+
+.group-right {
+  float: left;
+}
diff --git a/layouts/ds_2col_stacked_fluid/ds_2col_stacked_fluid.css b/layouts/ds_2col_stacked_fluid/ds_2col_stacked_fluid.css
index 8d98863..818b3a2 100644
--- a/layouts/ds_2col_stacked_fluid/ds_2col_stacked_fluid.css
+++ b/layouts/ds_2col_stacked_fluid/ds_2col_stacked_fluid.css
@@ -3,12 +3,12 @@
 }
 
 .group-left {
-  float: left;
+  float: left; /* LTR */
   width: 50%;
 }
 
 .group-right {
-  float: right;
+  float: right; /* LTR */
   width: 50%;
 }
 
diff --git a/layouts/ds_3col/ds_3col-rtl.css b/layouts/ds_3col/ds_3col-rtl.css
new file mode 100644
index 0000000..bc3b22b
--- /dev/null
+++ b/layouts/ds_3col/ds_3col-rtl.css
@@ -0,0 +1,12 @@
+
+.group-left {
+  float: right;
+}
+
+.group-middle {
+  float: right;
+}
+
+.group-right {
+  float: left;
+}
diff --git a/layouts/ds_3col/ds_3col.css b/layouts/ds_3col/ds_3col.css
index 73775f2..e147fee 100644
--- a/layouts/ds_3col/ds_3col.css
+++ b/layouts/ds_3col/ds_3col.css
@@ -1,15 +1,15 @@
 
 .group-left {
   width: 25%;
-  float: left;
+  float: left; /* LTR */
 }
 
 .group-middle {
   width: 50%;
-  float: left;
+  float: left; /* LTR */
 }
 
 .group-right {
   width: 25%;
-  float: right;
+  float: right; /* LTR */
 }
\ No newline at end of file
diff --git a/layouts/ds_3col_equal_width/ds_3col_equal_width-rtl.css b/layouts/ds_3col_equal_width/ds_3col_equal_width-rtl.css
new file mode 100644
index 0000000..bc3b22b
--- /dev/null
+++ b/layouts/ds_3col_equal_width/ds_3col_equal_width-rtl.css
@@ -0,0 +1,12 @@
+
+.group-left {
+  float: right;
+}
+
+.group-middle {
+  float: right;
+}
+
+.group-right {
+  float: left;
+}
diff --git a/layouts/ds_3col_equal_width/ds_3col_equal_width.css b/layouts/ds_3col_equal_width/ds_3col_equal_width.css
index a810d13..60643a1 100644
--- a/layouts/ds_3col_equal_width/ds_3col_equal_width.css
+++ b/layouts/ds_3col_equal_width/ds_3col_equal_width.css
@@ -1,15 +1,15 @@
 
 .group-left {
   width: 33%;
-  float: left;
+  float: left; /* LTR */
 }
 
 .group-middle {
   width: 34%;
-  float: left;
+  float: left; /* LTR */
 }
 
 .group-right {
   width: 33%;
-  float: right;
+  float: right; /* LTR */
 }
\ No newline at end of file
diff --git a/layouts/ds_3col_stacked/ds_3col_stacked-rtl.css b/layouts/ds_3col_stacked/ds_3col_stacked-rtl.css
new file mode 100644
index 0000000..bc3b22b
--- /dev/null
+++ b/layouts/ds_3col_stacked/ds_3col_stacked-rtl.css
@@ -0,0 +1,12 @@
+
+.group-left {
+  float: right;
+}
+
+.group-middle {
+  float: right;
+}
+
+.group-right {
+  float: left;
+}
diff --git a/layouts/ds_3col_stacked/ds_3col_stacked.css b/layouts/ds_3col_stacked/ds_3col_stacked.css
index a780fd9..986f943 100644
--- a/layouts/ds_3col_stacked/ds_3col_stacked.css
+++ b/layouts/ds_3col_stacked/ds_3col_stacked.css
@@ -5,17 +5,17 @@
 
 .group-left {
   width: 25%;
-  float: left;
+  float: left; /* LTR */
 }
 
 .group-middle {
   width: 50%;
-  float: left;
+  float: left; /* LTR */
 }
 
 .group-right {
   width: 25%;
-  float: right;
+  float: right; /* LTR */
 }
 
 .group-footer {
diff --git a/layouts/ds_3col_stacked_equal_width/ds_3col_stacked_equal_width-rtl.css b/layouts/ds_3col_stacked_equal_width/ds_3col_stacked_equal_width-rtl.css
new file mode 100644
index 0000000..bc3b22b
--- /dev/null
+++ b/layouts/ds_3col_stacked_equal_width/ds_3col_stacked_equal_width-rtl.css
@@ -0,0 +1,12 @@
+
+.group-left {
+  float: right;
+}
+
+.group-middle {
+  float: right;
+}
+
+.group-right {
+  float: left;
+}
diff --git a/layouts/ds_3col_stacked_equal_width/ds_3col_stacked_equal_width.css b/layouts/ds_3col_stacked_equal_width/ds_3col_stacked_equal_width.css
index 2cc8b33..f1330eb 100644
--- a/layouts/ds_3col_stacked_equal_width/ds_3col_stacked_equal_width.css
+++ b/layouts/ds_3col_stacked_equal_width/ds_3col_stacked_equal_width.css
@@ -5,17 +5,17 @@
 
 .group-left {
   width: 33%;
-  float: left;
+  float: left; /* LTR */
 }
 
 .group-middle {
   width: 34%;
-  float: left;
+  float: left; /* LTR */
 }
 
 .group-right {
   width: 33%;
-  float: right;
+  float: right; /* LTR */
 }
 
 .group-footer {
diff --git a/layouts/ds_3col_stacked_fluid/ds_3col_stacked_fluid-rtl.css b/layouts/ds_3col_stacked_fluid/ds_3col_stacked_fluid-rtl.css
new file mode 100644
index 0000000..bc3b22b
--- /dev/null
+++ b/layouts/ds_3col_stacked_fluid/ds_3col_stacked_fluid-rtl.css
@@ -0,0 +1,12 @@
+
+.group-left {
+  float: right;
+}
+
+.group-middle {
+  float: right;
+}
+
+.group-right {
+  float: left;
+}
diff --git a/layouts/ds_3col_stacked_fluid/ds_3col_stacked_fluid.css b/layouts/ds_3col_stacked_fluid/ds_3col_stacked_fluid.css
index f9df946..43f3d8f 100644
--- a/layouts/ds_3col_stacked_fluid/ds_3col_stacked_fluid.css
+++ b/layouts/ds_3col_stacked_fluid/ds_3col_stacked_fluid.css
@@ -5,12 +5,12 @@
 
 .group-left {
   width: 25%;
-  float: left;
+  float: left; /* LTR */
 }
 
 .group-middle {
   width: 100%;
-  float: left;
+  float: left; /* LTR */
 }
 
 .group-one-sidebar .group-middle {
@@ -23,7 +23,7 @@
 
 .group-right {
   width: 25%;
-  float: right;
+  float: right; /* LTR */
 }
 
 .group-footer {
diff --git a/layouts/ds_3col_stacked_html5/ds_3col_stacked_html5-rtl.css b/layouts/ds_3col_stacked_html5/ds_3col_stacked_html5-rtl.css
new file mode 100644
index 0000000..bc3b22b
--- /dev/null
+++ b/layouts/ds_3col_stacked_html5/ds_3col_stacked_html5-rtl.css
@@ -0,0 +1,12 @@
+
+.group-left {
+  float: right;
+}
+
+.group-middle {
+  float: right;
+}
+
+.group-right {
+  float: left;
+}
diff --git a/layouts/ds_3col_stacked_html5/ds_3col_stacked_html5.css b/layouts/ds_3col_stacked_html5/ds_3col_stacked_html5.css
index 10f5d54..115ab39 100644
--- a/layouts/ds_3col_stacked_html5/ds_3col_stacked_html5.css
+++ b/layouts/ds_3col_stacked_html5/ds_3col_stacked_html5.css
@@ -10,17 +10,17 @@ header, section, aside, footer{
 
 .group-left {
   width: 25%;
-  float: left;
+  float: left; /* LTR */
 }
 
 .group-middle {
   width: 50%;
-  float: left;
+  float: left; /* LTR */
 }
 
 .group-right {
   width: 25%;
-  float: right;
+  float: right; /* LTR */
 }
 
 .group-footer {
diff --git a/layouts/ds_4col/ds_4col-rtl.css b/layouts/ds_4col/ds_4col-rtl.css
new file mode 100644
index 0000000..565a930
--- /dev/null
+++ b/layouts/ds_4col/ds_4col-rtl.css
@@ -0,0 +1,16 @@
+
+.group-first {
+  float: right;
+}
+
+.group-second {
+  float: right;
+}
+
+.group-third {
+  float: right;
+}
+
+.group-fourth {
+  float: right;
+}
diff --git a/layouts/ds_4col/ds_4col.css b/layouts/ds_4col/ds_4col.css
index a77f6f1..366c528 100644
--- a/layouts/ds_4col/ds_4col.css
+++ b/layouts/ds_4col/ds_4col.css
@@ -1,20 +1,20 @@
 
 .group-first {
   width: 25%;
-  float: left;
+  float: left; /* LTR */
 }
 
 .group-second {
   width: 25%;
-  float: left;
+  float: left; /* LTR */
 }
 
 .group-third {
   width: 25%;
-  float: left;
+  float: left; /* LTR */
 }
 
 .group-fourth {
   width: 25%;
-  float: left;
+  float: left; /* LTR */
 }
\ No newline at end of file