* { margin:0; padding:0; }

body { background:#000; }

#wrapper #content { width:100%; height:500px; position:absolute; left:0px; top:50%;margin-top:-250px; background:url(../images/bg.jpg) top center no-repeat; }

a { position:relative; display:block; width:50%; float:left; height:500px; outline:none; }


a#lucesi:link, a#lucesi:visited { background:none;}
a#lightshade:link, a#lightshade:visited { background:none; }
a#lucesi:hover, a#lucesi:visited:hover { background:url(../images/bt-lucesi.jpg) top right no-repeat; }
a#lightshade:hover, a#lightshade:visited:hover { background:url(../images/bt-lightshade.jpg) top left no-repeat; }

a h1 { display:block; height:209px; margin-top:145px; text-indent:-9000px; }

a#lucesi h1 { background:url(../images/logo-lucesi.png); width:238px; position:absolute; right:40px; }
a#lightshade h1 { background:url(../images/logo-lightshade.png); width:343px; position:absolute; left:40px; }

a h2 { display:block; height:50px; width:300px; text-indent:-9000px; }

a#lucesi h2 { display:block; background:url(../images/claim-lucesi.png); position:absolute; right:40px; top:354px; }
a#lightshade h2 { display:block; background:url(../images/claim-lightshade.png); position:absolute; left:40px; top:354px; }