/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

body {
	background: #000;
	font-family: Arial, Helvetica, sans-serif;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #fff;
    margin: 1em 0;
    padding: 0;
}

img {
	border: 0;
    vertical-align: middle;
}

.clear{
	clear: both;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

div.topad {
	width: 738px;
	height: 90px;
	margin: 25px auto;
	padding: 0 0 0 10px;
	background: url("../img/adslug-vertical.gif") no-repeat left bottom;
	border: 0;	
}

div.adslug {
	width: 996px;
	height: 15px;
	margin-bottom: 1px;
	background: url("../img/adslug-996.png") no-repeat center top;
	border: 0;	
}

#container {
    width: 100%;
	margin: 0 auto;
}

#content {
	width: 996px;
	height: auto;
	background: url("../img/content.jpg") no-repeat center top;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.content-left {
	width: 430px;
	float:left;
}

.content-right {
	float:right;
}

.logo {
	width: 221px;
	height: 239px;
	background: url("../img/logo.png") no-repeat center top;
	margin-top: 10px;
	margin-left: 115px;
}

.text-1 {
	width: 410px;
	height: 21px;
	background: url("../img/text1.png") no-repeat center top;
	margin:5px;
}

.text-2 {
	width: 423px;
	height: 22px;
	background: url("../img/text2.png") no-repeat center top;
	margin:5px;
}

.text-copy {
	background: url("../img/bullet.png") no-repeat left top;
	align:left;
	font-size:15px;
	font-weight:bold;
	margin-left:5px;
	padding-left:15px;
}

.text-copy-br {
	align:left;
	font-size:15px;
	font-weight:bold;
	margin-left:5px;
	padding-left:15px;
}

.disclaimer-1 {
	float:left;
	font-size:11px;
	font-weight:bold;
	margin-top:5px;
	margin-left:20px;
}

.disclaimer-2 {
	float:left;
	font-size:11px;
	font-weight:bold;
	margin-left:130px;
}

.enter-sweeps-button {
	width: 276px;
	height: 47px;
	background: url("../img/enter_button.png") no-repeat;
	margin-top: 5px;
	margin-left: 80px;
	border: 0;
}

.watch-disneyjr-button {
	width: 170px;
	height: 163px;
	background: url("../img/watch_button.png") no-repeat;
	margin-top: 80px;
	margin-left: 5px;
	border: 0;
}

.button-area {
	position: relative;
	margin: 0 0 0 30px;
}

.learn-more-button {
	width: 147px;
	height: 45px;
	background: url("../img/learn_button.png") no-repeat;
	margin-top: 5px;
	margin-left: 190px;
	border: 0;
}

.soundtrack {
	width: 479px;
	height: 166px;
	background: url("../img/soundtrack.png") no-repeat center top;
	margin-top: 5px;
	margin-right: 50px;
	border: 0;
}

.soundtrack-title {
	background: url("../img/bullet.png") no-repeat left top;
	align:left;
	font-size:15px;
	font-weight:bold;
	margin:-30px 0 0 200px;
	padding-left:15px;
}

#btn-mute {
    width:27px;
    height:22px;
    background:transparent url("../img/icon_speaker.png") no-repeat scroll 0 bottom;
    cursor:pointer;
    float:right;
    margin:-32px 85px 0 0;
}

#btn-mute.active {
    background-position:0 0;
}

#btn-mute:hover {
    background-position:0 -22px;
}

#bottom{
	width: 996px;
	margin: 0 auto;
}

.copyright{
	color: #fff;
	text-align:left;
	font-size: 10px;
	margin-top: 10px;
}

#rule{
	text-align:left;
	margin: 15px;	
}

#rule p{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	line-height: 14px;
}

#rule p a{
	color: #fff;
	text-decoration:underline;
}

footer {
    margin-top:5px;
}

div #gde_footerContents {
    /*background-color:transparent;*/

}

/* Gallery Container */
.gallery {
	width: 470px;
	margin: 0 auto;
}

.gallery-title {
	width: 468px;
	height: 35px;
	background: url("../img/gallery_title.png") no-repeat center top;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.gallery-blurb {
	text-align:left;
	font-size:11px;
	font-weight:bold;
	color: #000;
	background: #FFF;
	padding: 5px;
}

/* Style the thumbnails */
.pika-thumbs { height: 70px; }
.pika-thumbs li { width: 100px; height:60px; margin: 10px 0 0 17px; padding: 0; overflow: hidden; 
	float: left; list-style-type: none;padding: 3px; margin: 0 5px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 400px;}
.pika-stage {height:240px; position: relative; background: #fafafa; border: 1px solid #e5e5e5; margin: 0 0 0 25px; padding: 10px 10px 40px 10px; text-align:center;}
.pika-stage img {height:100%;}
.pika-stage .caption {position: absolute; font-size: 11px; color: #000; padding: 10px; text-align: right; right: 5px;}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {background: url("../img/prev.png") no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}
.pika-imgnav a.next {background: url("../img/next.png") no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}
.pika-imgnav a.play {background: url("../img/play.png") no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
.pika-imgnav a.pause {background: url("../img/pause.png") no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

/* The previous and next textual buttons */
.pika-textnav {overflow: hidden; margin: 0 auto;bottom:10px; position:absolute;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
.pika-textnav a.previous {float: left; width: auto; display: none;}
.pika-textnav a.next {float: right; width: auto; display: none;}

/*for the tool tips*/
.pika-tooltip {font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter {position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader { background:url("../img/loading.gif") 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
	text-align:right; position:absolute; top:15px; right:15px; }

/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal {width: 428px; margin-left: 5px; padding: 15px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 60px; margin-left: -15px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 1px;}