body {
	background-image: url(http://just-the-thing.co.uk/images/gerbera.jpg);
}
div#header {
	position: absolute;
	top: 40px;
	font-family: Arial Rounded MT Bold, Arial;	
	font-size: 40px;
	color: #000000;
	text-decoration: none;
	left: 30%;
	width: 500px;
}
div#title {
	position: absolute;
	top: 70px;
	font-family: Arial Rounded MT Bold, Arial;	
	font-size: 30px;
	color: #000000;
	text-decoration: none;
	left: 51%;
	width: 500px;
}
div#subtitle {
	position: absolute;
	top: 200px;
	font-family: Arial Rounded MT Bold, Arial;	
	font-size: 20px;
	color: #000000;
	text-decoration: none;
	left: 51%;
	width: 500px;
}

div#monty {
	position: absolute;
 	top: 130px;
	left: 3%;
	width: 410px;
	height: 400px;
}
div#jo {
	position: absolute;
 	top: 130px;
	left: 3%;
	width: 176px;
	height: 175px;
}

div#info {
	position: absolute;
	top: 280px;
	left: 40%;
	font-family: Ariel Rounded MT Bold, Arial Rounded MT Bold, Arial;	
	font-size: 15px;
	color: #000000;
	text-decoration: none;
}
div#links {
	position: absolute;
	top: 120px;
	left: 50%;
	font-family: Ariel Rounded MT Bold, Arial Rounded MT Bold, Arial;	
	font-size: 16px;
	color: #000000;
	text-decoration: none;
}
#links ul {
        list-style-type: none;
        width: 400px;
} 

#links li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 5px 0;
}

#links li a { 
        color: #000000;
        display: block;
        font: bold 120% Ariel Rounded MT Bold, Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 400px;
}

#links li a:hover {
        background: #ffffcc;
}

#links a em { 
        color: #333;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

#links a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}