html {
  background: black url(/images/bg2.png); }

body {
  font-family: Helvetica Neue, Helvetica, Arial; }

ul, ol {
  margin: 0;
  padding: 0; }

h1 {
  margin: 0px;
  font-size: 36px; }

#wrapper {
  position: relative;
  width: 500px;
  margin: 0px auto; }
  #wrapper #top {
    position: relative;
    width: 500px;
    top: 180px; }
    #wrapper #top h1 a {
      color: #cfc6bc;
      text-shadow: black -1px -1px 1px;
      text-align: left;
      cursor: pointer;
      text-decoration: none; }
      #wrapper #top h1.hover a {
        color: #5a5652; }
      /*#wrapper #top h1 a:hover {
        color: #5a5652; }*/
  #wrapper #bottom {
    position: relative;
    width: 500px;
    margin: 0px auto;
    top: 180px; }
    #wrapper #bottom ul {
      list-style: none;
      text-align: center; }
      #wrapper #bottom ul li {
        display: inline; }
        #wrapper #bottom ul li a {
          color: #5a5652;
          cursor: pointer; 
          text-decoration: none; }
          /*#wrapper #bottom ul li a:hover {
            color: #cfc6bc; }*/

  img.bg { min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: fixed; top: 0; left: 0; }
		
  @media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } }