body {
margin: 0;
padding: 0;
background-image: url('http://www.artandsoulexclusive.com/images/fall/bg1.jpg');
background-position: 50% 0;
background-repeat: repeat;
background-attachment: fixed;
margin-top: 0;
}

div#wrapper {
width: 873px;
background-color: transparent;
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
padding: 0px;
border: 0px;
}

div#header {
width: 873px;
height: 292px;
padding: 0px;
margin: 0px;
text-align: center;
}

div#nav {
background-image: url('http://www.artandsoulexclusive.com/images/fall/mid.png');
width: 873px;
height:30px;
padding:-5px;
margin:0px;
}

div#main {
background-image: url('http://www.artandsoulexclusive.com/images/fall/mid.png');
margin-left: 0px;
margin-top: 0px;
padding: 15px;
}

div#descriptions {
padding: 0px 0px 5px 0px;
margin-left: 150px;
margin-right: 150px;
display: block;
}

div#footer {
background-image: url('http://www.artandsoulexclusive.com/images/fall/footer.png') no-repeat;
width: 873px;
height: 123px;
padding:0px;
margin: 0px;
text-align: center;
}

a:link {
text-decoration: none;
}

a:visited {
text-decoration: none;
}

a:hover {
text-decoration: underline;
color: #FF0000;
}

a:active {
text-decoration: none;
}

div#footer ul li{
color : #000000;
background-color : transparent;
display: inline;
}

div#footer ul li a{
color : #115EAC;
background-color : transparent;
text-decoration : none;
}

div#footer ul li a:hover{
text-decoration : underline;
}
<style type="text/css">

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

</style><!-- main stylesheet ends, CC with new stylesheet below... -->

<!--[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
</style>
<![endif]-->