/* @group Reset */

address, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
	}

fieldset, img {
	border: 0;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

ol, ul {
	list-style: none;
	}

address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
	}

caption, th {
	text-align: left;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}

q:before, q:after {
	content: '';
	}

abbr, acronym {
	border: 0;
	}

a:active, a:focus {
	outline: none;
	}

/* @end */

/* @group Typography */

h3, h4, p, span {
	font-family: 'IM Fell DW Pica', Georgia, serif;
	}

h3 {
	font-size: 42px;
	margin-bottom: 30px;
	text-align: center;
	}

h4 {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 24px;
	}

p {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 24px;
	}

#social_section p {
	color: #fff;
	font-size: 22px;
	letter-spacing: 1px;
	}

em {
	font-family: 'IM Fell DW Pica:Italic';
	}

/* @end */

/* @group Structure */

body {
	background-color: #000;
	}

#content {
	background: url(images/background.jpg) no-repeat;
	height: 74px;
	margin: 0 auto;
	overflow: hidden;
	padding: 705px 0 25px;
	position: relative;
	width: 990px;
	}

#home #content {
	background-image: url(images/background_home.jpg);
	width: 1060px;
	}

h1 {
	height: 58px;
	left: 608px;
	position: absolute;
	top: 42px;
	width: 338px;
	}

h1 a {
	background: url(images/wlog_active.jpg) -1000px -1000px no-repeat;
	display: block;
	height: 58px;
	text-indent: -9999px;
	width: 338px;
	}

h1 a:hover {
	background-position: top left;
	}

#home h1 {
	height: 1px;
	text-indent: -9999px;
	width: 1px;
	}

h2 {
	height: 99px;
	left: 61px;
	position: absolute;
	text-indent: -9999px;
	top: 50px;
	width: 506px;
	}

#episodes h2 {
	background: url(images/episodes.jpg) no-repeat;
	}

#about h2 {
	background: url(images/about.jpg) no-repeat;
	}

#faqs h2 {
	background: url(images/faqs.jpg) no-repeat;
	}

#trailers h2 {
	background: url(images/trailers.jpg) no-repeat;
	}

#contact h2 {
	background: url(images/contact.jpg) no-repeat;
	}

/* @end */

/* @group Navigation */

.navigation {
	height: 119px;
	left: 125px;
	position: absolute;
	top: 220px;
	width: 115px;
	}

#home .navigation {
	left: 160px;
	}

.navigation li {
	height: 29px;
	margin-bottom: 1px;
	width: 115px;
	}

.navigation a {
	background: url(images/nav_buttons.jpg) no-repeat;
	display: block;
	height: 29px;
	text-indent: -9999px;
	width: 115px;
	}

.episodes a:hover, 
.episodes a:active, 
#episodes li.episodes a {
	background-position: -115px 0px;
	}

.about a {
	background-position: 0 -30px;
	}

.about a:hover, 
.about a:active, 
#about .about a {
	background-position: -115px -30px;
	}

.faqs a {
	background-position: 0 -60px;
	}

.faqs a:hover, 
.faqs a:active, 
#faqs .faqs a {
	background-position: -115px -60px;
	}

.trailers a {
	background-position: 0 -90px;
	}

.trailers a:hover, 
.trailers a:active, 
#trailers .trailers a {
	background-position: -115px -90px;
	}

#episodes .episodes a:hover,
#about .about a:hover,
#faqs .faqs a:hover,
#trailers .trailers a:hover {
	cursor: default;
	}

.contact {
	height: 71px;
	left: 587px;
	position: absolute;
	text-indent: -9999px;
	top: 555px;
	width: 280px;
	}

.contact a {
	background: url(images/contact_hand.jpg) no-repeat;
	display: block;
	height: 71px;
	width: 280px;
	}

.contact a:hover, .contact a:active {
	background-position: 0 -71px;
	}

/* @end */

/* @group Home */

