body {
	margin: 0;
	padding: 0;
	width: 100%
	height: 100%;
	background-color: #000;
}

#blueBG {
	background-color: #709DB0;
	width: 100%;
	height: 660px;
	position: absolute;
	top: 148px;
	z-index: -12;
}

#bodyTop {
	width: 100%;
	height: 108px;
	left: 0;
	background-color: #000;
	position: absolute;
}

.siteContainer {
	width: 996px;
	overflow: hidden;
	position: relative;
	margin: 0px auto;
}

#siteContainerVideos {
	height: 1264px;
}


	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Banners
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	.banner {
		background-color: #555;
	}
	
	.banner728 {
		background: url("http://a.dolimg.com/explore/images/adslugs/adslug-vertical.gif") no-repeat;
		background-position: left bottom;
		height: 90px;
		margin-left: auto;
		margin-right: auto;
		padding: 0 0 0 10px !important;
		position: relative;
		width: 728px;
	}
	
	.banner300 {
		/*width: 300px;*/
		/*height: 250px;*/
		left: 686px;
		position: absolute;
		
		width: 300px;
		height: auto;
		background-image: url("http://a.dolimg.com/explore/images/adslugs/adslug-300.gif");
		background-repeat: no-repeat;
		background-position: top left;
		padding: 14px 4px 5px !important;
	}
	
	#banner300Videos {
		top: 746px;
	}
	
	#bannerSpacer {
		width: 996px;
		height: 10px;
		margin-left: auto;
		margin-right: auto;
		background-color: #000;
		position: relative
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Snow Tiles
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	.snowTiles {
		width: 100%;
		left: 0;
		position: absolute;
	}
	
	#snowTilesVideos {
		height: 824px;
		top: 665px;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Disney Chrome
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	#disneyChrome {
		width: 996px;
		height: 48px;
		background-color: #000;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Disney Footer Chrome
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	.footerContainer {
		width: 100%;
		height: 100px;
		background-color: #000;
		position: absolute;
	}
	
	#footerVideos {
		top: 1164px;
	}
	
	#disneyFooter {
		width: 996px;
		height: 100px;
		margin-left: auto;
		margin-right: auto;
		background-color: #000;
		position: relative;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Master Container
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	#masterContainer {
		width: 996px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Nav
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	#mainNav {
		left: 10px;
		position: absolute;
		z-index: 10;
	}
	
	#navBG {
		width: 307px;
		height: 493px;
		left: -91px;
		position: absolute;
	}
	
	#palLogo {
		width: 133px;
		height: 118px;
		left: 6px;
		top: 18px;
		position: absolute;
		cursor: pointer;
	}
	
	.navItem {
		width: 120px;
		height: 32px;
		left: 14px;
		position: absolute;
		cursor: pointer;
	}
	
	#navHome {
		top: 145px;
	}
	
	#navAbout {
		top: 175px;
	}
	
	#navWinterpedia {
		top: 205px;
	}
	
	#navGames {
		top: 235px;
	}
	
	#navActivities {
		top: 265px;
	}
	
	#navVideos {
		top: 295px;
	}
	
	#navParks {
		top: 325px;
	}
	
	#navProducts {
		top: 355px;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Tune In Info
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	#tuneIn {
		width: 810px;
		height: 43px;
		top: 10px;
		left: 180px;
		position: absolute;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Sponsor
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	#sponsor {
		width: 120px;
		height: 60px;
		top: 0;
		left: 866px;
		position: absolute;
		cursor: pointer;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Video Container
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	#videoContainer {
		outline:none; 
		width: 860px;
		height: 620px;
		top: 40px;
		left: 160px;
		position: absolute;
	}
	
	#flashContent {
		outline:none; 
		
	}
        
        
        .singleIpadVideo{
            width: 160px;
            height:120px;
            position: relative;
            margin: 10px 25px;
            display: inline-block;
			vertical-align: top;
            cursor: pointer;
            zoom: 1;
            *display: inline;
        }
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Share Box
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	#shareLogin{
		position: absolute;
		width: 735px;
		height: 435px;
		background: #000;
		display: none;
	}
	
	.shareBox {
		width: 147px;
		height: 129px;
		position: absolute;
		cursor: pointer;
	}
	
	#shareVideos {
		top: 595px;
		left: 849px;
	}
	
	#shadow{
		top: 0px;
		left: 0px;
		position: absolute;
		width: 100%;
		height: 100%;
		background: black;
		opacity: .8;
		filter: alpha(opacity=80);
		z-index: 100000001;
		display: none;
	}
        
	#share{
		position: absolute;
		width: 470px;
		height: 237px;
		z-index: 100000002;
		display: none;
	}
	
	#shareClose{
		position: absolute;
		left:445px;
		top:0px;
		width:33px;
		height:30px;
		z-index: 100000002;
		cursor: pointer;
	}
	
	#shareText{
		position: absolute;
		top:80px;
		left:100px;
		color: #3b3d11;
		font-size: 26px;
		font-weight: bold;
		font-family: arial, helvetica, sans-serif;
	}
	
	#shareButtons{
		position: absolute;
		top: 160px;
		left: 237px;
		width: 97px;
		height: 24px;
		text-align: center;
	}
	
	div#shareButtons img{
		cursor: pointer;
	}
	
	#facebookButton {
		top: 0px;
		left: 0px;
		width: 24px;
		height: 24px;
		position: absolute;
	}
	
	#twitterButton {
		top: 0px;
		left: 50px;
		width: 23px;
		height: 24px;
		position: absolute;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Candy Cane Games
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	.candyCaneContainer {
		width: 620px;
		height: 104px;
		left: 180px;
		position: absolute;
	}
	
	#candyCaneContainerGames {
		top: 637px;
	}
	
	.candyCaneBase {
		width: 206px;
		height: 104px;
		top: 0;
		position: absolute;
		overflow: hidden;
	}
	
	.candyCaneTail {
		width: 24px;
		height: 104px;
		top: 0;
		left: 206px;
		position: absolute;
	}
	
	.candyCaneText {
		width: 355px;
		height: 18px;
		top: 42px;
		left: 30px;
		font-family: Arial, sans-serif;
		font-weight: bold;
		font-size: 18px;
		line-height: 18px;
		color: white;
		position: absolute;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Hero Area
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	.heroArea {
		width: 996px;
		position: absolute;
		z-index: -10;
	}
	
	#heroVideos {
		height: 662px;
	}
	
	.heroMarquee {
		width: 1280px;
		left: -142px;
		position: absolute;
		z-index: -11;
		overflow: hidden;
	}
	
	#heroMarqueeVideos {
		height: 662px;
	}
	
	.marqueeGradient {
		width: 80px;
		height: 330px;
		position: absolute;
	}
	
	#marqueeGradientLeft {
		left: -142px;
	}
	
	#marqueeGradientRight {
		left: 1058px;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Promos
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	.promo180 {
		width: 226px;
		height: 231px;
		position: absolute;
		cursor: pointer;
	}
	
	.promo180Image {
		width: 180px;
		height: 150px;
		top: 15px;
		left: 22px;
		position: absolute;
	}
	
	.promo180Text {
		width: 180px;
		height: 36px;
		top: 174px;
		left: 22px;
		position: absolute;
		color: #FFF;
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight: bolder;
		text-align: center;
	}
	
	.singleLine {
		line-height: 36px;
	}
	
	.doubleLine {
		margin-top: 2px;
	}
	
	.disclosureArrow {
		width: 14px;
		height: 19px;
		top: 187px;
		left: 202px;
		position: absolute;
	}
	
	#promo1 {
		top: 741px;
		left: 180px;
	}
	
	#promo2 {
		top: 741px;
		left: 430px;
	}
	
	#promoDetail1 {
		top: 724px;
		left: 180px;
	}
	
	#promoDetail2 {
		top: 724px;
		left: 430px;
	}
        
        #ipadContainter{
			display:none;
            width: 784px;
            height: 503px;
            position: absolute;
            left: 25px;
            top: 25px;
            text-align: center;
        }
       
        #ipadContent{
            width: 730px;
            height: 468px;
            position: relative;
            margin: 20px auto;
            text-align: center;
        }
	
        /* Tiny Scrollbar */
#ipadContent .viewport { width: 700px; height: 468px; overflow: hidden; position: relative; }
#ipadContent .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#ipadContent .scrollbar{ position: absolute; background-position: 0 0; left:700px;  width: 43px; }
#ipadContent .thumb { height: 57px; width: 45px; cursor: pointer; overflow: hidden; position: absolute; top: 10px; left: 0px; }
#ipadContent .disable { display: none; }