body
{
  max-width: 800px;
  margin: auto;
     background-color: #FFFFFF;
     background-image: url('images/background.jpg');
     height: 100%;
     background-repeat: repeat-x;
     background-attachment: scroll;
     background-position: top left;
   font-family: Century Gothic;

}

#header
{    background-color: #6ed6fd;
 width: 800px;
 height: 300px;
}

#nav
{    background-color: #6ed6fd;
 width: 780px;
 height: 23px;

 padding-left: 10px;
 padding-right: 10px;
}

#content
{     width: 770px;
      height: 600px;
      background-color: #dddddd;
      margin: 0;
      padding-top: 5px;
      padding-left: 15px;
      padding-right: 15px;
}

 a { padding: 0px;
     text-decoration: none;
     -webkit-transition: color .25s ease-in;
     transition: color .25s ease-in;
   }
 a:link { background-color: #6ed6fd; color: #000000;}
 a:focus { background-color: #6ed6fd; color: #000000;}
 a:hover { background-color: #6ed6fd; color: #FFFFFF;
           -webkit-transition: color 0.01s;
           transition: color 0.01s;}
 a:active { background-color: #6ed6fd; color: #FFFFFF; }