Original CSS

body {
background:url(images/bg.gif) repeat;
margin:0px;
padding:0px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}
p{
text-align:justify;
line-height:19px;
padding:0px;
margin:0px;
}
h2{
padding:0px 0 10px 0; margin:0px; color:#0000B2; font-size:20px; font-weight:normal;
}
.clear{
clear:both;
}
#wrap{
width:977px;
margin:20px auto auto auto;
}
.top_corner{
width:976px;
height:15px;
background:url() no-repeat center bottom;
}
#main_container{
width:977px;
background:url(images/center_bg_repeat.gif);
}
#header{
width:960px;
margin:auto;
height:120px;
}
#logo{
padding:10px 10px 0 20px;
float:left;
}
/*----------------------menu-------------------------*/
#menu{
width:400px;
float:right;
padding:50px 0 10px 0;
}
#menu ul{
list-style:none;padding:0px;margin:0px;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;padding:0px;font-size:12px;
}
#menu ul li a{
float:left;text-decoration:none;padding:0px 10px 0 10px; margin:0px 4px 0 4px;color:#000;text-align:center; height:31px; line-height:31px; 
}
#menu ul li a:hover{
background-color:#0000B2;color:#fff;
}
#menu ul li a.current{
float:left;text-decoration:none;padding:0px 10px 0 10px; margin:0px 4px 0 4px;color:#fff;text-align:center; height:31px; line-height:31px; background-color:#0000B2;
}

/*-----------------middle_banner----------------------------*/
.middle_banner{
width:977px;
height:304px;
background:url(images/middle_banner_bg.gif) no-repeat center;
}
/*----------------------slider---------------------------*/
.featured_slider { width:965px; margin:auto; float:left; margin:18px 0 0 6px; }
ul, li{
padding:0px;
margin:0px;
list-style:none;
}
/** ----------------------------------------------------- **/
#featured_border { position: relative; border: none; padding:0px; height:280px; margin: 0px; }
#featured_wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; }
#featured_images {
	position: absolute;
	left: -1px;
	top: -1px;
}
#featured_images li { float: left; }
#featured_positioner_desc { width:965px; height: 280px; position: absolute; top: 0px; left: 0px; }
#featured_wrapper_desc { width: 100%; height:280px; position: relative; overflow: hidden; }
#featured_desc {
	position: absolute;
	left: 0px;
	bottom: -1px;
	padding: 0px;
	margin: 0px;
}
#featured_desc li { width: 965px; float: left;padding:0px; margin:0px; }
#featured_desc li div { margin:0px 0 0px 0px; padding:10px; width:945px;  background: url(images/featured-desc-bg.png); }
#featured_desc li h2 {
color:#FFFFFF;
font-size:18px;
padding:0px 0 5px 0;
margin:0px; 
}
#featured_desc li p {
color:#FFFFFF;
font-size:12px;
padding:0px 0 10px 0;
margin:0px;
line-height:18px;
}

#featured_buttons {
	position: absolute;
	top: 7px;
	right: 12px;
	width: auto;
	padding: 0;
	list-style: none;
}
#featured_buttons li { width: 22px; height: 22px; background: url(images/featured-button-off.png); float: left; margin-left: 3px; text-align:center; font-size:12px; color:#FFFFFF; line-height:22px; cursor: pointer; }
#featured_buttons li.clicked { background: url(images/featured-button-on.png); }
/**/


/*-------------------------------*/
.center_content{
width:960px;
clear:both;
margin:auto;
padding:10px 0 20px 0;
}
.center_content_pages{
width:960px;
clear:both;
margin:auto;
padding:20px 0 20px 0;
background:url(images/center_bg_pages.gif) no-repeat center top;
}
.home_section_left{
width:270px;
height:auto;
float:left;
margin:0 14px 0 14px;
padding:0 10px 20px 10px;
background:url(images/home_block_bg.gif) no-repeat center bottom;
}
.home_section_left p{
clear:both;
}
.home_section_left p span{
font-weight:bold;
}
img.home_section_icon{
width:60px;
float:left;
}
h2.home_title{
width:190px;
float:left;
font-size:20px;
padding:20px 0 0px 10px; margin:0px;
color:#0000B2;
}
.home_subtitle{
width:190px;
float:left;padding:0px 0 0px 10px; font-size:12px; color:#a7a7a7;
}
.home_section_thumb{
float:left; clear:both;
padding:2px; text-align:center;margin:10px 0 10px 0; border:1px #dcdcdc solid;
}
a.more{
float:right;
}
img.projects{
float:left;
padding:2px;margin:0 10px 0 0; border:1px #dcdcdc solid;
}