#home p.episodes {
	height: 202px;
	left: 683px;
	position: absolute;
	top: 223px;
	width: 202px;
	}

#home p.episodes a {
	background: url(images/magnify.jpg) -9999px -9999px no-repeat;
	display: block;
	height: 202px;
	text-indent: -9999px;
	width: 202px;
	}

#home p.episodes a:hover, #home p.episodes a:active {
	background-position: top left;
	}

/* @end */

/* @group Episodes */

.episodes-launch {
	height: 369px;
	left: 271px;
	position: absolute;
	top: 177px;
	width: 621px;
	}

.episodes-launch li {
	float: left;
	margin: 0 17px 15px 0;
	height: 108px;
	width: 190px;
	}

.episodes-launch li a {
	background: url(images/lock.jpg) no-repeat;
	display: block;
	height: 108px;
	text-indent: -9999px;
	width: 190px;
	}

.episodes-launch .lock a:hover {
	background-position: 0 -108px;
	}

.episodes-launch .lock a:active {
	background-position: 0 -216px;
	}

.episodes-launch .episode1 a {
	background: url(images/episode1.jpg) no-repeat;
	}

.episodes-launch .episode1 a:hover, .episodes-launch .episode1 a:active {
	background-position: 0 -108px;
	}

.episodes-launch .episode2 a {
	background: url(images/episode2.jpg) no-repeat;
	}

.episodes-launch .episode2 a:hover, .episodes-launch .episode2 a:active {
	background-position: 0 -108px;
	}

.episodes-launch .episode3 a {
	background: url(images/episode3.jpg) no-repeat;
	}

.episodes-launch .episode3 a:hover, .episodes-launch .episode3 a:active {
	background-position: 0 -108px;
	}

.episodes-launch .episode4 a {
	background: url(images/episode4.jpg) no-repeat;
	}

.episodes-launch .episode4 a:hover, .episodes-launch .episode4 a:active {
	background-position: 0 -108px;
	}

.episodes-launch .episode5 a {
	background: url(images/episode5.jpg) no-repeat;
	}

.episodes-launch .episode5 a:hover, .episodes-launch .episode5 a:active {
	background-position: 0 -108px;
	}

.episodes-launch .episode6 a {
	background: url(images/episode6.jpg) no-repeat;
	}

.episodes-launch .episode6 a:hover, .episodes-launch .episode6 a:active {
	background-position: 0 -108px;
	}

.episodes-launch .episode7 a {
	background: url(images/episode7.jpg) no-repeat;
	}

.episodes-launch .episode7 a:hover, .episodes-launch .episode7 a:active {
	background-position: 0 -108px;
	}

.episodes-launch .episode8 a {
	background: url(images/episode8.jpg) no-repeat;
	}

.episodes-launch .episode8 a:hover, .episodes-launch .episode8 a:active {
	background-position: 0 -108px;
	}

.episodes-launch .compass {
	background: url(images/compass.jpg) no-repeat;
	text-indent: -9999px;
	}

.next_episode_date {
	background: url(images/next_episode_date.jpg) no-repeat;
	height: 234px;
	left: 108px;
	position: absolute;
	text-indent: -9999px;
	top: 386px;
	width: 138px;
	}

/* @end */

/* @group About and FAQs */

div.about_box, div.faqs_box {
	background: url(images/text_box.jpg) no-repeat;
	height: 273px;
	left: 272px;
	overflow: auto;
	padding: 40px;
	position: absolute;
	top: 176px;
	width: 522px;
	}

/* FlexScroll */

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0;
	left: 0;
	}

.vscrollerbase {
	width: 10px;
	background-color: black;
	}

.vscrollerbar {
	width: 10px;
	background-color: #bb7600;
	}

.hscrollerbase {
	height: 10px;
	background-color: black;
	}

.hscrollerbar {
	height: 10px;
	background-color: #bb7600;
	}

.scrollerjogbox {
	width: 10px;
	height: 10px;
	top: auto;
	left: auto;
	bottom: 0px;
	right: 0px;
	background-color: black;
	}

