diff --git a/app/assets/stylesheets/templates.css.scss b/app/assets/stylesheets/templates.css.scss
index 30dbd1ac..c65399da 100644
--- a/app/assets/stylesheets/templates.css.scss
+++ b/app/assets/stylesheets/templates.css.scss
@@ -94,4 +94,45 @@
 	  border: 1px solid #ddd;
 	  border-radius: 5px 5px 5px 5px;
 	}
-}
\ No newline at end of file
+}
+
+.centered_box {
+  @include standard_box;
+}
+
+.centered_box_100 {
+  margin-left: auto;
+  margin-right: auto;
+  width: 100px;
+  @include standard_box;
+}
+.centered_box_200 {
+  margin-left: auto;
+  margin-right: auto;
+  width: 200px;
+  @include standard_box;
+}
+.centered_box_300 {
+  margin-left: auto;
+  margin-right: auto;
+  width: 300px;
+  @include standard_box;
+}
+.centered_box_400 {
+  margin-left: auto;
+  margin-right: auto;
+  width: 400px;
+  @include standard_box;
+}
+.centered_box_500 {
+  margin-left: auto;
+  margin-right: auto;
+  width: 500px;
+  @include standard_box;
+}
+.centered_box_640 {
+  margin-left: auto;
+  margin-right: auto;
+  width: 640px;
+  @include standard_box;
+}
diff --git a/db/seeds.rb b/db/seeds.rb
index a86602f6..259253b4 100644
--- a/db/seeds.rb
+++ b/db/seeds.rb
@@ -115,7 +115,7 @@
 end
 
 
-for width in [100,200,300,400,500]
+for width in [100,200,300,400,500,640]
   default_component = PageTemplate.find_or_create_by(name: "Component: float-left-box (#{width}px)")
   default_component.css_class = "component_float_left_#{width.to_s}"
   default_component.html_template = "BODY"
@@ -125,6 +125,11 @@
   default_component.css_class = "component_float_right_#{width.to_s}"
   default_component.html_template = "BODY"
   default_component.save!
+
+  default_component = PageTemplate.find_or_create_by(name: "Component: centered_box_(#{width}px)")
+  default_component.css_class = "centered_box_#{width.to_s}"
+  default_component.html_template = "BODY"
+  default_component.save!
 end
 
 default_component = PageTemplate.find_or_create_by(name: 'Component: clear-left')