#simplescrollgallerycontainer {
width:600px; /* width of the gallery */
height: 440px; /* height of the gallery */
overflow:auto;
font-family: Arial; /* font */
font-size: 12px; /* font size */
color:#ffffff; /* font color */
text-align:justify; /* alignment */
background:#000000; /* per default the background is set to transparent but you may also change it to black #000000 white #ffffff or any color */
}
#simplescrollgallery {
width:6300px; /* this is the width of the inner div, set it to equal the width of all images and margins together */
height:380px; /* this is the height of teh inner div, equals the height of the gallery minus some space for the scrollbar, about 30px */
margin-left:7px;
}
.scrollimgcontainer {
float:left;
margin-left:10px; /* via margin left and right you define the empty space between the images */
margin-right:10px; /* via margin left and right you define the empty space between the images */
margin-top:10px; /* via margin top you define the empty space between the top of the gallery and the images */
}
.scrollimgcontainervertical {
width: 262px; /* equals the width of vertical images */
}
.scrollimgcontainerhorizontal {
width: 466px; /* equals the width of horizontal images */
}
.scrollimg {
border-width:3px; /* defines the width of the border surrounding the images set to 0 for none */
border-color:#ffffff; /* defines the color of the border surrounding the images */
border-style:solid; /* defines the style of the border surrounding the images */
margin-bottom:0px; /* defines the empty space bewteen the image and its description */
}
.scrollimgreflect {
-webkit-box-reflect:below 2px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.85, transparent), to(#fff)); /* with below 2px you define the amount of space bewteen the image and the reflection. With .85, transparent you define the size of the reflection: the lower the number the greater the size. */
z-index:5;
}
img.vertical {
width: 262px; /* defines the width of vertical images */
height:350px; /* defines the height of vertical images */
}
img.horizontal {
width: 466px; /* defines the width of horizontal images */
height:350px; /* defines the width of vertical images */
}
.imgdescription {
font-family: Arial; /* font for the description */
font-size: 11px; /* font size for the description */
color:#ffffff; /* font color for the description */
text-align:justify; /* alignment for the description */
margin-left:10px; /* via margin left and right you define the empty space between the border of the image container and the description */
margin-right:10px; /* via margin left and right you define the empty space between the border of the image container and the description */
z-index:10;
}

/* Please visit http://websitefaq.org/site/basic-html-code-knowledge/ for Basic HTML Code knowledge to know what to type in the various parameters */