@charset "utf-8";
/* CSS Document */

/* header */

#header {
	background: url(../img/main/header.jpg) top center no-repeat;
	height: 660px;
}

#flash-container {
	width: 1000px;
	height: 130px;
	margin: 0 auto;
	position: relative;
	top: 190px;
}

#flash {
	width: 180px;
	height: 130px;
	position: relative;
	top: -660px;
	left: 27%;
}

#nav {
	width: 1000px;
	height: 209px;
	margin: 0 auto;
	position: relative;
	top: 190px;
}

#members {
	width: 191px;
	height: 41px;
	display: block;
	position: relative;
	top: 130px;
	left: 12%;
}

#members a:link {
	text-decoration: none;
	width: 191px;
	height: 41px;
	display: block;
}

#members a:visited {
	text-decoration: none;
	width: 191px;
	height: 41px;
	display: block;
}

#members a:hover {
	text-decoration: none;
	width: 191px;
	height: 41px;
	display: block;
}

#instant-access {
	width: 285px;
	height: 85px;
	display: block;
	position: relative;
	top: 83px;
	left: 33.6%;
}

#instant-access a:link {
	text-decoration: none;
	width: 285px;
	height: 85px;
	display: block;
}

#instant-access a:visited {
	text-decoration: none;
	width: 285px;
	height: 85px;
	display: block;
}

#instant-access a:hover {
	text-decoration: none;
	width: 285px;
	height: 85px;
	display: block;
}

#free-tour {
	width: 191px;
	height: 41px;
	display: block;
	position: relative;
	top: 32px;
	left: 68.1%;
}

#free-tour a:link {
	text-decoration: none;
	width: 191px;
	height: 41px;
	display: block;
}

#free-tour a:visited {
	text-decoration: none;
	width: 191px;
	height: 41px;
	display: block;
}

#free-tour a:hover {
	text-decoration: none;
	width: 191px;
	height: 41px;
	display: block;
}

#intro {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	top: 220px;
	left: 0;
}

#intro p {
	font: italic bold 75% "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-indent: 30px;
	margin: 0 27% 0 15%;
	padding: 0;
}

/* /header */

/* content */

	/* episode */
	
	.episode {
		background: url(../img/main/episode-bg.png) top no-repeat;
		width: 295px;
		margin: 30px auto 0 auto;
	}
	
	.episode p.title {
		font: bold 87.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #527c15;
		margin: 10px 0 0 10px;
		padding: 0;
		float: left;
	}
	
	.episode div.rating {
		background: url(../img/main/star-on.gif) top right repeat-x;
		width: 95px;
		text-align: right;
		float: right;
		margin: 10px 10px 10px 0;
		padding: 0;
	}
	
	.episode table {
		width: 275px;
		margin: 0 auto;
		padding: 0;
		border: none;
		font-size: 9px;
	}
	
	.episode p.desc {
		margin: 10px 10px 0 10px;
		padding: 0;
		font: normal 68.8% "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-indent: 15px;
	}

	.episode p.link {
		padding: 0;
		margin: 0;
		font: bold 187.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-align: center;
	}
		
	.episode-green-bar {
		background: url(../img/main/episode-green-bar.png) top no-repeat;
		width: 275px;
		height: 30px;
		margin: 10px auto 0 auto;
		font: normal 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #fff;
	}
	
	.episode-green-bar p.video-length {
		float: left;
		margin: 8px 0 0 20px;
		padding: 0;
		display: inline; /* ie6 fix */
	}
	
	.episode-green-bar p.video-date {
		float: right;
		margin: 8px 20px 0 0;
		padding: 0;
		display: inline; /* ie6 fix */
	}
	
	/* /episode */

#link {
	font: bold 587.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	margin: 7px 0 0 0;
	padding: 0;
}

#link a:link {
	color: #618726;
	text-decoration: underline;
}

#link a:hover {
	color: #ca6455;
	text-decoration: none;
}

/* /content */

/* footer */

#footer {
	background: url(../img/main/footer.jpg) top center no-repeat;
	height: 580px;
}

/* /footer */