body
{
    text-align: center;
    font-family: Arial, Verdana, MS Serif;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    background-color: #D8D8D8;
}
body
{
    text-align:-moz-center;
}
#wrap
{
    width:1024px;
    text-align:left;
    background-color:#EBEAE6;
    margin:auto;
}
#header
{
    height:135px;
    padding-top:100px;
    background-color:#574E47;
    text-align:center;
}
#header
{
    text-align:-moz-center;
}
#logo a
{
    cursor:pointer;
    margin:auto;
}
#logo a img
{
    border:none;
}
.pageTable
{
    width:100%;
    height:500px;
    border-collapse:collapse;
}
.pageTable td
{
    vertical-align:top;
    text-align:left;
}
.pageTable td.tdContent
{
    padding:0px;
}
#menu
{
    margin-top:25px;
}
#menu { 
} 
#menu ul { 
    text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */ 
    margin: 0px; /* Just some margin to align the blue border below the menu */ 
    padding:0px;
} 
#menu li { 
    display: inline; /* Menu links are horizontally aligned using display: inline */ 
} 
#menu li a { 
    padding-top: 7px;
    padding-bottom:7px;
    color: #ffffff; 
    text-decoration: none; 
} 
#menu li + li a
{
    margin-left:15px;
}
<!--[if lte IE 6]>
    #menu li
    {
        margin-left:15px;
    }
<![endif]-->
#content
{
    padding:0px;
}
#footer
{
    border-top:solid 1px #CC3300;
    text-align:center;
    padding:10px 0px;
    font-size:10px;
    color:#8B8E8C;
}
#footer a
{
    text-decoration:none;
    font-size:10px;
    color:#8B8E8C;
}
.music
{
    width:1024px;
    text-align:left;
    margin:0px auto;
}