Done

<center>

<img src="http://i.imgur.com/Hc84ay2.png" width="1000" height="1000" border="0" usemap="#ImageMap1">
<style>
#url_panel_colRow, #url_panel_header .paneltitletext {
    display:none;
}
#url_panel {
    border:none !important;
}
#url_panel_header {
    margin-bottom:0px;
    width:850px;
}
#url_panel_body {
    width:850px;
    height:600px;
}
#LayoutIMG {
    position:absolute;
    top:0px;
    left:0px;
}
.Content {
    color:#CCC;
    font-size:12px;
    font-family:"Comic Sans MS", cursive;
    z-index:5000;
  position: absolute;
  top: 610px;
  left: 200px;
  width: 620px;
  height: 350px;
  overflow-x: hidden;
  overflow-y: auto;
}
.Content a {
    color:#FFF !important;
}
#AviDIV {
    position:absolute;
    top:102px;
    left:572px;
    width:160px;
    height:220px;
}

#AboutDIV, #SupportDIV, #FriendsDIV, #HomeDIV {
    display:none;
}
</style>
<div id="HomeDIV">
Home info here
</div>

<div id="AboutDIV">
About info here
</div>

<div id="SupportDIV">
Support info here
</div>

<div id="FriendsDIV">
Friends info here (recommended site: <a href="http://gaf210.imvustylez.net/gaf210codes.php?f=buddier.php?eng=1" target="_blank">Gaf210s Buddy Generator</a>)
</div>

<script>
$(document).ready(function(){
document.getElementById('MainDIV').innerHTML = document.getElementById('HomeDIV').innerHTML;
});
function swapContent(s){
$('#MainDIV').fadeOut('slow', function(){
    document.getElementById('MainDIV').innerHTML = document.getElementById(s).innerHTML;
    $('#MainDIV').fadeIn('slow');
});
}
</script>

<map name="ImageMap1">
<area shape="rect" coords="840,701,953,730" href="javascript:void(0)" onclick="swapContent('HomeDIV')" title="Home" alt="Home" />
<area shape="rect" coords="840,747,930,778" href="http://www.imvu.com/catalog/web_mypage.php?block=164836173" target="_" />
<area shape="rect" coords="74,746,164,777" href="http://www.imvu.com/catalog/web_add_contact.php?contact=XxDJD4RKD3M0NxX" target="_" />
<area shape="rect" coords="435,517,569,549" href="javascript:void(0)" onclick="swapContent('HomeDIV')" title="Home" alt="Home"  target="inlineframe" />
<area shape="rect" coords="25,654,163,687" href="javascript:void(0)" onclick="swapContent('AboutDIV')" title="About" alt="About"  target="inlineframe" />
<area shape="rect" coords="51,700,162,733" onclick="swapContent('FriendsDIV')" title="Friends" alt="Friends"  target="inlineframe"/>
<area shape="rect" coords="842,655,979,686" href="javascript:void(0)" onclick="swapContent('SupportDIV')" title="Support" alt="Support"   target="inlineframe" />
</map>

<div id="MainDIV" class="Content"></div>
</center>