* {
	margin: 0;
	padding: 0;
}
body {
	font: Arial, Helvetica, sans-serif  medidum;
	background: url(../images/background.gif) repeat-x top #FDEEE1;
}
h1 {
	font-size: xx-large;
}
h2 {
	font-size: x-large;
}
h3 {
	font-size: large;
}
h4 {
	font-size: medium;
}
h5 {
	font-size: small;
}
h6 {
	font-size: x-small;
}
small {
	font-size: xx-small;
}
#container {
	width: 800px;
	margin: 0 auto;
}
.toplink {
	color:#000;
	float:right;
	padding-right:10px;
	padding-left:10px;
	margin-right:10px;
	margin-top:-4px;
	border:2px solid #fff;
	}
.toplink a {
	display:block;
	color:#000;
	text-decoration:none;
	font-variant:small-caps;
	font-size:small;
	}
.toplink a:hover {
	font-weight:bold;
	color:#00CC00;
	background-color:#fff;
	}	
#header {
	width: 750px;
	height: 100px;
	display: block;
	margin-bottom: 20px;
}
	#header h1 a {
		background: url(../images/logo.gif) no-repeat;
		width: 187px;
		height: 97px;
		float: left;
		text-indent: -9999px;
	}
	#header h2 {
		float: left;
		font-size: small;
		color: #6c4d0a;
		margin-top: 20px;
	}
	#navigation {
		list-style: none;
	}
		#navigation li {
			float: left;
			margin: 10px 1px;
		}
			#navigation li a {
				float: left;
				color: #fff;
				font-size: small;
				font-weight: bold;
				text-transform: uppercase;
				width: 129px;
				height: 22px;
				text-align: center;
				text-decoration: none;
				padding-top: 7px;
			}
				#navigation li a.green {
					background: url(../images/nav-green.gif) no-repeat;
				}
				#navigation li a.blue {
					background: url(../images/nav-blue.gif) no-repeat;
				}
				#navigation li a.orange {
					background: url(../images/nav-orange.gif) no-repeat;
				}
				#navigation li a.yellow {
					background: url(../images/nav-yellow.gif) no-repeat;
				}
					#navigation li a:hover {
						background: url(../images/nav-hover.gif) no-repeat;
					}
#popular {
	width: 420px;
	float: left;
	clear: left;
	border-left: 2px solid #e5e5e5;
	border-right: 2px solid #e5e5e5;
	background: url(../images/popular-background.gif) repeat-x top #e8e8e8;
}
	#popular-top {
		background: url(../images/popular-top.gif) no-repeat;
		width: 425px;
		height: 45px;
		margin-left: -3px;
	}
	#popular-bottom {
		background: url(../images/popular-bottom.gif) no-repeat;
		width: 425px;
		height: 21px;
		margin-left: -3px;
		clear: left;
	}
	#popular h2 a {
		background: url(../images/popular-title.gif) no-repeat;
		width: 403px;
		height: 29px;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		font-size: .6em;
		padding-top: 8px;
		position: relative;
		margin-top: -39px;
		margin-left: 8px;
		display: block;
		text-decoration: none;
		clear: left;
	}
	#popular h2 a:hover {
		color: #1d5404;
	}
	#popular h2 a.orange {
		background: url(../images/popular-title-orange.gif) no-repeat;
	}
	#popular h2 a.orange:hover {
		color: #7f570a;
	}
	ul.game-list {
		list-style: none;
		margin-left: 5px;
	}
		ul.game-list li {
			float: left;
			margin: 5px;
			width: 90px;
			height: 100px;
			margin-bottom: 20px;
		}
			ul.game-list li img {
				margin: 5px;
			}
			ul.game-list li a img {
				border: 2px solid #0f78e5;
				display: block;
			}
			ul.game-list li strong {
				display: block;
				text-align: center;
				font-size: small;
				color: #095df3;
			}
			ul.game-list li em {
				display: block;
				text-align: center;
				font-size: x-small;
				color: #999;
			}
			ul.game-list li div.played {
				float: right;
				width: 30px;
			}
