* {
   margin: 0px;
   padding: 0px;}

  body {
   font: 16px/30px garamond;
   color: #c5c9e1;
   text-align: justify;
   letter-spacing: 0px;
   background-image: url('bg2.png'), url('bg3.png');
   background-position: bottom left, top left;
   background-repeat: repeat-x, repeat-x;
   background-color: #272a56;}

  @font-face {
   font-family: tempting;
   src: url('tempting.ttf');}

  #layout {
   position: relative;
   margin: -8px auto;
   width: 1024px;}

  #content {
   position: relative;
   width: 722px;
   margin: 0px 0px;
   background-image: url('header.png'), url('footer.png');
   background-position: top left, bottom left;
   background-repeat: no-repeat, no-repeat;
   background-color: #;
   padding: 600px 100px 130px 100px;}

  #footer {
   clear: both;
   color: #fff;
   font: 28px/24px simplicity;
   letter-spacing: 1px;
   padding: 0px 100px;
   width: 722px;
   margin: 0px;
   text-align: center;}

  p {
   margin: 0px 0px 35px;}

  a:link, a:visited {
   text-decoration: none;
   font-family: brush script MT;
   font-size: 18px;
   text-decoration-line: underline;
   text-decoration-color: #272a56;
   text-decoration-style: wavy;
   letter-spacing: 1px;
   color: #f5b0ed;}
   
  a:hover {
   color: #fff;
   font-style: italic;
   text-decoration-line: underline;
   text-decoration-color: #585c89;
   text-decoration-style: wavy;
   transition-duration: 0.8s;
   cursor: crosshair;}
   
  .nav:link, .nav:visited {
   color: #c399c9;
   font: 48px/48px tempting;
   letter-spacing: 2px;}

  .nav:hover {
   color: #ddd;
   text-decoration: none;
   text-shadow: 2px 2px 5px #585c89;}
   
  b {
   color: #c399c9;
   font: bold 12px/24px georgia;
   letter-spacing: 0px;
   text-transform: uppercase;}

  strong {
   color: #eee;
   letter-spacing: 1px;
   font: 24px/26px penelopeanne;}

  i {
   color: #cdd8fb;
   letter-spacing: 1px;
   text-shadow: 2px 2px 5px #585c89;}
   
  em {
   color: #fff;
   font: 24px/16px tempting;
   letter-spacing: 3px;}

  .imgbg {
   background: #565e90;
   border-radius: 30px 0px;
   border: 10px solid #303361;
   opacity: 0.7;
   padding: 1px;
   margin: 10px;}
   
  .imgbg2 {
   background: #585c89;
   opacity: 0.8;
   margin: 0px 20px 10px 0px;
   padding: 0px 0px 5px;}
   
  .imgbg3 {
   background: #311718;
   border: 1px solid #401b17;
   margin: 0px 10px 10px;
   padding: 10px;}
   
  .imgbg:hover {
   border: 10px solid #b5cbf4;
   -webkit-filter: grayscale(30%);
   opacity: 0.7;}

  .imgbg2:hover {
   background: #b5cbf4;
   -webkit-filter: grayscale(30%);
   opacity: 0.6;}

  ul {
   margin: 0px 70px;
   }
   
  table {
   border-collapse: collapse;}

  td {
   line-height: 16px;
   text-align: justify;
   padding: 5px 10px;}

  tr:nth-child(even) {
   background-color: transparent;}

  h1 {
   color: #b5cbf4;
   font: 36px/40px tempting;
   letter-spacing: 2px;
   padding-left: 30px;
   text-align: left;}

  h2 {
   color: #585c89;
   font: 14px courier new;
   letter-spacing: 1px;
   padding-left: 20px;
   margin: 0px 0px 10px;
   text-align:  left;}

  h3 {
   font: 11px/10px courier new;
   margin: 0px 0px 30px 30px;
   letter-spacing: 2px;
   width: 200px;
   color: #fff;
   text-align: center;
   text-shadow: 1px 1px 1px #d9bec3;
   padding: 5px 0px;
   border-radius: 0px 20px 20px 0px;
   background: #565e90;
   border: 2px solid #a5b4ec;}
    
  blockquote {
   color: #a5b4ec;
   font: 12px/26px courier new;
   background: #303361;
   border-left: 30px solid #565e90;
   border-right: 30px solid #565e90;
   padding: 10px 15px 10px;
   margin: 40px 40px 50px;}