* {
	margin: 0;
	padding: 0;
}

html {
	background-color: #fff;
	color: #444;
}

body {
	font-family: helvetica, arial;
	font-size: 100%;
	line-height: 24px;
	width: 960px;
	margin: 0 auto;
	
}

h1 {
	font-size: 24px;
	margin: 12px 0;
	padding: 12px;
	background-color: #000;
	color: #ffd100;
	width: 576px;
}

p, ul {
	margin-bottom: 24px;
}

p.container {
	margin: 0 auto 24px auto;
	background-image: url('pic.jpg');
	background-repeat: no-repeat;
}

p.container a {
	display: block;
	color: #000;
	background-color: #ffd100;
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
	width: 592px;
	height: 442px;
	padding: 8px 0 0 8px;
}

p.container a:hover {
	display: block;
	color: #000;
	background-color: #ffd100;
	background-color: rgba(255,209,0,0.65);
	text-decoration: none;
}

p.container a span {
	color: #ffd100;
}

p.container a:hover span {
	color: #000;
}