#featured {
	width: 311px;
	float: left;
	border-left: 2px solid #e5e5e5;
	border-right: 2px solid #e5e5e5;
	background: url(../images/featured-background.gif) repeat-x top #e8e8e8;
	margin-left: 10px;
	margin-top: 1px;
}
	#featured-top {
		background: url(../images/featured-top.gif) no-repeat;
		width: 316px;
		height: 45px;
		margin-left: -3px;
	}
	#featured-top h2 a {
		background: url(../images/featured-title.gif) no-repeat;
		width: 403px;
		height: 29px;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		font-size: .6em;
		padding-top: 8px;
		position: relative;
/*		margin-top: -39px; */
		margin-left: 10px;
		display: block;
		text-decoration: none;
		clear: left;
	}
	#featured-top h2 a:hover {
		color: #1d5404;
	}
	#featured-top h2 a.orange {
	}
	#featured-top h2 a.orange:hover {
		color: #7f570a;
	}
	
	#featured-bottom {
		background: url(../images/featured-bottom.gif) no-repeat;
		width: 316px;
		height: 15px;
		margin-left: -3px;
		clear: left;
		margin-top: 15px;
	}
		#featured img {
			margin-top: -20px;
			margin-left: 10px;
			margin-bottom: 10px;
		}
		#featured strong {
			padding: 10px;
			font-size: medium;
			color: #095df3;
			font-weight: normal;
		}
		#featured p {
			padding: 10px;
			font-size: small;
			color: #555;
			margin-bottom: 10px;
		}
		#featured a {
			margin-left: 10px;
			padding-left: 15px;
			background: url(../images/bullet.gif) no-repeat left;
			font-size: small;
			color: #d46506;
		}
	ul.game-list-n {
		list-style: none;
		margin-left: 5px;
	}
		ul.game-list-n li {
			float: left;
			margin: 5px;
			margin-left: 3px;
			width: 100px;
			height: 100px;
			margin-bottom: 20px;
		}
			ul.game-list-n li img {
				margin: 5px;
			}
			ul.game-list-n li a img {
				border: 2px solid #0f78e5;
				display: block;
			}
			ul.game-list-n li strong {
				display: block;
				text-align: left;
				font-size: small;
				color: #095df3;
			}
			ul.game-list-n li em {
				display: block;
				text-align: left;
				font-size: x-small;
				color: #999;
			}
			ul.game-list-n li.played {
				float: left;
				width: 50px;
				display: block;
				height: 20px;
				margin-right: -45px;
				margin-top: 20px;
			}
				ul.game-list-n li.played strong {
					float: left;
					text-align: center;
					color: #dc1735;
				}
				ul.game-list-n li.played span {
					float: left;
					clear: left;
					margin-left: -3px;
					margin-top: 4px;
					padding: 3px;
					border: 1px dotted #9bbaf3;
					text-align: center;
					font-size: x-small;
					font-weight: bold;
				}
			ul.game-list-n li div.game {
				float: left;
				width: 30px;
			}
