#horizontalwrap {
 /* this is only for show*/
/* Following is the way to stack things dynamically */
	display: inline; white-space:nowrap; position:absolute; height:100%; 
}

#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 100%;
	height: 550px;
	overflow: auto;
	overflow-x: hidden;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;

}

#galleryLEFTBOX { float:left; overflow:hidden; width:30%;}
#galleryRIGHTBOX { float:left; overflow:hidden; width:70%;  }

#horizontalwrap ul.rowONE{ padding:0px; margin:0px; list-style:none; height:33%;}
#horizontalwrap ul.rowONE li{ display: inline; width:325px; margin-right:1px; height:100%; overflow:hidden;}
#horizontalwrap ul.rowONE li img{ max-width:100%; max-height:100%;}

#horizontalwrap ul.rowTWO{ padding:0px; margin:0px; list-style:none; height:33%;}
#horizontalwrap ul.rowTWO li{ display: inline; width:485px; margin-right:1px; height:100%; overflow:hidden;}
#horizontalwrap ul.rowTWO li img{ max-width:100%; max-height:100%;}

#horizontalwrap ul.rowTHREE{ padding:0px; margin:0px; list-style:none; height:33%;}
#horizontalwrap ul.rowTHREE li{ display: inline; width:325px; margin-right:1px; height:100%; overflow:hidden;}
#horizontalwrap ul.rowTHREE li img{ max-width:100%; max-height:100%;}