@charset "utf-8";
/* CSS Document */

#body {
	background:#FFF;
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	padding:0;
	font-size:62.5%;
}

h1, p{
	margin:20px;
}

#header {
	background:url(../images/perfectly-masage-logo.png) center no-repeat;
	min-height:170px /*for logo*/
}

.centre{
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}

ul#list{
	margin:0;
	padding:0;
}

h1#image-link-baby{
	padding:320px 220px 0 0 ;
	margin: 0;
	background:url(../images/mother-and-baby-splash.png) top left no-repeat;
	width:0;
	height:0px;
    height /**/:320px; /* for IE5.5's bad box model */
	overflow:hidden;
	height: 0px !important; /* for most browsers */
	float:left;
}

h1#image-link-sports{
	padding:320px 285px 0 0 ;
	margin: 0 5px;
	background:url(../images/sports-therapy-splash.png) top left no-repeat;
	width:0;
	height:0px;
    height /**/:320px; /* for IE5.5's bad box model */
	overflow:hidden;
	height: 0px !important; /* for most browsers */
	float:left;
}
h1#image-link-relaxation{
	padding:320px 283px 0 0 ;
	margin: 0;
	background:url(../images/relaxation-splash.png) top left no-repeat;
	width:0;
	height:0px;
    height /**/:320px; /* for IE5.5's bad box model */
	overflow:hidden;
	height: 0px !important; /* for most browsers */
	float:left;
}

#list li{
	display:inline;
	list-style-type:none;
}


#list h1:hover{
	background-position: 0 -320px;
}

#content {
	margin:auto;
}

#content h1 {
	padding:0 17%;
	font-size:1.4em;
	text-align:center;
}

#footer{
	padding: 30px 0 0 0;
	font-size:0.8em;
}

#footer ul{
	text-align:center;
}

#footer li{
	display:inline;
	padding: 0 20px;
}