.frameanimation {
      position:relative;
      z-index:3;
      top:220px;
      left:325px;
      margin:auto;}

/*CONTAINING IFRAME DIV*/
   .frdiv {
      position:relative;
      margin:auto;
      border:2px solid #888888;
      z-index:1;
      padding-top:120px;
      background:#d2d2d2;
      top:0px;
      width:700px;}

/*IFRAME*/
   .framestyle {
      width:700px;
      height:600px;}

   .bodystyle {
      background:url('images/bggreengold.png') no-repeat black;
      text-align:center;}

   .header {
      position:absolute;
      background:url('images/header.png') no-repeat;
      height:300px;
      width:572px;
      z-index:-1;
      left:0px;}

/*BEGIN NAVIGATION*/

/*CONTAINING NAVIGATION DIV*/
   .nav {
      position:relative;
      margin:auto;
      border: 2px dashed #888888;
      z-index:2;
      top:1px;
      left:-3px;
      width:690px;
      text-align:left;
      top:100px;
      height:60px;
      padding-left:5px;
      padding-top:20px;}

   #home {
      background:url('images/home.png') no-repeat;
      top:30px;
      left:15px;
      width:75px;}
   #home a:hover{
      background: url('images/homeh.png') no-repeat;
      top:0px;
      left:0px;
      width:75px;}

   #guests {
      background:url('images/guests.png') no-repeat;
      top:30px;
      left:100px;
      width:86px;}
   #guests a:hover{
      background: url('images/guestsh.png') no-repeat;
      top:0px;
      left:0px;
      width:86px;}

   #timeline {
      background:url('images/timeline.png');
      top:30px;
      left:195px;
      width:106px;}
   #timeline a:hover{
      background: url('images/timelineh.png');
      top:0px;
      left:0px;
      width:106px;}

   #quotes {
      background:url('images/quotes.png');
      top:32px;
      left:310px;
      width:88px;}
   #quotes a:hover{
      background: url('images/quotesh.png');
      top:0px;
      left:0px;
      width:88px;}

   #contact {
      background:url('images/contact.png');
      top:30px;
      left:410px;
      width:95px;}
   #contact a:hover{
      background: url('images/contacth.png');
      top:0px;
      left:0px;
      width:95px;}
      

   ul {
      postion:relative;
      list-style:none;
      margin:0;
      padding:0;
      top:0;}

   li {
      position:absolute;
      display:block;
      height:29px;}

   li a {
      position:relative;
      display:block;
      height:29px;}

/*END NAVIGATION*/