Can someone help me please????

[johnny_claude20]

Hi
I don't know much about web design or working with html, css, xml. However i'm trying to build my website and my host is one.com. I didn't like the templates they offered on their website so I downloaded a free template from the internet in .css format and uploaded the files into one.com. The problem that I have is when I edit this free template using one.com webeditor and then publish, I see that the content of the whole website shifts left(not centered anymore) I asked one.com about the problem and they told me that the template(css format) isn't compatible with their webeditor and to have everything centered I need to edit the file as an html and then upload it into one.com. Can anyone help me have all the content centered please by editing the html for my website??
I use internet explored 8
thank u very much
heres my website: www.inspiresouls.com

css file


/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
margin: 0px;
padding: 0px;
}

a{
color: #b22d00;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
text-decoration:none;
}

a:hover {
text-decoration: none;
color: #000000;
}

body{
background: url(images/bg_all.jpg);
background-repeat:repeat-y;
background-position: top center;
background-color: #282828;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #464646;
}

#content{
margin: 0 auto;
width: 1014px;
text-align: left;
}

#content_bg{
background: url(images/con_bg.jpg);
background-repeat:no-repeat;
background-position:top center;
}

#main{
width: 1000px;
margin: 0 auto;
clear:both;
margin-top: 19px;
}

#header {
height: 145px;
width: 1014px;
}

#logo {
text-align: right;
width: 770px;
padding-left: 50px;
padding-top: 20px;
}


#logo a {
text-decoration: none;
text-transform: lowercase;
font-style: italic;
font-size: 18px;
color: #ffffff;
}
#logo H2 a{
font-size: 12px;
}

#menu{
width: 1009px;
height: 40px;
padding-right:5px;
border-bottom: 5px solid #ffffff;

}

#menu ul {
float:right;
list-style: none;
}

#menu li {
display: inline;

}

#menu a {
font-family: Georgia, "Times New Roman", Times, serif;
float: left;
width: 110px;
height: 25px;
display: block;
text-align: center;
text-decoration: none;
color: #ffffff;
font-weight: normal;
padding-top: 15px;
font-size: 16px;
background: url(images/menubg.png);
background-repeat:no-repeat;
background-position:left bottom;
margin-right: 2px;
}

#menu a:hover{
width: 110px;
height: 25px;
background: url(images/menuhov.png);
background-repeat:no-repeat;
background-position:left bottom;
text-decoration: none;
}

#left{
width: 540px;
margin-left: 5px;
}

#left p{
color: #ffffff;
padding-bottom: 10px;
}

#left a{
font-weight:bold;
color: #a1a1a1;
}

H3{
font-family: Arial, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: normal;
color: #a1a1a1;
padding-bottom: 10px;
padding-left: 2px;
padding-top: 5px;
}

#right{
float: right;
width: 439px;
margin-right: 5px;
}

#right_top{
background: url(images/right_top.png);
background-repeat:no-repeat;
background-position:top;
height: 10px;
}

#right_bg{
background: url(images/right_bg.png);
background-repeat:repeat-y;
background-position:center;
padding-left: 16px;
padding-right: 16px;
}

#right_bot{
background: url(images/right_bot.png);
background-repeat:no-repeat;
background-position:top;
height: 10px;
}

#right H4{
font-family: Arial, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: normal;
color: #910000;
padding-bottom: 10px;
}

.read{
text-align:right;
background: url(images/read.png);
background-repeat:no-repeat;
background-position:right bottom;
height: 15px;
}

.read a{
color: #ffffff;
font-weight:normal;
padding-right: 7px;
}

#right p {
margin: 0;
padding: 0;
padding-bottom: 10px;
}

#cen_top{
background: url(images/cen_top.png);
background-repeat:no-repeat;
background-position:top;
height:9px;
width: 1000px;
}

#cen_bg{
background: url(images/cen_bg.png);
background-repeat:repeat-y;
padding-bottom: 10px;
}

#cen_bot{
background: url(images/cen_bot.png);
background-repeat:no-repeat;
background-position:top;
height:9px;
}

#col1{
float:left;
width: 321px;
padding-left: 8px;
padding-right: 5px;
}

#col2{
float:left;
width: 321px;
padding-left: 7px;
padding-right: 5px;

}

#col3{
float:left;
width: 321px;
padding-left: 3px;
padding-right: 5px;

}

h5{
background: url(images/cen_title.png);
background-repeat:no-repeat;
background-position:top;
font-family: Arial, "Times New Roman", Times, serif;
font-weight:bold;
font-size: 12px;
color: #910000;
padding-left: 20px;
height: 17px;
width: 302px;
margin-bottom: 10px;
text-decoration: underline;
}

#footer {
height: 50px;
padding-top: 18px;
clear: both;
background: url(images/footer.jpg);
background-repeat:repeat-x;
background-position:top;
margin-top: 10px;
}

#footer p {
margin: 0;
font-size: 10px;
text-align: center;
color: #ffffff;
}

#footer a {
color: #ffffff;
font-weight: normal;
}