wdh

It looks more like an e-mail newsletter I would receive rather than a website.
Im not sure why you have got "pictures of the royals" and then "more pictures of the royals", just have "The Royals" then you can have their articles and pictures all in one place.
Also, if you look at any news websites, they have an article headline with a picture then maybe a small summary. It looks like you have two full stories there. Think about just having small snippets for each story.
Your design overall is also quite boring, I think if I had gone on to your site as it is now, I wouldn't return the next day. It consists of a big block of colour at the top with some pixilated text, then a block of colour at the moment. Take a look at some inspiration online and see how to create a professional minimal design if that is what you are looking for.

You can tell him that you are currently extremely busy and you will get back to him soon . . .
If he then keeps coming back, tell him that due to the volume of work you currently have you will have to start charging £x amount per hour for any additional work. Although if you just want him to go away and never come back, you can say it how it is although that may give you a bad name.

http://www.onextrapixel.com/2011/03/08/how-to-code-a-wordpress-3-0-theme-from-scratch/
 
A good tutorial I used for my first template, you can build it as you would a normal website and then use the tutorial to split it up into the relevant sections.
 
And as above for working offline.

100% height will only work if the parent tag has a height defined, which I'm guessing is the body tag in your case. By default, the body tag has a height value of "auto". Having 100% of "auto" is impossible which is the reason why nothing is appearing. There are a lot of things you can do here.
 
I'd personally assign the div with a "height" (or preferably a "min-height") of 768px and then use javascript to get the divs to fill the screen vertically.
 
Using "min-height" requires a "hack" to function in some versions of IE.
 
You could also apply the following to the div to make it fill the entire screen:
 

div{ position:absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }
 
However, this only allows for one div in total. Having two of these would simply overlap because of absolute positioning
 
 
I admit, I'm in a rush so forgive me if it's obvious this was typed in a hurry. However, to accomplish what you're attempting, you'll most likely need some javascript.

I think it has the potential to look very nice, a few little things I have noticed though.
The "Designer" text at the top under your name looks out of place
This could be because the whole site seems aligned towards the left, maybe add some padding to move everything in a little bit.
Your footer also doesn't cover the whole width of the site, i get up to "anthon" and the blue stops as does the rest of the footer.
In the work section, at least half of the pictures when you open up the project appear out of proportion, either stretched or squashed. The others don't quite spam the whole width of the site, sitting tight against the left hand side with no padding but then appearing to have padding on the right.
I like the Services page, and this is also the only one where the footer appears correctly.
Contact pages is ok, I'm not sure if I like the underlined words for the contact form though, other than that the only other thing is the footer not displaying properly.
 
I am viewing this on an iPad but it should still display the site correctly.

I'm not sure I see the point of this. First off it looks like you using a stock blogspot template, I'm not sure what you have done to this, changed the colour and some hideous font perhaps? Also I thought I would copy and paste some articles from your home page and tutorial page, and EVERY one I googled came back pretty much word for word with hundreds of others. I don't think this is coincidence, if your going to do a tutorial website then do the work yourself, don't copy and paste others work with no recognition for the original author as far as I see.
 
I think you need to go back to the drawing board, Either create your own blog/cms template or build a site purely of HTML/CSS if your the only one who will be updating it. Give your site a unique feel, and a reason for people to visit it. Then you can start creating your OWN tutorials and articles, from your head and not copied from the Internet.

I'm not sure I see the point of this. First off it looks like you using a stock blogspot template, I'm not sure what you have done to this, changed the colour and some hideous font perhaps? Also I thought I would copy and paste some articles from your home page and tutorial page, and EVERY one I googled came back pretty much word for word with hundreds of others. I don't think this is coincidence, if your going to do a tutorial website then do the work yourself, don't copy and paste others work with no recognition for the original author as far as I see.
 
I think you need to go back to the drawing board, Either create your own blog/cms template or build a site purely of HTML/CSS if your the only one who will be updating it. Give your site a unique feel, and a reason for people to visit it. Then you can start creating your OWN tutorials and articles, from your head and not copied from the Internet.

http://www.onextrapixel.com/2011/03/08/how-to-code-a-wordpress-3-0-theme-from-scratch/
 
I used the link above to get the basics from then built from there. Thanks for the comments, there is a lot I would change but this was just to get my eye in. I have plans for my next so I may put that one up as well.
 
As for the nav, I will try that later and see how it goes.

Try adding overflow:hidden; to .section

First off, please change your text color, the blue is very hard to read. The same for your navigation, perhaps a different font as well. Your page also does'nt validate so you may want to sort that out before you carry on.
Its a nice simple template to build from though, if its a portfolio for yourself you might want to move the "Latest Project" section up to sit by the side of your main text on the homepage as i completely missed it first time round.