body            { background-color:#336;         /* dark blue */
                  margin:0px;
                  padding:0px;
                  font-family:monospace; }

a               { color:#093;                    /* dark green */
                  text-decoration:none; }
a:hover         { text-decoration:underline; }

#imagetitle     { position:absolute;
                  top:60px;
                  left:120px;
                  width:520px;
                  font-size:20px;
                  color:#fff;
                  background-color:transparent; }

#imageframe     { position:absolute;
                  top:80px;
                  left:120px;
                  width:520px;
                  height:320px;
                  background-color:transparent;
                  border:1px solid #093; }       /* dark green */

#image1                 { position:absolute;
                          top:90px;
                          left:40px;
                          width:40px;
                          height:40px;
                          border:0px;
                          background-color:transparent; }
#image1 img             { border:0px;
                          background-color:#f30; }  /* strong orange */
#image1 a:hover img     { background-color:#fff; }

#image2                 { position:absolute;
                          top:90px;
                          left:90px;
                          width:40px;
                          height:40px;
                          border:0px;
                          background-color:transparent; }
#image2 img             { border:0px;
                          background-color:#f60; }  /* orange */
#image2 a:hover img     { background-color:#fff; }

#image3                 { position:absolute;
                          top:240px;
                          left:140px;
                          width:40px;
                          height:40px;
                          border:0px;
                          background-color:transparent; }
#image3 img             { border:0px;
                          background-color:#903; }  /* purple */
#image3 a:hover img     { background-color:#fff; }

#image4                 { position:absolute;
                          top:240px;
                          left:240px;
                          width:40px;
                          height:40px;
                          border:0px;
                          background-color:transparent; }
#image4 img             { border:0px;
                          background-color:#c00; }  /* strong red */
#image4 a:hover img     { background-color:#fff; }

#image5                 { position:absolute;
                          top:190px;
                          left:490px;
                          width:40px;
                          height:40px;
                          border:0px;
                          background-color:transparent; }
#image5 img             { border:0px;
                          background-color:#f90; }  /* strong yellow */
#image5 a:hover img     { background-color:#fff; }

#image6                 { position:absolute;
                          top:40px;
                          left:490px;
                          width:40px;
                          height:40px;
                          border:0px;
                          background-color:transparent; }
#image6 img             { border:0px;
                          background-color:#ff3; } /* light yellow */
#image6 a:hover img     { background-color:#fff; }


#project        { position:absolute;
                  top:405px;
                  left:120px;
                  width:200px;
                  font-size:13px;
                  color:#fff; }
#copy           { position:absolute;
                  top:405px;
                  left:320px;
                  width:320px;
                  text-align:right;
                  font-size:13px;
                  color:#fff; }