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

/* CUSTOM PART */



div#srf {
background-color:#010101;
height:454px;
width:800px;
position: absolute;
top:-157px;
right:0px;
bottom: 0px;
left:0px;
margin:auto;
font-family: Courier New, "Times New Roman", serif;
font-size: 15.5px;
word-spacing: -5px;
line-height: 1;
color:#999999;
text-align: justify;
text-decoration: none;
line-height: 1;
z-index:2;
}

div#vrd {
z-index:2;
width:665px;
height:43px;
background: #292929;        
  position: absolute; 
top:360px;
right: 70px;
bottom: 0;
left: 0px;
margin: auto;
padding-top:13px;
padding-left:32px;
font-family: arial, verdana, sans serif;
font-size: 14px;
     color: #000000;
 font-weight: 700;
word-spacing: 1px;
line-height: 1.1;
text-align: left;
z-index:1;
}

/* COMMON PART */

body{ background: #010101; 
}

div#centro{
display: block;
height:700px;
width:800px;
background: #010101;        
  position: absolute; 
top:30px;
right: 0;
bottom: 0;
left: 30px;
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:visited {text-decoration: none;}
a:hover {text-decoration: none;}


a#face:link {text-decoration: none;
color: #999999;} 

a#face:visited {text-decoration: none;
color: #999999;} 

a#face:hover {text-decoration: none;
color: #ffffff;} 

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