body {
	background-color: black;
	font-family: "Helvetica Neue", "Helvetica";
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/background.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

textarea {
	font-family: "Helvetica Neue", "Helvetica";
}

a,a:visited,a:active {
	color: #293f51;
	font-weight: bold;
	text-shadow: 0px 1px 0px #fff;
	text-decoration: none;
	outline: none;
}
a img {
	border: none;
	outline: none;
}

a:hover {
	opacity: 0.9;
	color: #111;
}

h1 {
	font-size: 16px;
	margin: 10px 0px;
	padding: 0px;
}
h1.first, h2.first {
	margin-top: 0px;
}
h2 {
	font-size: 14px;
	margin: 10px 0px;
	padding: 0px;
}

input[type=text]:focus,
input[type=password]:focus {
  outline: 0 none;
}

#application {
	background-color: #ebebeb;
	color: #293f51;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 0px 1px 0px #fff;
	width: 998px;
	margin: 0 auto;
	text-align: left;
	min-height: 540px;
	position: relative;
	padding-bottom: 160px;
}

#header {
	height: 70px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
	padding: 10px 22px 0px 0px;
	text-align: right;
	cursor: pointer;
}

#navigation {
	background-color: black;
	background-image: url(../images/nav_background.jpg);
	margin: 0px 18px;
	width: 960px;
	height: 53px;
	position: relative;
}
	#navigation ul {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}
		#navigation ul li {
			padding: 0px;
			margin: 0px;
			margin-top: 10px;
			float: left;
			height: 34px;
			border-right: 1px solid #6a7783;
			border-left: 1px solid #1d2a36;
			padding: 0px 20px;
		}
			#navigation ul li a {
				color: white;
				line-height: 34px;
				height: 34px;
				text-shadow: 0px 1px 0px #000;
				text-transform: uppercase;
				text-decoration: none;
				outline: none;
			}
			#navigation ul li a:hover {
				color: #c0e3ff;
				text-decoration: none;
			}
		#navigation ul li:first-child { /* CSS3 */
			border-left: none;
		}
		#navigation ul li:last-child { /* CSS3 */
			border-right: none;
		}
		#navigation #explore_games {
			position: absolute;
			right: 10px;
			top: 5px;
			cursor: pointer;
		}
		#explore_games_overlay {
			background-image: url(../images/explore_games_overlay.png);
			width: 434px;
			height: 536px;
			position: absolute;
			z-index: 1000;
			right: 5px;
			top: -4px;
			display: none;
		}
			#explore_games_overlay ul {
				margin: 0px;
				padding: 0px;
			}
			#explore_games_overlay ul li {
				float:none;
				position: relative;
				border: none;
				line-height: 36px;
				font-size: 14px;
				padding: 5px 0px;
				margin: 0px;
				background-image: url(../images/chevron2.png);
				background-repeat: no-repeat;
				background-position: right center;
				color: ;
			}
				#explore_games_overlay ul li a {
					color: #293f51;
					font-size: smaller;
					font-weight: normal;
					text-shadow: none;
				}
				#explore_games_overlay ul li img {
					vertical-align: middle;
				}
			#explore_games_overlay .left {
				float: left;
				width: 195px;
				margin-top: 60px;
			}
			#explore_games_overlay .right {
				float: left;
				width: 220px;
				margin-top: 60px;
			}
	
#content {
	padding: 20px;
}
	#content .left_small_column {
		width: 231px;
		float: left;
		margin-right: 14px;
	}
	#content .right_small_column {
		width: 230px;
		float: left;
		margin-left: 15px;
	}
	
	#content .large_column {
		width: 713px;
		float: left;
	}

#footer {
	position: absolute;
	bottom: 0px;
	border-top: 1px solid #c8c8c8;
	padding: 10px 20px;
	background-color: #dedede;
	width: 958px;
}
	#sitemap {
	   background-color: #1c2834;
	   color: white;
	   text-shadow: 1px 1px 0px #111;
	   -webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	   background-image: url(../images/footer.png);
	   background-repeat: repeat-x;
	}
		#sitemap .section {
			float: left;
			padding: 10px 30px;
			font-weight: normal;
			line-height: 18px;
		}
			#sitemap .section ul li a {
				color: white !important;
				text-shadow: 0px 1px 0px #111;
			}
			#sitemap .section ul {
				list-style-type: none;
				font-size: 12px;
				margin: 0px;
				padding: 0px;
			}
				#sitemap .section ul li {
					list-style-type: none;
					margin: 0px;
					padding: 0px;
				}		

