http://page-test.co.uk/layout.html

Everything works perfect other than when the browser is <1000px. I want the sections in the order listed below instead (but keep 1000px+ the same):

MOBILE TOP NAV
CONTENT
ANOTHER SECTION
TOP NAV
LEFT NAV
LINKS
FOOTER

Also, I want it to default to the <1000px version if for example media queries is not supported. I suppose that means laying it out like the <1000px one and having CSS change it to fit the 1000px+ one, but I haven't changed it around yet as I want to see any advice first. I can change it around if that helps.