How to change the width of my page

Can anyone help? I have a GVO theme and my header doesn’t line up with my page. I’ve tried to change everything that has a pixel width in it but it won’t budge. Here’s the code I’m looking at and presume it’s somewhere in there. The site is pureleverage-complete-review.com

[ Moderator Note: Please post code or markup snippets between backticks or use the code button. ]

html, body {
  margin: 0;

}

*html #wrapper {overflow: hidden;}
*html #navigation {overflow: hidden;}
*html #extra {overflow: hidden;}

body {
  font: 76% "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
  text-align: center;

}

p {
  margin: 0 10px 10px;
}

#header{background-color:#fff;}
#container{text-align:left}
#content{line-height:1.6; padding-left: 20px;}
#navigation{background:#fff}
#extra{background:#fff}
#footer{background: #333;color: #FFF}
#footer p{margin:0;padding:5px 10px}

#container{width:980px;margin:0 auto;}
#wrapper{float:left;width:100%;background-color:#fff;min-height:600px;height:100%;}
#navigation{float:left;width:200px;margin-left:-200px;min-height:600px;height:100%;}
#extra{float:left;width:150px;margin-left:-980px;padding-left:20px;min-height:600px;height:100%;}
#footer{clear:left;width:100%;}

div.maintop {}
div.maintop h1 {
  font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
  font-weight:bold;
  font-size: 16pt;
  margin-bottom: 5px;
}