a.a1, a.a1:hover, a.a2, a.a2:hover, 
a.a3, a.a3:hover, a.a4, a.a4:hover { background-color: #000; background-position: top 100%; background-repeat: no-repeat; position: absolute; top: 0; width: 238px; height: 390px; margin: 0; padding: 0; border: 0; }
.a1 { left: 0; }
.a2 { left: 254px; }
.a3 { left: 508px; }
.a4 { left: 762px; }

#archi1, #archi2, #archi3, #archi4 { background-color: #fff; filter : alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -khtml-opacity: 0.7; color: #000; font-size: 10px; font-weight: normal; line-height: 13px; text-align: left; position: absolute; top: 60px; width: 80px; height: 80px; visibility: hidden; margin: 0; padding: 6px; border: 0; }
#archi1 { left: 79px; }
#archi2 { left: 333px; }
#archi3 { left: 587px; }
#archi4 { left: 841px; }