Padding for the body element has increased values

I am trying to make it so that i can get my body section in the middle of the page using padding etc. However for some reason the box it self is not going in the middle. I am not sure if i am doing it in the right way but when you see the code. The main bit is called "section" This is my main body where i will have all the text etc.

Main Code:

http://ift.tt/1P9p1Dg

As you can see. The blue box is still on the left hand side. I need it to be in the center of the page just like this:

  -----------------------------------------------
|    |                                 |       |                    
|-----------------------------------------------                        
|    |Logo                      Nav Bar|       |
|-----------------------------------------------                        
|    |                                 |       |                   
|    |                                 |       |                    
|    |               Body              |       |                
|    |                                 |       |                    
|    |                                 |       |                    
|-----------------------------------------------                        
|    |Logo                        Info |       |
|-----------------------------------------------                        
|    |                                 |       |                    
 -----------------------------------------------