Web Design Ok new problem

http://www.c00lcrap.com-a.googlepages.com/index2.html

Ok heres the deal I researched and found the answer to my own question maybe Ill get this one too but just in case. Alright if you look at the site my nav buttons the first like 6 have a gray background and not the red like the last 3 or 4 do any ideas why? Also you can notice the page is set to the left and the template I guess wasnt design for the full screen so instead of having the right a huge block of red how would I center the main part of the page and put like two silver bars on the right and left side of the page kinda like how this forum has the blue and white stripes on the right and left of it.

Thanks for the help

 

Ok, the centering thing is very easy, in the body {} section add the following:
text-align:center;
As for the other problems I will take a look at it and see if there is something that would be an easy fix that you can do.

 

Ok also in your css you have
#mainnav {
width: 775px;
height: 45px;
background: url('http://www.c00lcrap.com-a.googlepages.com/es/headernav_bg.jpg') repeat-x 0% 0%;
overflow: hidden;
}
It seems you need to remove the /es/ from the code as well and extend your width out to fit the entire page.

Also, I forgot to mention that for the "silver bars" on the left and right of your template you just need to set the background color of the actual body to a silver color. That would give you silver on both sides of the site. So for example you could put:
body {
color: #fff;
background-color: #999999;
font-family: verdana, arial, sans-serif;
font-size: 10px;
line-height: 15px;
text-align: left;
}

 

For one Your awesome

Just so you know. Thank you very much. Umm it didnt center it and put the silver on the left and right. So instead you said that I could just extend the width so the entire template fills the page I tried changing the width from 775 to 800 but that didnt work.