.left_content{
width:950px;
float:left;
padding:0;
}
.left_block{
width:295px;
float:left;
padding:10px 10px 50px 10px;
}
.left_block1{
width:295px;
float:left;
padding:10px 10px 50px 10px;
}
.left_block2{
width:295px;
float:left;
padding:10px 10px 50px 10px;
}
.left_block_wide{
width:625px;
float:left;
padding:20px 20px 10px 15px;
}
.financial-application-form{
width:530px;
float:left;
padding:20px 20px 10px 15px;
}
.financial-application-form p{
margin-bottom:30px;
}
.testimonials{
width:360px;
float:right;
padding:20px 20px 0 0;
}
.block_wide{
width:925px;
float:left;
margin:10px 20px 10px 15px;
padding-top:10px;
border-top:1px #ededed solid;
}
.wide_content{
width:930px;
clear:both;
padding:10px 15px 0 15px;
}
.right_block{
width:280px;
float:right;
padding:10px 20px 10px 0;
}
img.pic{
border:3px #22496a solid;
margin:0 0 10px 0;
}
.home_news a{
font-size:12px;
color:#c82127;
text-decoration:none;
border-bottom:1px #bcbcbc dotted;
padding:10px 0 5px 12px;
display:block;
float:left;
background:url(images/arrow.gif) no-repeat left top;
background-position: 0px 13px;
}
.home_news a:hover{
text-decoration:underline;
}
input.newsletter_input{
background-color:#cccccc;
border:1px #cccccc solid;
width:193px;
height:18px;
padding:4px;
float:left;
}
form#newsletter{
padding:10px 0 0 0;
}
input.newsletter_submit{
background-color:#0000B2;
color:#FFFFFF;
text-align:center;
float:left;
padding:4px 4px 3px 4px;
margin:0 0 0 10px;
border:1px #cccccc solid;
cursor:pointer;
}
.testbox{
padding:20px 10px 5px 0;
margin:0;
border-bottom:1px #ededed solid;
}
.testbox p{
font-style:italic;
}



/*-----------------------contact_form-------------------*/
.form{
width:500px;
height:auto;
float:left;
padding:20px 10px 10px 20px;
border:1px #cccccc solid;
}
.form_row{
width:425px;
float:left;
clear:both;
padding:7px 0 7px 0;
}
label{
width:100px;
float:left;
padding:3px 15px 0 0;
color:#0000B2;
text-align:right;
font-weight:bold;
}
input.main_input{
background-color:#cccccc;
border:1px #cccccc solid;
width:300px;
height:18px;
padding:4px;
float:left;
}
textarea.main_textarea{
background-color:#cccccc;
border:1px #cccccc solid;
width:300px;
height:120px;
padding:4px;
float:left;
}
input.submit{
background-color:#0000B2;
color:#FFFFFF;
text-align:center;
float:right;
padding:3px 10px 2px 10px;
margin:0px 0 0 0;
border:1px #0000B2 solid;
cursor:pointer;
}
/*-----------------------------footer------------------*/
.footer{
clear:both;
width:960px;
margin:auto;
background:url(images/footer_bg.jpg) no-repeat center;
height:65px;
}
.copyright{
float:left;
padding:30px 0 0 15px;
color:#6996c0;
}
.copyright a{
color: #2A1C11;
text-decoration:none;
}
.footer_links{
float:right;
padding:30px 20px 0 0;
}
.footer_links a{
text-decoration:none;
color: #2A1C11;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #2A1C11;
}

Original HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Open Rhythm Network</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="shortcut icon" href="favicon.ico" >
</head>

