Help me copy this Kool footer with turf image. Simplfiy it?

I love this cool footer an want to use it but I can't work out what the CSS is doing. Can anyone help me simplify this?

The mintidea use a turf footer as follows:

In the CSS file ///////////////////////////////////////////

#footer {
width:100%;
height:30px;
padding:55px 0 30px 0;
text-align:center;
background:#87B340 url(images/footer-bg-top.jpg) repeat-x;
color:white;
overflow:hidden;
}

/* $5 - Footer Styles ////////*/

#footer a,
#footer a:link {
color:white;
}

/* $100 - Clearfix Styles ///*/

#block-views-index_featured_projects:after,
#block-views-work_page_websites:after,
#block-views-work_page_print:after,
#block-views-work_page_logo:after,
.links:after,
.form-item:after,
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix,
* html .form-item,
* html #block-views-index_featured_projects,
* html #block-views-work_page_websites,
* html #block-views-work_page_print,
* html #block-views-work_page_logo,
.links {height: 1%;}
#block-views-index_featured_projects, .form-item, #block-views-work_page_websites, #block-views-work_page_print, #block-views-work_page_logo, .links, .clearfix {display: block;display:inline-block;}
/* End hide from IE-mac */

In the HTML file ///////////////////////////////////////////

<div id="footer" class="clearfix">

<p>Copyright 2006-2008 - Mint Idea - All Rights Reserved - <a href="http://www.sonarcircle.ca ">Web Hosting Sonar Circle</a> - Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> &amp; <a href="http://jigsaw.w3.org/css-validator/validator?uri=mintidea.ca">CSS</a></p>

</div>
</div>
<script type="text/javascript" src="http://include.reinvigorate.net/re_.js"></script><script type="text/javascript">//<![CDATA[
re_("g5861-kb1382ud80");
//]]></script>
<script type="text/javascript">
woopra_id = '1748234359';
</script>
<script src="http://static.woopra.com/js/woopra.js" type="text/javascript"></script>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1344344-3";
urchinTracker();
</script>
</body>
</html>

 

CSS is simple, easy to learn, you can figure it out by yourself.
Take a look at this site: http://www.w3schools.com/css/

If that is not what you are looking for, you need some helps with the codes below to make it works, I'm happy to help.