#container {position:relative; top:0; left:0; height:450px; width:345px; color:#fff; font:10px times; text-decoration:none}

#one {position:absolute; top:100px; left:20px; height:130px; width:130px; background-color:#800080; filter:alpha(opacity=30);-moz-opacity:.30; opacity:.30; border:1px solid #fff; z-index:2}
#two {position:absolute; top:100px; left:190px; height:130px; width:130px; background-color:#800080; filter:alpha(opacity=30);-moz-opacity:.30; opacity:.30; border:1px solid #fff; z-index:1}


#zino {position:absolute;  top:100px; left:20px; height:80px; width:130px; text-align:center; padding-top: 50px; z-index:2}
#caroline {position:absolute;  top:100px; left:190px; height:80px; width:130px; text-align:center; padding-top: 50px; z-index:2}

a:link,a:visited,a:hover,a:active {text-decoration:none; color:#fff; font:1.2em/2.4em times; text-align:center; letter-spacing:.2em; z-index:3}
a:link,a:visited,a:hover {color:#fff}
a:hover {color:#fcf}