#overlay {
	z-index: 1200;
	background-image: url(../images/overlay.png);
	width: 100%;
	height: 100%;
	position: fixed;
	display: none;
	top: 0px;
	left: 0px;
	text-align: center;
	color: #293f51;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 0px 1px 0px #fff;
}
	#overlay_content {
		width: 525px;
		min-height: 200px;
		background-color: white;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		margin: 0 auto;
		text-align: left;
		margin-top: 180px;
	}
	#overlay_title {
		background-color: #ced6dd;
		background-image: url(../images/close.png);
		background-repeat: no-repeat;
		background-position: 98% center;
		cursor: pointer;
		padding: 10px 15px;
		border-bottom: 1px solid #c8c8c8;
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
	}
	#overlay_message {
		padding: 20px 40px;
	}
	#overlay .text_input {
		border: 1px solid #c8c8c8;
		color: #293f51;
		width: 425px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		padding: 5px 10px;
		font-size: 18px;
	}
	#overlay .image_button {
		float: right;
	}

.list {
	background-color: white;
	border: 1px solid #c4c8cc;
}
	.list .title {
		background-color: #d7dee4;
		padding: 5px 10px;
		font-size: 14px;
		line-height: 27px;
	}
	.list .subtitle {
		background-color: #e6e6e6 !important;
		border-top: 1px solid #c2c2c2;
		color: #888 !important;
		font-size: 10px !important;
		text-transform: uppercase;
		padding: 10px;
	}
		.list .subtitle .expand {
			float: right;
			text-align: right;
		}
	.list ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	.list ul li {
		list-style-type: none;
		margin: 0px;
		padding: 10px;
		border-top: 1px solid #ccc;
		font-size: 12px;
	}
		.list ul li a.full {
			display: block;
			background-image: url(../images/chevron2.png);
			background-repeat: no-repeat;
			background-position: right center;
		}
	.list ul li:after {
		content: ".";
    	display: block;
    	height: 0;
    	clear: both;
    	visibility: hidden;
	}
	.list ul li:nth-of-type(even) { /* CSS3 */
		/* background-color: #f5f5f5; */
	}
	.list ul li p {
		color: #544c4c;
		font-size: 10px;
		margin: 0px;
		padding: 0px;
	}
	.list ul li .list_thumb {
		width: 40px;
		height: 40px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		float: left;
		margin-right: 10px;
	}

.single {
	padding: 10px;
	background-color: #DBDBDB;
	border: 1px solid #c4c8cc;
}

.trail {
	font-size: smaller;
	color: #333;
	text-transform: capitalize;
}

.sign_in {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color: #243645;
	padding: 10px;
}
	.sign_in form {
		margin: 10px 0px;
	}
		.sign_in form .text_input {
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border: none;
			padding: 4px 8px;
			margin-bottom: 10px;
			width: 195px;
			height: 20px;
			font-size: 16px;
			font-weight: bold;
			color: #293f51;
		}
		.sign_in form .text_input::-webkit-input-placeholder {
			font-weight: normal;
			font-size: 12px;
		}
		.sign_in form .submit {
			float: right;
		}
		.sign_in .error {
			color: red;
			display: none;
			font-size: smaller;
		}


/* Forms */
.text_input {
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: none;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: bold;
    color: #293f51;
}

/* Colors */
.bright {
	color: #fff;
	text-shadow: 0px 1px 1px #000;
}
.highlight {
	color: #c0e3ff;
}

/* Buttons */
.image_button {
	cursor: pointer;
	display: block;
	vertical-align: middle;
}
.image_button:hover {
	opacity: 0.8;
}

/* Corners */
.top_left_corner {
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 1000;
	background-image: url('../images/corners/top_left.png');
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
}
.top_right_corner {
	position: absolute;
	top: -1px;
	right: -1px;
	z-index: 1000;
	background-image: url('../images/corners/top_right.png');
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
}
.bottom_left_corner {
	position: absolute;
	bottom: -1px;
	left: -1px;
	z-index: 1000;
	background-image: url('../images/corners/bottom_left.png');
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
}
.bottom_right_corner {
	position: absolute;
	bottom: -1px;
	right: -1px;
	z-index: 1000;
	background-image: url('../images/corners/bottom_right.png');
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
}

/* Fonts */
.smaller {
	font-size: 12px;
	font-weight: normal;
}

/* Helper Classes */
.hidden {
	display: none;
}
.vspace {
	margin: 15px 0px;
}
.half {
	width: 50%;
}
.margin_left {
	margin-left: 5px;
}
.margin_right {
	margin-right: 5px;
}
.float_right {
	float: right;
}
.float_left {
	float: left;
}
.align_right {
	text-align: right;
}
.align_left {
	text-align: left;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}