div.slots {
	width: 177px;
	float: left;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 20px;
}
	div.slots.blue {
		background-color: #edf8fc;
		border-left: 2px solid #9bbaf3;
		border-right: 2px solid #9bbaf3;
	}
		div.slots.blue .slot-title {
			background: url(../images/slot-blue.gif)  no-repeat top;
			width: 180px;
			height: 36px;
			display: block;
			margin-left: -4px;
			padding-top: 2px;
		}
			div.slots.blue .slot-title em {
				color: #fff;
				font-size: .7em;
				font-weight: bold;
				margin-left: 5px;
			}
			div.slots.blue .slot-title h2 a {
				color: #fff;
				margin-top: -2px;
				text-align: center;
				font-size: .7em;
				text-decoration: none;
				display: block;
			}
				div.slots.blue .slot-title h2 a:hover {
					color: #333;
				}
			
	div.slots.green {
		background-color: #e6fad7;
		border-left: 2px solid #9dcc98;
		border-right: 2px solid #9dcc98;
	}
		div.slots.green .slot-title {
			background: url(../images/slot-green.gif)  no-repeat top;
			width: 180px;
			height: 36px;
			display: block;
			margin-left: -4px;
			padding-top: 2px;
		}
			div.slots.green .slot-title em {
				color: #fff;
				font-size: .7em;
				font-weight: bold;
				margin-left: 5px;
			}
			div.slots.green .slot-title h2 a {
				color: #fff;
				margin-top: -2px;
				text-align: center;
				font-size: .7em;
				text-decoration: none;
				display: block;
			}
				div.slots.green .slot-title h2 a:hover {
					color: #333;
				}
			
	div.slots.orange {
		background-color: #fff0e9;
		border-left: 2px solid #feaa7c;
		border-right: 2px solid #feaa7c;
	}
		div.slots.orange .slot-title {
			background: url(../images/slot-orange.gif)  no-repeat top;
			width: 180px;
			height: 36px;
			display: block;
			margin-left: -4px;
			padding-top: 2px;
		}
			div.slots.orange .slot-title em {
				color: #fff;
				font-size: .7em;
				font-weight: bold;
				margin-left: 5px;
			}
			div.slots.orange .slot-title h2 a {
				color: #fff;
				margin-top: -2px;
				text-align: center;
				font-size: .7em;
				text-decoration: none;
				display: block;
			}
				div.slots.orange .slot-title h2 a:hover {
					color: #333;
				}
			
	div.slots.yellow {
		background-color: #fffedf;
		border-left: 2px solid #dbde8d;
		border-right: 2px solid #dbde8d;
	}
		div.slots.yellow .slot-title {
			background: url(../images/slot-yellow.gif)  no-repeat top;
			width: 180px;
			height: 36px;
			display: block;
			margin-left: -4px;
			padding-top: 2px;
		}
			div.slots.yellow .slot-title em {
				color: #fff;
				font-size: .7em;
				font-weight: bold;
				margin-left: 5px;
			}
			div.slots.yellow .slot-title h2 a {
				color: #fff;
				margin-top: -2px;
				text-align: center;
				font-size: .7em;
				text-decoration: none;
				display: block;
			}
				div.slots.yellow .slot-title h2 a:hover {
					color: #333;
				}
			
	div.slot-bottom {
		width: 183px;
		height: 11px;
		clear: left;
		margin-left: -3px;
	}
		div.slot-bottom.blue {
			background: url(../images/slot-blue-bottom.gif) no-repeat;
		}
		div.slot-bottom.green {
			background: url(../images/slot-green-bottom.gif) no-repeat;
		}
		div.slot-bottom.orange {
			background: url(../images/slot-orange-bottom.gif) no-repeat;
		}
		div.slot-bottom.yellow {
			background: url(../images/slot-yellow-bottom.gif) no-repeat;
		}
#content {
	clear: left;
	padding-top: 20px;
}
	#left {
		width: 420px; 
		float: left;
	}
		#left h3 {
			font-size: large;
			padding: 10px 0;
			color: #e66d07;
		}
		#left p {
			padding: 10px 0;
			font-size: .8em;
			line-height: 1.5em;
			color: #555;
			margin-bottom: 10px;
		}
	#right {
		width: 300px;
		padding-left: 11px;
		float: left;
		margin-left: 10px;
	}
		#right h4 {
			font-size: large;
			padding: 10px 0;
			font-weight: lighter;
			font-family: Georgia;
			color: #dc1735;
			font-style: italic;
		}
		#right p {
			padding: 10px 0;
			font-size: .8em;
			line-height: 1.5em;
			color: #555;
			margin-bottom: 10px;
		}
#footer {
	clear: left;
	width: 750px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}