body {
	background: #000;
	color: #fff;
}

a {
	color: #fff;
}
a:hover{
	text-decoration: none;
	color: #999;
}

#header {
	width: 511px;
	height: 82px;
	background-image: url('images/header.gif');
	position: absolute;
	top: 20px;
	left: 20px;
}

#nav {
	width: 100px;
	position: absolute;
	top: 100px;
	left: 20px;
}
#nav div a {
	width: 100px;
	height: 33px;
	display: block;
}
#nav div a span{
	margin-left: -999px;
}

#content {
	position: absolute;
	top: 110px;
	left: 120px;
	width: 80%;
	min-width: 600px;
	padding-top: 10px;
	background: #000;
}

#nav-home {
	background-image: url('images/home.gif');
}
#nav-home:hover {
	background-image: url('images/home-on.gif');
}
#nav-rules {
	background-image: url('images/rules.gif');
}
#nav-rules:hover {
	background-image: url('images/rules-on.gif');
}
#nav-cards {
	background-image: url('images/cards.gif');
}
#nav-cards:hover {
	background-image: url('images/cards-on.gif');
}
#nav-talk {
	background-image: url('images/talk.gif');
}
#nav-talk:hover {
	background-image: url('images/talk-on.gif');
}

.example {
	border-left: solid #fff 2px;
	margin-left: 15px;
	padding-left: 5px;
	background: #333;
}