/* @end */

/* @group Trailers */

.the_idea, .the_gold, .the_crew {
	position: absolute;
	text-indent: -9999px;
	}

.the_idea {
	background: url(images/the_idea.jpg) no-repeat;
	height: 82px;
	left: 318px;
	top: 229px;
	width: 108px;
	}

.the_gold {
	background: url(images/the_gold.jpg) no-repeat;
	height: 71px;
	left: 204px;
	top: 499px;
	width: 132px;
	}

.the_crew {
	background: url(images/the_crew.jpg) no-repeat;
	height: 95px;
	left: 762px;
	top: 257px;
	width: 117px;
	}

.trailers-launch {
	height: 331px;
	left: 290px;
	position: absolute;
	top: 179px;
	width: 562px;
	z-index: 100;
	}

.trailers-launch li {
	float: left;
	height: 147px;
	width: 262px;
	}

.trailers-launch li a {
	background: url(images/lock_large.jpg) no-repeat;
	display: block;
	height: 147px;
	text-indent: -9999px;
	width: 262px;
	}

.trailers-launch .lock a:hover {
	background-position: 0 -147px;
	}

.trailers-launch .lock a:active {
	background-position: 0 -294px;
	}

.trailers-launch .trailer1 {
	padding: 0 150px 37px;
	}

.trailers-launch .trailer1 a {
	background: url(images/trailer1.jpg) no-repeat;
	}

.trailers-launch .trailer1 a:hover, .trailers-launch .trailer1 a:active {
	background-position: 0 -147px;
	}

.trailer2 {
	margin-right: 38px;
	}

.trailers-launch .trailer2 a {
	background: url(images/trailer2.jpg) no-repeat;
	}

.trailers-launch .trailer2 a:hover, .trailers-launch .trailer2 a:active {
	background-position: 0 -147px;
	}

.trailers-launch .trailer3 a {
	background: url(images/trailer3.jpg) no-repeat;
	}

.trailers-launch .trailer3 a:hover, .trailers-launch .trailer3 a:active {
	background-position: 0 -147px;
	}

.next_trailer_date {
	background: url(images/next_trailer_date.jpg) 0px -60px no-repeat;
	height: 55px;
	left: 109px;
	position: absolute;
	text-indent: -9999px;
	top: 585px;
	width: 336px;
	}

/* @end */

/* @group Contact */

.puppet_emails {
	height: 424px;
	left: 281px;
	position: absolute;
	top: 132px;
	width: 584px;
	z-index: 100;
	}

.puppet_emails li {
	float: left;
	height: 212px;
	width: 292px;
	}

.puppet_emails li a {
	background: url(images/contact-ul.jpg) no-repeat;
	display: block;
	height: 212px;
	position: absolute;
	text-indent: -9999px;
	width: 292px;
	}

.puppet_emails .mulligan a {
	background-position: -292px 0;
	}

.puppet_emails .crothers a {
	background-position: 0 -212px;
	}

.puppet_emails .tom a {
	background-position: -292px -212px;
	}

.puppet_emails .captain a:hover, .puppet_emails .captain a:active {
	background-position: 0 -424px;
	}

.puppet_emails .mulligan a:hover, .puppet_emails .mulligan a:active {
	background-position: -292px -424px;
	}

.puppet_emails .crothers a:hover, .puppet_emails .crothers a:active {
	background-position: 0 -636px;
	}

.puppet_emails .tom a:hover, .puppet_emails .tom a:active {
	background-position: -292px -636px;
	}

.facebook_sign {
	height: 93px;
	left: 104px;
	position: absolute;
	top: 433px;
	width: 149px;
	}

.facebook_sign a {
	background: url(images/facebook_sign.jpg) no-repeat;
	display: block;
	height: 93px;
	text-indent: -9999px;
	width: 149px;
	}