<body>
<div id="wrap">
    <div class="top_corner"></div>

        <div id="header">
            <div id="logo"><a href="index.html"><img src="images/logo.png" alt="" width="220" height="110" title="" border="0" /></a></div>
          
            <a href="make-a-donation.html" class="make_donation"></a>
            
            <div id="menu">
                <ul>
                    <li><a class="current" href="index.html" title="">Home</a></l>
                    <li><a href="about.html" title="">About</a></li>
                    <li><a href="uploads.html" title="">Uploads</a></li>
                    <li><a href="track_submission.html" title="">Submission Form</a></li>
                    <li><a href="contact.html" title="">Contact</a>                </li>
                </ul>
            </div>
        </div>
        
        <div class="center_content">
        <div class="home_section_left">
            <img src="images/youtube-logo.jpg" alt="" title="" class="home_section_icon" border="0">
                            
                <h2 class="home_title">YouTube Channel</h2>
                <div class="home_subtitle">Open Rhythm Network</div>
    
                <div class="home_section_thumb">
                <a href="youtube.html"><img src="images/home_section_thumb2.jpg" alt="" title="" border="0"></a>
                </div>
                <p><span>Upload Schedule</span><br>
                New uploads every week so be sure to subscribe for future content.
                <br> <br>
                <span>Your Music</span><br>
                Find out how you can get your music featured on the channel.
                </p>
                <a href="youtube.html" class="more"><img src="images/more.gif" alt="" title="" border="0"></a>
        <div class="clear"></div>
        </div>
        
        
        <div class="home_section_left">
            <img src="images/OtherSocialMediaButton.jpg" alt="" title="" class="home_section_icon" border="0">
                            
                <h2 class="home_title">Social Media</h2>
                <div class="home_subtitle">Open Rhythm Network</div>
    
                <div class="home_section_thumb">
                <a href="social.html"><img src="images/home_section_thumb1.jpg" alt="" title="" border="0"></a>
                </div>
                <p><span>Keep up-to-date</span><br>
                Find out how you can keep up to date with the latest uploads and news.
                <br> <br>
                <span>Music Suggestions</span><br>
                Have any suggestions on future content? Find out how to share your thoughts.
                </p>
                <a href="social.html" class="more"><img src="images/more.gif" alt="" title="" border="0"></a>
        <div class="clear"></div>
        </div>
        
        <div class="home_section_left">
            <img src="images/Contact_Logo_128.jpg" alt="" title="" class="home_section_icon" border="0">
                            
                <h2 class="home_title">Contact</h2>
                <div class="home_subtitle">Open Rhythm Network</div>
    
                <div class="home_section_thumb">
                <a href="contact.html"><img src="images/home_section_thumb3.jpg" alt="" title="" border="0"></a>
                </div>
                <p><span>YouTube</span><br>
                If you have any queries regarding the YouTube Channel, find out how you can get in touch.
                <br> <br>
                <span>General Enquiries</span><br>
                Find out how you can get in touch by Email, Facebook or Twitter.
                </p>
                <a href="contact.html" class="more"><img src="images/more.gif" alt="" title="" border="0"></a>
        <div class="clear"></div>
        </div>
        
            
            <div class="left_block_wide">
                <h2>Latest Uploads</h2>
                
                <a href="https://www.youtube.com/watch?v=AzQzNkrMbJA"><img src="images/p1.png" alt="" title="" border="0" class="projects" /></a>
                <a href="http://www.youtube.com/watch?v=7k-MXWrp8bQ"><img src="images/p2.png" alt="" title="" border="0" class="projects" /></a>
                <a href="http://www.youtube.com/watch?v=CFzTjpwsjtc"><img src="images/p3.png" alt="" title="" border="0" class="projects" /></a>
            
            
            </div>
            
            <div class="right_block">
            	<h2>Subscribe</h2>
                <p>
                Consider subscribing to be notified when new music is uploaded to the channel.
                </p>
                <form action="http://www.youtube.com/subscription_center?add_user=nalts" id="newsletter">
                <input type="submit" name="" class="newsletter_submit" value="Subscribe" />
                </form>
                <br />
                <br />
                <br />
                
                Download the Official Open Rhythm Network Chrome Extension or Firefox Addon!
                <p>
                <br />
                <button onclick="location.href='http://myapp.wips.com/open-rhythm-network-web-widget-extension'">Chrome</button>
                <button onclick="location.href='http://myapp.wips.com/open-rhythm-network-web-widget-addon'">Firefox</button>
                
            </div>
        <div class="clear"></div>
        </div>
        
        <div class="footer">
        	<div class="copyright">Copyright © 2014 Open Rhythm Network</div>
        	       	
         <div class="footer_links">
                <a href="about.html" title="">About</a>
                <a href="uploads.html" title="">Uploads</a>
                <a href="track_submission.html" title="">Submission Form</a>
                <a href="contact.html" title="">Contact</a>            
            </div>
        </div>
    </div>
</div>
</body>
</html>