html, body, #wrapper {
      height:100%;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
   }
   #wrapper {
      margin: 0 auto;
      text-align: center;
      vertical-align: top;
      width: 550px;
   }
   .image {
	position:relative;
	float:left; /* optional */
   }
   .image .text {
	position:absolute;
	top:10px; /* in conjunction with left property, decides the text position */
	left:0;
	width:550px; /* optional, though better have one */
    }
    p {
	font-family:Calibri, serif;
	font-size:medium;
	font-weight:bold;
	color:white;
	}
	h1 {
	font-family:Calibri, serif;
	font-weight:bold;
	font-size:30px;
	color:white;
	text-align:center;
    }
    body {
    background-attachment:fixed;
    background-repeat: no-repeat;
    /*Use center center in place of 300 200 to center bg image*/
    background-position: center;
    }
    
    a:link {text-decoration:none; color:white}

    a:visited {text-decoration:none; color:white}

    a:hover {text-decoration:none; color:blue}