/* CSS  by Alfonso Elia, www.alfonsoelia.com */

body{ background: #010101;
 color:#292929; 
text-align: justify;
text-decoration: none; 
}


div#gallery
 {background-color:#010101;
display: block;
  height: 508px;
  width: 508px;
position: absolute;
top:33px;
right:0px;
bottom: 0px;
left:0px;
left: 0px;
margin:auto;
z-index: 1;
}



div#centro{
 height:533px;
width:800px; 
background: #010101;        
  position: fixed; 
top:0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 1;
}

h1 { font-family: arial, verdana, sans serif;
     text-decoration: none; 
     color: #ffffff;
	font-size: 28px;
 font-weight: normal;
position: absolute;
top:-38px; left:7px;
z-index: 3;
}

h2 { font-family: arial, verdana, sans serif;
     text-decoration: none; 
     color: #ffffff;
	font-size: 28px;
 font-weight: normal;
position: absolute;
top:491px; 
left:640px;
z-index: 3;
}

  

                             /*SOUTH OF HEAVEN*/
div#SOH a { 
display: block;
  height: 232px;
  width: 197px;
position: absolute;
top:33px;
left:5px;
}
div#SOH a:link {
background-image: url(intro/01_Alfonso_Elia_SouthOfHeaven_232x197px.jpg);
}
div#SOH a:visited {
background-image: url(intro/01_Alfonso_Elia_SouthOfHeaven_232x197px.jpg);
}
div#SOH a:hover {
background-image: url(intro/01_Alfonso_Elia_SouthOfHeaven_232x197pxN.jpg);
}
div#SOH a:link span { font-family: "arial"; font-size: 0px; color:#00000c;
position: absolute;
top:55px; 
left:15px;
}
div#SOH a:visited span { font-family: arial, verdana, sans serif;
     text-decoration: none; 
     color: #000000;
	font-size: 0px;
 font-weight: 600;
font-style:italic;
position: absolute;
top:15px; 
left:15px;
}
div#SOH a:hover span { font-family: arial, verdana, sans serif;
     text-decoration: none; 
     color: #000000;
	font-size: 27px;
 font-weight: 600;
font-style:italic;
position: absolute;
top:16px; 
left:27px;
}


                         /*ARCOSANTI*/
div#ARCO a { 
display: block;
  height: 232px;
  width: 237px;
position: absolute;
top:32px;
right:2px;
}
div#ARCO a:link {
background-image: url(intro/Alfonso_Elia_Flam_Chen@Arcosanti_232x232px.jpg);
}
div#ARCO a:visited {
background-image: url(intro/Alfonso_Elia_Flam_Chen@Arcosanti_232x232px.jpg);
}
div#ARCO a:hover {
background-image: url(intro/Alfonso_Elia_Flam_Chen@Arcosanti_232x232Npx.jpg);
}
div#ARCO a:link span { font-family: "arial"; font-size: 0px; color:#00000c;
position: absolute;
top:55px; 
left:18px;
}
div#ARCO a:visited span { font-family: arial, verdana, sans serif;
     text-decoration: none; 
     color: #000000;
	font-size: 0px;
 font-weight: 600;
font-style:italic;
position: absolute;
top:25px; 
left:7px;
}
div#ARCO a:hover span { font-family: arial, verdana, sans serif;
     text-decoration: none; 
     color: #000000;
	font-size: 27px;
 font-weight: 600;
font-style:italic;
position: absolute;
top:16px; 
left:22px;
}
                                       /*CHICAGO*/
div#CHI a { 
display: block;
  height: 131px;
  width: 197px;
position: absolute;
bottom:1px;
left:204px;
}

div#CHI a:link {
background-image: url(intro/Alfonso_Elia_ADAM_and_EVE_Chicago_197px.jpg);
}

div#CHI a:hover {
background-image: url(intro/Alfonso_Elia_ADAM_and_EVE_Chicago_197pxN.jpg);
}

div#CHI a:visited {
background-image: url(intro/Alfonso_Elia_ADAM_and_EVE_Chicago_197px.jpg);
}
div#CHI a:link span { font-family: "arial"; font-size: 0px; color:#00000c;
position: absolute;
top:55px; 
left:18px;
text-decoration: none;
}
div#CHI a:visited span { font-family: arial, verdana, sans serif;
     text-decoration: none; 
     color: #000000;
	font-size: 0px;
 font-weight: 600;
font-style:italic;
position: absolute;
top:25px; 
left:7px;
}
div#CHI a:hover span { font-family: arial, verdana, sans serif;
     text-decoration: none; 
     color: #000000;
	font-size: 27px;
 font-weight: 600;
font-style:italic;
position: absolute;
top:16px; 
left:22px;
}


img { border-color: #393939;}
img:hover { border-color: #ffffff;}

a:link {text-decoration: none;}
a:hover {text-decoration: none;}
a:visited {text-decoration: none;}

/* CSS by  Alfonso Elia, www.alfonsoelia.com */