/* 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;
 -webkit-animation-name: "appear"; 
  -webkit-animation-duration: 5s; 
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
}
  



#starttext {
position: absolute; top:265px; left: 40px;

    font-family:Georgia;
    
 font-size: 26px;
 letter-spacing: 1px;
  color: #263750;
  text-align:left;
  text-decoration: none;

  padding-top:0px;
  padding-bottom:0px;
  
-webkit-animation-name: "appear"; 
  -webkit-animation-duration: 5s; 
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
}


#starttextCOMP {
position: absolute; top:300px; left: 40px;

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

  width: 90px;
  -webkit-animation-name: "appear"; 
  -webkit-animation-duration: 5s; 
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;

}
#starttextPale {
position: absolute; top: 650px; left: 0px;

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

}

#starttextPERF {
position: absolute; top:300px; left: 140px;

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

  width: 290px;
  -webkit-animation-name: "appear"; 
  -webkit-animation-duration: 5s; 
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;

}

#starttextCONT {
position: absolute; top:300px; left: 257px;

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

  width: 102px;
  -webkit-animation-name: "appear"; 
  -webkit-animation-duration: 5s; 
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;

}
  #endtextCOMP {
position: absolute; bottom:10px; left: 40px;

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

  width: 409px;
  padding-top:0px;
  padding-bottom:0px;
  }

#piccy1{
position: absolute; top:0px; right:0px;

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


  #piccy2{
  position: absolute; top:290px; left:40px;
  background: url(lines.jpg);
 
  height: 14px;
  width: 304px;
    
}




a:link
{ text-decoration: none; 

  color: rgb(100,100,100);
}
a:visited 
{ text-decoration:none; 

  color: rgb(100,100,100);
}
a:hover {
color: rgb(0,0,0);
text-decoration: underline;

}
@-webkit-keyframes "appear" {
0% 
{
opacity: .0;

} 
100%{

opacity: 1;

} 
}