/*
Author - Calum Ryan
Year - 2010
Site - How to Train Your Dragon
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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%;
	vertical-align: baseline;
	background: transparent;
}
html { overflow: -moz-scrollbars-vertical; }
body {
	width:100%;
	height:100%;
	background:#000;
	color:#000;
	font-family:"Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 1.2em;
	font-size: 100%;
	margin: 0;
}
a, a:visited {
	color:#039;
}
a:hover {
	text-decoration:none;
}
.padding {
	padding:5px;
}
.indent {
	text-indent:-10000px;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.center {
	text-align:center;
}
#wrapper {
	width:962px;
	margin:0 auto;
	padding-top:10px;
	overflow:hidden;
}
#wrapper, #content, #h_content,  #footer, .h_enter {
	width:962px;
}
#footer {
	margin:0 auto;
}
.paramount, .legal, .dreamworks {
	height:58px;
	float:left;
	padding:0 65px;
	color:#FFF;
	text-indent:-10000px;
}
.paramount {
	background:url(../images/httyd_paramount.jpg) no-repeat top center;
	width:55px;
}
.legal {
	background:url(../images/httyd_legal.jpg) no-repeat top center;
	width:380px;
}
.dreamworks {
	background:url(../images/httyd_dreamworks.jpg) no-repeat center;
	width:134px;
}
#slice_frameTop {
	background:url(../images/httyd_slice_04.jpg) no-repeat top center;
	width:960px;
	height:27px;
}
#slice_frameSec1 {
	background:url(../images/httyd_slice_05.jpg) no-repeat top center;
	width:360px;
	height:85px;
	float:left;
}
#slice_frameSec2 {
	background:url(../images/httyd_slice_07.jpg) no-repeat top center;
	width:351px;
	height:85px;
	float:left;
}
#navigation {
	width:610px;
	margin-left:170px;
	padding-top:3px;
	height:60px;
}
#navigation li, #book_content li {
	float:left;
	list-style:none;
}
.cressida, .cressida_active, .dragon, .dragon_active, .fun_games, .fun_games_active, .trailer, .trailer_active {
	height:60px;
	display:block;
	background:url(../images/httyd_navigation.jpg) no-repeat;
}
.cressida {
	width:155px;
}
.cressida:hover {
	background-position:0px -60px;
	width:155px;
}
.cressida_active {
	background-position:0px -120px;
	width:155px;
}
.dragon {
	background-position:-155px 0px;
	width:151px;
}
.dragon:hover {
	background-position:-155px -60px;
	width:151px;
}
.dragon_active {
	background-position:-155px -120px;
	width:151px;
}
.fun_games {
	background-position:-305px 0px;
	width:151px;
}
.fun_games:hover {
	background-position:-305px -60px;
	width:151px;
}
.fun_games_active {
	background-position:-305px -120px;
	width:151px;
}
.trailer {
	background-position:-454px 0px;
	width:151px;
}
.trailer:hover {
	background-position:-454px -60px;
	width:151px;
}
.trailer_active {
	background-position:-454px -120px;
	width:151px;
}
.heading {
	background:url(../images/httyd_slice_06.jpg) no-repeat;
	width:250px;
	height:85px;
	display:block;
	float:left;
}
#content, #content_2 {
	background:url(../images/httyd_slice_08.jpg) no-repeat top center;
	height:611px;
	clear:both;
}
#content_2 {
	background:url(../images/httyd_slice_08_blank.jpg) no-repeat top center;
}
#page_container {
	width:520px;
	height:410px;
	overflow:auto;
	margin-left:210px;
	padding-top:10px;
	position:relative;
	float:left;
}

.video_player {
	width:410px;
	height:280px;
	margin:0 auto;
	position:relative;
}

#page_container h2 {
	width:400px;
	height:25px;
}
#page_container .h2_games {
	background:url(../images/httyd_h2_games.gif) no-repeat;
}
#page_container .h2_teachers {
	background:url(../images/httyd_h2_teachers.gif) no-repeat;
}
#page_container .h2_trailer {
	background:url(../images/httyd_h2_trailer.gif) no-repeat;
}
#page_container .h2_cressida {
	background:url(../images/httyd_h2_cressida.gif) no-repeat;
}
#page_container .h2_transcripts {
	background:url(../images/httyd_h2_transcripts.gif) no-repeat;
}
#page_container ul {
	margin-left:30px;
}
#book_content {
	background:url(../images/httyd_book.gif) no-repeat top center;
	height:496px;
	clear:both;
	padding:20px 0 0 0;
	width:751px;
	margin:0 auto;
}
#book_content p {
	font-size:80%;
	width:350px;
	text-align:center;
	margin:0 auto;
	padding:0;
}
.page {
	width:355px;
	padding:0 0 0 10px;
}
.page li {
	margin:5px 0 0 10px;
	padding:0;
}
.gronckle, .gronckle:hover, .gronckle_active, .nadder, .nadder:hover, .nadder_active, .nightfury, .nightfury:hover, .nightfury_active, .monstrousnightmare, .monstrousnightmare:hover, .monstrousnightmare_active, .terribleterror, .terribleterror:hover, .terribleterror_active, .hideouszippleback, .hideouszippleback:hover, .hideouszippleback_active {
	background:url(../images/httyd_dragons.gif) no-repeat;
	display:block;
	padding:0;
	margin:0;
}
.gronckle {
	width:110px;
	height:110px;
	background-position:0 -25px;
}
.gronckle:hover, .gronckle_active {
	width:110px;
	height:110px;
	background-position:-350px -25px;
}
.nadder {
	width:175px;
	height:110px;
	background-position:-140px -30px;
}
.nadder:hover, .nadder_active {
	width:175px;
	height:110px;
	background-position:-490px -30px;
}
.nightfury {
	width:145px;
	height:140px;
	background-position:0 -160px;
}
.nightfury:hover, .nightfury_active {
	width:145px;
	height:140px;
	background-position:-350px -160px;
}
.monstrousnightmare {
	width:165px;
	height:150px;
	background-position:-162px -140px;
}
.monstrousnightmare:hover, .monstrousnightmare_active {
	width:165px;
	height:150px;
	background-position:-512px -140px;
}
.terribleterror {
	width:165px;
	height:100px;
	background-position:0 -340px;
}
.terribleterror:hover, .terribleterror_active {
	width:165px;
	height:100px;
	background-position:-350px -340px;
}
.hideouszippleback {
	width:145px;
	height:130px;
	background-position:-170px -300px;
}
.hideouszippleback:hover, .hideouszippleback_active {
	width:145px;
	height:130px;
	background-position:-520px -300px;
}
.page h2 {
	width:320px;
	height:25px;
	margin-left:20px;
	margin-bottom:10px;
}
.h2_dragons {
	background:url(../images/httyd_h2_dragons.gif) no-repeat;
}
.page_gronckle, .page_nadder, .page_nightfury, .page_monstrousnightmare, .page_terribleterror, .page_hideouszippleback {
	width: 340px;
	height:200px;
}
.page_gronckle {
	background:url(../images/httyd_slice_page_gronckle.gif) no-repeat;
}
.page_nadder {
	background:url(../images/httyd_slice_page_nadder.gif) no-repeat;
}
.page_nightfury {
	background:url(../images/httyd_slice_page_nightfury.gif) no-repeat;
}
.page_monstrousnightmare {
	background:url(../images/httyd_slice_page_monstrousnightmare.gif) no-repeat;
}
.page_terribleterror {
	background:url(../images/httyd_slice_page_terribleterror.gif) no-repeat;
}
.page_hideouszippleback {
	background:url(../images/httyd_slice_page_hideouszippleback.gif) no-repeat;
}
.transcript_caption {
	float:right;
	font-size:90%;
	margin:0 0 0.3em;
	padding-right:20px;
}
.pdfs li {
	float:left;
	width:100px;
	margin-right:5px;
	background:url(../images/httyd_pdf.gif) no-repeat;
	padding-left:50px;
	padding-top:8px;
	list-style:none;
	height:48px;
	display:block;
}
.pdfs li a {
	display:block;
}
.question_list {
	clear:both;
	margin-left:40px;
}
.question_list li {
	display:list-item;
	margin-bottom:10px;
	padding-bottom:5px;
	width:380px;
	border-bottom:#000 1px dotted;
}
/*Landing Page*/
#h_slice_frameTop {
	background:url(../images/landing_page/httyd_03.jpg) no-repeat top center;
	width:961px;
	height:27px;
}
#h_slice_frameSec1 {
	background:url(../images/landing_page/httyd_05.jpg) no-repeat top center;
	width:360px;
	height:85px;
	float:left;
}
#h_slice_frameSec2 {
	background:url(../images/landing_page/httyd_07.jpg) no-repeat top center;
	width:351px;
	height:85px;
	float:left;
}
#h_content {
	height:611px;
	clear:both;
	text-indent:-99999px;
}
.h_heading {
	background:url(../images/landing_page/httyd_06.jpg) no-repeat;
	width:250px;
	height:85px;
	display:block;
	float:left;
}
.h_enter {
	background:url(../images/landing_page/httyd_08.jpg) no-repeat top center;
	height:611px;
	clear:both;
	display:block;
}
.h_enter:hover {
	background-position:0 -611px;
}

#playlist {
	width:400px;
	height:40px;
	text-align:left;
	line-height:1.3em;
	font-weight:bold;
	margin:10px 0;
}


/* facebook like */

#facebook_like_div {
float: right;
padding: 0;
margin: 0 0  0 0;
border:none; 
overflow:hidden; 
width:50px; 
height:25px;
text-align: left;
}

#like_button {
float: left;
padding: 0;
margin: 0;
border:none; 
height:25px; 
}