html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}

body {

  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  
  background-color: silver;
  background-image: url(/img/light_grey_floral_motif.png);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%), url(/img/light_grey_floral_motif.png), silver;
  background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%), url(/img/light_grey_floral_motif.png), silver;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%), url(/img/light_grey_floral_motif.png), silver;
  background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%), url(/img/light_grey_floral_motif.png), silver;
  background: radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%), url(/img/light_grey_floral_motif.png), silver;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  body {
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%), url(/img/light_grey_floral_motif_@2X.png) 0 0 32px 56px, silver;
    background: radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%), url(/img/light_grey_floral_motif_@2X.png) 0 0 32px 56px, silver;
  }
}

a {
  color: #ccc;
}


#logo {
  margin:auto; top:0;right:0;left:0;bottom:0; position:absolute;
}

footer {
  position: absolute; bottom: 0; width: 98%;
  padding-bottom: 10px;
}