aligning issues

I’m working on a wedding website here: [url]http://umwplacement.com/mikeandreg.html[/url]

On the bottom in the center, I’m trying to get the text centered and the button right aligned. Any help would be greatly appreciated. Thanks!

CSS:

[CODE]#centerSpan {
position:fixed;
bottom:0px;
left:210px;
right:210px;
height:40px;
color:#FFFFFF;
font-size:20px;
border: 1px solid #FFFFFF;
line-height: 50%;
}

#right {
text-align:right;
}

#centerfoot {
text-align:center;
}[/CODE]

[code=html]<span id=”centerSpan”><br /><span id=”centerfoot”><script type=”text/javascript”>
//<![CDATA[
countdown(1);
//]]>
</script></span><span id=”right”><input type=”button” value=”swith fonts” onclick=”switchFolders()” /></span></span>[/code]

Also in #CSS _↴