/* div within div , absolute within relative */
  #startpix{
   position: relative; top: 40px; left:0px;
 background-color:rgb(232,235,225);

  height: 609px;
  width: 939px;
   font-family: optima;
 font-size: 15px;
  color: rgba(0,0,200,0.75);
  text-align:justify;
}
  
#piccy1{
position: absolute; top:0px; right:0px;

background: url(images/goneaway.jpg);
background-repeat: no-repeat;
height: 609px;
width:470px;
}

#starttext {
position: absolute; top:15px; left: 110px;

    font-family:Georgia;
    
 font-size: 20px;
 letter-spacing: 1px;
  color: rgb(100,100,100);
  text-align:left
  text-decoration: none;
  width: 242px;
  padding-top:0px;
  padding-bottom:0px;
  

}

#starttextCOMP {
position: absolute; top:45px; left: 110px;

    font-family: optima;
 font-size: 17px;
 letter-spacing:0px;
 color: rgb(0,0,0);
  text-align:left;

  width: 81px;
  padding-top:0px;
  padding-bottom:0px;
  }
  #applelogo{
  position:absolute; left:219px; top:487px;
  background: url(../images/AppleLogo.png);
  opacity:0;
  width:31px;
  height:37px;
  }
  #starttextPERF {
position: absolute; top:45px; left: 188px;

    font-family: optima;
 font-size: 17px;
 letter-spacing:0px;
color: rgb(0,0,0);
  text-align:left;

  width: 591px;
  padding-top:0px;
  padding-bottom:0px;
  }
  
  #starttextCONT {
position: absolute; top:45px; left: 282px;

    font-family: optima;
 font-size: 17px;
 letter-spacing:0px;

   color: rgb(0,0,0);
  text-align:left;

  width: 81px;
  padding-top:0px;
  padding-bottom:0px;
  }
  #homepiccy{
  position: absolute; bottom:5px; left: 5px;
  
  height: 23px;
  width: 22px;
  opacity: .5;
  }
  
  #endtextCOMP {
position: absolute; bottom:10px; left: 115px;

    font-family: optima;
 font-size: 12px;
 letter-spacing:0px;
 color: rgb(0,0,0);
  text-align:left;

  width: 409px;
  padding-top:0px;
  padding-bottom:0px;
  }
  
  #endtextPERF {
position: absolute; bottom:10px; left: 108px;

    font-family: optima;
 font-size: 12px;
 letter-spacing:0px;
  color:rgb(100,100,100);
  text-align:left;

  width: 91px;
  padding-top:0px;
  padding-bottom:0px;
  }
  
  #endtextCONT {
position: absolute; bottom:10px; left: 202px;

    font-family: optima;
 font-size: 12px;
 letter-spacing:0px;
  color:rgb(100,100,100);
  text-align:left;

  width: 181px;
  padding-top:0px;
  padding-bottom:0px;
  }
  
  #maintext{
  
  position: absolute; top:100px; left: 108px;

    font-family: optima;
 font-size: 12px;
 letter-spacing:0px;
 line-height: 1.3em;
  color: rgb(100,100,100);
  text-align:justify;

  width: 250px;
  padding-top:0px;
  padding-bottom:0px;
  
  }
  #surprise {
  position: absolute; top:0px; right:-200px;
  background-color: #50000;
  height: 200px;
  width:200px;
   font-family:Georgia;
    
 font-size: 30px;
 letter-spacing: 1px;
  color: #500000;
  text-align:center;
  text-decoration: none;
  width: 200px;
  padding-top:0px;
  padding-bottom:0px;
  
  }
 
  
  #piccy2{
  position: absolute; top:34px; left:110px;
  background: url(../images/lines.jpg);
 
  height: 14px;
  width: 242px;
    
}
a:link
{ text-decoration: none; 
color: rgb(0,0,0);
}
a:visited 
{ text-decoration:none; 

  color:rgb(0,0,0);
}

a:hover{
color: #000;
text-decoration:underline;
}
@-webkit-keyframes "appear" {
0% 
{
opacity: .0;

} 
100%{

opacity: 1;

} 
}