The black area is the outermost container. It is applied in the section element of the page and contrains all the elements within it. /* defines the first box in the upper left */
Container Box with absolute positioning of top 0px and left 0px

Inner (Child) Box 1 with absolute positioning of top 30px and left 10px (the positioning is from the top and left edge of the container box)

/* defines the first box in the second row */
Container Box 2 with absolute positioning of top 235px and left 5px. The width setting was changed to 627px

Inner (Child)  Box 2 with absolute positioning of top 30px and left 10px and a width change to 500px (the positioning is from the top and left edge of the container box)

/* defines the middle box in the first row */
Container Box 3 with absolute positioning of top 0px and left 322px

Inner (Child) Box 3 with absolute positioning of top 30px and left 10px (the positioning is from the top and left edge of the container box)

Container Box 4 with absolute positioning of top 0px, left 645px and a width setting of 174px, height:455px

Inner  (Child) Box 4 with absolute positioning of top 106px, left 5px and a width set to 87px and height to 270px (the positioning is from the top and left edge of the container box)