diff --git a/app/views/portlets/render_public/_gallerycontent.html.haml b/app/views/portlets/render_public/_gallerycontent.html.haml
index 3ba29d4..ed27e2f 100644
--- a/app/views/portlets/render_public/_gallerycontent.html.haml
+++ b/app/views/portlets/render_public/_gallerycontent.html.haml
@@ -89,21 +89,16 @@
 
 
   -elsif input.style==1
-    .portlet.input
-      %table.gallery_images  
-        =raw "<tr>"
+    .rea-gal  
+    
+      - i = 0
+      -input.gallery_images.each do |gallery_images|
+        -if gallery_images.image_file
+          - i = i+1
       
-        - i = 0
-        -input.gallery_images.each do |gallery_images|
-          -if gallery_images.image_file
-            - i = i+1
-        
-            %td=link_to image_tag(gallery_images.image_file.file.large.medium.small.thumb.url, :alt => "#{gallery_images.title}"), gallery_images.image_file.file.large.url, :rel => "prettyPhoto"
-        
-            -if i % 4 == 0
-              =raw "</tr><tr>"
-        
-        
-        =raw "</tr>"
+          =link_to gallery_images.image_file.file.large.url, :style => "display:inline;" do
+            %div.with_ratio{:style => "display:inline-block;margin:5px;width:200px;;background:center center no-repeat;background-size:cover;background-image:url('#{gallery_images.image_file.file.large.medium.small.thumb.url}');", :data => {:ratio => "0.60"}}
+    .clear
+          
 
   
\ No newline at end of file
diff --git a/public/arrow-next.png b/public/arrow-next.png
new file mode 100755
index 0000000..17425bf
Binary files /dev/null and b/public/arrow-next.png differ
diff --git a/public/arrow-prev.png b/public/arrow-prev.png
new file mode 100755
index 0000000..efa0bc1
Binary files /dev/null and b/public/arrow-prev.png differ
diff --git a/public/close.png b/public/close.png
new file mode 100644
index 0000000..7c17fff
Binary files /dev/null and b/public/close.png differ