#main { position: absolute; left: 50%; width: 800px; margin-left: -400px; }
#hpLogo { position: absolute; top: 0px; left: 552px; }
#hpHelloBtn { position: absolute; top: 0px; left: 0px; }

#hpWhy { position: absolute; top: 160px; left: 79px;}
#hpCreate { position: absolute; top: 160px; left: 308px;}
#hpPlanet{ position: absolute; top: 160px; left: 537px; }
#hpProud { position: absolute; top: 298px; left: 195px;}
#hpIdeas { position: absolute; top: 298px; left: 423px; }


#hpHelloDiv { position: absolute; top: 146px; left: 15px; visibility: hidden;  z-index: 4; background-color: white;}

#hpFtNav { position: absolute; top: 513px; left: 35px; }


#hpFooter { position: absolute; top: 531px; left: 35px;}
#ftrNavArrow { position: absolute; top: 492px; left: 166px;  visibility: hidden;}

#hpLines01 { position: absolute; top: 284px; left: 19px; }
#hpLines02 { position: absolute; top: 284px; left: 195px; }
#hpLines03 { position: absolute; top: 421px; left: 195px; }
#hpLines04 { position: absolute; top: 321px; left: 404px; }
#hpLines05 { position: absolute; top: 275px; left: 519px; }