Have managed to produce some examples of how it can display as a mobile page by stripping out some of the content, reducing the size of the graphics and removing the main navigation which is at the top of each Aydin Design page.The code is available for download but this is not a perfect mobile web page. Please feel free to do with as you wish.
The font size could still be reduced further, but to leave all the content on there would involve scrolling down at least 3 times on a phone.Its also slightly insane to start creating a mobile web page in the middle of the site, but has been useful to get a feel for some the CSS and graphic display that can be used. I think it will now be a useful step to try and start creating something from scratch.
So for Step 3, now going to try to create some mobile learning available as simple mobile web pages, considering purpose, objectives before getting anywhere near the code - this will be available on the site possibly tomorrow or asap. Any suggestions welcomed.