The red 'content' box is 250px wide, 70px high and is positioned absolutely 50% from the top - but it is given a negative top margin that is exactly half of its height, -35px. .

To get it to centre horizontally, it is positioned 50% from the left and has a negative left margin that is exactly half of its width, -125px.