/* Eric Myer's CSS Reset  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:Arial, Sans-Serif;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
.clear {
	clear:both;
}

/* The styling of the actual site, by Seb Kay: http://kayrosedesign.com */

body {
	background:#f6f6f6;
}

#nav_wrap {
	width:100%;
	border-bottom:1px solid #2a2c2e;
	background:#363b3f;
}

	#nav {
		width:960px;
		height:40px;
		margin:0px auto;
	}

		#nav_left {
			width:500px;
			float:left;
		}

			#nav_left li {
				margin:17px 30px 0px 0px;
				float:left;
				display:inline-block;
			}

				#nav_left li a {
					display:block;
				}

		#nav_right {
			width:140px;
			float:right;
		}

			#nav_right li {
				margin:17px 0px 0px 30px;
				float:left;
				display:inline-block;
			}

				#nav_right li a {
					display:block;
				}

#header_wrap {
	width:100%;
	border-bottom:1px solid #454a4e;
	background:#3a4245;
}

	#header {
		width:960px;
		margin:0px auto;
		padding:20px 0px 20px 0px;
	}
	#message {
		float:right;
		height:60px;
		margin-right:50px;
		padding-top:5px;
	}
	#ad {
		float:right;
		height:60px;
		margin-right:0px;
		padding-top:5px;
	}

#featured_wrap {
	width:960px;
	margin:0px auto;
	clear:both;
}

	#featured {
		width:960px;
		display:inline-block;
		padding:50px 0px 50px 0px;
	}

		#featured_info {
			width:315px;
			margin:0;
			float:left;
		}

			.featured_button {
				width:314px;
				height:59px;
				padding:0px 0px 0px 0px;
				display:inline-block;
				border:none;
				background: url('../images/bg/featured_button_sprite.png');
			}

			.featured_button:hover {
				background: url('../images/bg/featured_button_sprite.png') 0px -61px;
			}
			.featured_button:active {
				background: url('../images/bg/featured_button_sprite.png') 0px -122px;
			}
			.second_button {
				width:314px;
				height:59px;
				padding:0px 0px 0px 0px;
				display:inline-block;
				border:none;
				background: url('../images/bg/second_button_sprite.png');
			}

			.second_button:hover {
				background: url('../images/bg/second_button_sprite.png') 0px -61px;
			}
			.second_button:active {
				background: url('../images/bg/second_button_sprite.png') 0px -122px;
			}

		#featured_video {
			width:572px;
			float:right;
			background:#ddd;
		}

		#featured_video .video {
			padding:5px;
			box-shadow:0px 10px 10px -10px #6a6a6a;
			-moz-box-shadow:0px 10px 10px -10px #6a6a6a;
			-webkit-box-shadow:0px 10px 10px -10px #6a6a6a;
			border:1px solid #ababab;
			background:#fff;
		}
		#featured_video p {
			padding-left: 20px;
			padding-right: 20px;
		}
#whats_next {
	width:960px;
	height:40px;
	margin:0px auto;
	padding:20px 0px 20px 0px;
	box-shadow:0px 10px 10px -10px #6a6a6a;
	-moz-box-shadow:0px 10px 10px -10px #6a6a6a;
	-webkit-box-shadow:0px 10px 10px -10px #6a6a6a;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ababab;
	background:#ededed;
	clear:both;
}

	#whats_next h2 {
		margin:10px 0px 0px 40px;
		float:left;
	}

	#whats_next ol {
		margin:5px 40px 0px 0px;
		float:right;
	}

		#whats_next ol li {
			margin:0px 0px 0px 40px;
			float:left;
			display:inline-block;
		}

			#whats_next ol li img {
				float:left;
			}

			#whats_next ol li span {
				margin:13px 0px 0px 10px;
				display:inline-block;
			}

#content_wrap {
	width:960px;
	margin:50px auto;
	clear:both;
}

	#content {
		width:960px;
		display:inline-block;
	}

		#content .col {
			width:286px;
			margin:0px 25px 0px 0px;
			padding:0px 25px 0px 0px;
			float:left;
			background:url('../images/bg/col_separator.png') right repeat-y;
		}

			#content .col .icon {
				margin:-20px 0px 0px 0px;
				float:right;
			}

		#content .last_col {
			margin-right:0px;
			padding-right:0px;
			background:transparent;
		}

		.button {
			width:70px;
			height:37px;
			padding:7px;
			display:inline-block;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border:1px solid #000;
			background:#262c2e url('../images/bg/button_sprite.png') repeat-x;
		}
		.button:hover {
			cursor:pointer;
			background:#262c2e url('../images/bg/button_sprite.png') 0px -41px
		}
		.button:active {
			background:#262c2e url('../images/bg/button_sprite.png') 0px -82px
		}

		.btn_link {
			height:22px;
			margin:20px 0px 0px 0px;
		}

#newsletter_wrap {
	width:960px;
	height:50px;
	margin:0px auto;
	padding:20px 0px 20px 0px;
	box-shadow:0px 10px 10px -10px #6a6a6a;
	-moz-box-shadow:0px 10px 10px -10px #6a6a6a;
	-webkit-box-shadow:0px 10px 10px -10px #6a6a6a;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ababab;
	background:#ededed;
	clear:both;
}

	#newsletter_wrap h2 {
		margin:15px 40px;
		float:left;
	}

	#newsletter_wrap span {
		margin:0;
	}

	#newsletter_wrap form {
		margin:3px 0px 0px 78px;
		display:inline-block;
	}

		input {
			width:200px;
			margin:0px 10px 0px 0px;
			padding:10px;
			float:left;
			border:1px solid #ccc;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			background:#fff;
		}

#footer_wrap {
	width:100%;
	margin:50px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	border-top:1px solid #fff;
	background:#363b3f;
}

	#footer {
		width:960px;
		height:35px;
		margin:0px auto;
	}