You currently have the Highlight section in the Morefoot template area, I recommend you move the highlight to the Page template area. The reason I suggest that is, the page class has a min-height in place of 400px, this is what is causing the gap between your features section and the highlight section.
So if you move the highlight to the page template area, it will be easier to position. If you prefer the highlight section in the morefoot area, then you will need to use custom CSS to reduce the page min-height for that page.
To this, on this page only, you can use the special body class for that page. To find this class, inspect your page using Firebug or your browsers web dev tools. It will look something like this:
You can then use this in your CSS to reduce the min-height that is applied to the dynamic-content ID. However, the CSS for this already contains a number of IDs so overriding it may be difficult.
So in my opinion, the best course of action is to move the highlight section to your page template area or add more content to that page, so that the min-height of 400px is no longer an issue.
One other alternative is to use different page templates for your pages. For example, your homepage would use template | default and the rest of your sites pages would use template | 1.