KatHP

<script>
  function changeNavigation(id)
  {document.getElementById('mainbox'). innerHTML=document.getElementById(id). innerHTML}
  </script>
<img style="float:center:" src="http://s7.postimg.org/xxq34vbez/kat_hp_x_D.png" usemap="#ImageMap1">

<map id="ImageMap1" name="ImageMap1">
  <area shape="rect" coords="93,24,175,57" id="1b" onClick="changeNavigation('Home')">
  <area shape="rect" coords="176,22,278,57" id="2b" onClick="changeNavigation('About')">
  <area shape="rect" coords="279,22,355,57" id="3b" onClick="changeNavigation('Love')">
  <area shape="rect" coords="357,21,466,57" id="4b" onClick="changeNavigation('Friends')">
  <area shape="rect" coords="468,23,583,57" id="5b" onClick="changeNavigation('Gallery')">
  <area shape="rect" coords="586,22,707,56" id="6b" onClick="changeNavigation('FAQ')">

<area shape="rect" coords="207,139,246,175" href="http://www.imvu.com/catalog/web_send_message.php?recipient_id=73624799" target="_blank">
<area shape="rect" coords="248,139,279,174" href="http://www.imvu.com/catalog/web_add_contact.php?contact=Guest_HelloKattySweet" target="_blank">
<area shape="rect" coords="280,140,317,175" href="imvu:StartIM?avatar=Guest_HelloKattySweet&fromSite=1t"></map>

<div id="HLAVNI_BOX" style="position:absolute; left:346; top:79; width:425; height:431; overflow: auto; border:0px; background-color:transparent;color:#000000"> <center>
<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>
<p>
Normal text - <b>Bold</b> - <i>Italic</i> - <u>Underlined</u> - <s>Stroke</s> - <h>Highlited</h>
<p>
<a href="URL" target="_blank">Link</a>
<p>
<black>Black</black> <red>Red</red> <pink>Pink</pink> <yellow>Yellow</yellow> <orange>Orange</orange> <blue>Blue</blue> <violet>Violet</violet>
<p>
<blockquote>Blockquote</blockquote>
</center>
</div>

<div id="HOME" style="display:none">
<center>
DYNAMIC! [Home]
</center>
</div>

<div id="ABOUT" style="display:none">
<center>
DYNAMIC! [About]
</center>
</div>

<div id="LOVE" style="display:none">
<center>
DYNAMIC! [Love]
</center>
</div>

<div id="FRIENDS" style="display:none">
<center>
DYNAMIC! [Friends]
</center>
</div>

<div id="GALLERY" style="display:none">
<center>
DYNAMIC! [Gallery]
</center>
</div>

<div id="FAQ" style="display:none">
<center>
DYNAMIC! [FAQ]
</center>
</div>

<div id="other_box" style="width:123px; height:13px; position:absolute; left:179px; top: 106px; z-index:1">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://dl.dropboxusercontent.com/s/e78udo9b838zs2x/we_the_kings_-_check_yes_juliet_%28zaycev.net%29.mp3?token_hash=AAFCRZlmjZXg54tZd8DiJ3thBbltcVhy0RLGWqQ1DLYg-Q&dl=1&t0=Check Yes Juliet.&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>


<div id="avi_box" style="width:160px; height:220px; position:absolute; left:125px; top: 234px; z-index:1">
<img width='160' height='220' border='0' src='http://www.imvu.com/catalog/web_av_pic.php?av=HelloKattySweet'></div>
</div>

<style type="text/css">
body, div {
font: 11px "Times New Roman";
color: #5EB8D6 !important;
}

b {
color: #3A8FAB;
font-family: century gothic;
font-size: 12px;
letter-spacing: 0.5px;
}

i {color: #8AC9DE;
font-family: georgia;
font-size: 10px; }

u {color: #5EB8D6;  font-size: 11px;  border-bottom : 1px dotted #528B9E; text-decoration : none; }

H{color: #ffffff;background-color: #3A8FAB; font-size: 11px;}

Black{color: #000000;} Red{color: #d40000;} Pink{color: #ed6199;} Yellow{color: #f8c333;} Orange{color: #d46400;} blue{color: #00b4d4;} Violet{color: #7b22a9;}

blockquote{ text-align: center; font-size:  10px; color: #ffffff; font-family:century gothic; background-color:#438BA3;  border-left: 3px solid #26505E; border-right: 3px solid #26505E; padding: 3px 3px 3px 3px;}

a:link,a:visited,a:active{font-size: 11px; font-family: century gothic; text-transform: uppercase;   color: #ffffff;  font-weight: bold; text-decoration : none; }

a:hover{ color: #ffffff;font-size: 11px; text-decoration :none; font-family:century gothic; text-transform: uppercase;  background-color: #ffffff;}

H1 { margin: 1;  font-family: century gothic;; font-size: bold  16px; color: #91D4EB; text-transform: none; letter-spacing: -1px; line-height: 15pt ;   }
H2 {font: normal 5pt small fonts; text-transform:uppercase;   color: #357E96; letter-spacing: 1.9px; word-spacing: 4px; line-height: 1pt; }
h3 {font: normal 5pt small fonts; text-transform:uppercase;    color: #ffffff; letter-spacing: 1.2px; word-spacing: 1.2px;   background-color:#57D5FF;  }

</style>

<style type="text/css">
   #aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel,
   #messages_panel, #tagcloud_panel, #stickers_panel, #collect_panel,
   #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel,
   #streetteam_panel, #blog_panel, #video_panel_header, #music_panel, #rss_panel, #url_panel,
   #special_panel,#outfits_panel {
      width:900px !important;
   }
   #rightColumn {
      display:none !important;
   }
</style>
<style type="text/css">
#url_panel_colRow, .imvucodes_net { display:none !important; }
</style>
<style type="text/css">
.paneltitle, .panelmenu, .imvucodes_net { display:none !important; }
</style>