.facebook_sign a:hover, .facebook_sign a:active {
	background-position: 0 -93px;
	}

.squid {
	background: url(images/sign_squid.jpg) no-repeat;
	height: 114px;
	left: 104px;
	position: absolute;
	text-indent: -9999px;
	top: 526px;
	width: 175px;
	}

.squid:hover {
	background-position: 0 -114px;
	}

.info_sign {
	height: 85px;
	left: 279px;
	position: absolute;
	top: 555px;
	width: 175px;
	}

.info_sign a {
	background: url(images/info_sign.jpg) no-repeat;
	display: block;
	height: 85px;
	text-indent: -9999px;
	width: 175px;
	}

.info_sign a:hover, .info_sign a:active {
	background-position: 0 -85px;
	}

/* @end */

/* @group Social */

#social_section {
	height: 74px;
	margin: 0 48px;
	width: 894px;
	}

#home #social_section {
	margin-left: 83px;
	}

#social {
	float: left;
	width: 387px;
	}

#social li {
	float: left;
	margin-right: 3px;
	}

.share p {
	margin-bottom: 4px;
	width: 387px;
	}

#connect {
	float: right;
	width: 172px;
	}

#connect li {
	float: right;
	margin-left: 3px;
	}

.connect p {
	margin-bottom: 4px;
	text-align: right;
	width: 172px;
	}

.social_link a, .connect_link a {
	background: url(images/social_icons.jpg) no-repeat;
	display: block;
	height: 40px;
	position: relative;
	text-decoration: none;
	width: 40px;
	}

.social_link a span, .connect_link a span {
	background-color: #000;
	color: #fff;
	display: none;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	left: -230px;
	position: absolute;
	text-align: center;
	top: 48px;
	width: 500px;
	}

.social_link a:hover span, .connect_link a:hover span {
	display: block;
	}

.facebook a:hover, .facebook a:active {
	background-position: 0 -40px;
	}

.twitter a {
	background-position: -40px 0;
	}

.twitter a:hover, .twitter a:active {
	background-position: -40px -40px;
	}

.stumbleupon a {
	background-position: -80px 0;
	}

.stumbleupon a:hover, .stumbleupon a:active {
	background-position: -80px -40px;
	}

.digg a {
	background-position: -120px 0;
	}

.digg a:hover, .digg a:active {
	background-position: -120px -40px;
	}

.reddit a {
	background-position: -160px 0;
	}

.reddit a:hover, .reddit a:active {
	background-position: -160px -40px;
	}

.delicious a {
	background-position: -200px 0;
	}

.delicious a:hover, .delicious a:active {
	background-position: -200px -40px;
	}

.newsvine a {
	background-position: -240px 0;
	}

.newsvine a:hover, .newsvine a:active {
	background-position: -240px -40px;
	}

.technorati a {
	background-position: -280px 0;
	}

.technorati a:hover, .technorati a:active {
	background-position: -280px -40px;
	}

.email a {
	background-position: -320px 0;
	}

.email a:hover, .email a:active {
	background-position: -320px -40px;
	}

.rss a {
	background-position: -360px 0;
	}

.rss a:hover, .rss a:active {
	background-position: -360px -40px;
	}

.twitter_mulligan a {
	background-position: -440px 0;
	}

.twitter_mulligan a:hover, .twitter_mulligan a:active {
	background-position: -440px -40px;
	}

.twitter_captain a {
	background-position: -400px 0;
	}

.twitter_captain a:hover, .twitter_captain a:active {
	background-position: -400px -40px;
	}

/* @end */

/* @group OVER */

.over {
	position: absolute;
	left: 460px; top: 150px;
	z-index: 1000;
	transform: rotate(-10deg);
	-ms-transform: rotate(-10deg); /* IE 9 */
	-webkit-transform: rotate(-10deg); /* Safari and Chrome */
	-o-transform: rotate(-10deg); /* Opera */
	-moz-transform: rotate(-10deg); /* Firefox */
}

/* @end */