body {
	font-size: 12px;
	background: #000000;
	font-family: 'Matterhorn', sans-serif;
}

/*@font-face {
	font-family: 'matterhorn';
	src: url('http://avatarlabs.biz/clients/disney/ozthegreatandpowerful/site/files/fonts/matterhorn-regular.woff') format('woff'), url('http://avatarlabs.biz/clients/disney/ozthegreatandpowerful/site/files/fonts/matterhorn-regular.eot') format('eot'), url('http://avatarlabs.biz/clients/disney/ozthegreatandpowerful/site/files/fonts/matterhorn-regular.ttf') format('ttf'), url('http://avatarlabs.biz/clients/disney/ozthegreatandpowerful/site/files/fonts/matterhorn-regular.svg') format('svg');
}*/

@font-face{
	font-family:'Matterhorn';src:url("//a.dilcdn.com/a/m4-1a790d2fc6f4.eot#") format("eot"),url("//a.dilcdn.com/a/m4-64b108659f6f.woff") format("woff"),url("//a.dilcdn.com/a/m4-581a98a8f856.ttf") format("truetype"),url("//a.dilcdn.com/a/m4-99bfd55ea642.svg#Matterhorn") format("svg");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family: 'matterhorn-bold';
	src: url('http://avatarlabs.biz/clients/disney/ozthegreatandpowerful/site/files/fonts/matterhorn-bold.woff') format('woff'), url('http://avatarlabs.biz/clients/disney/ozthegreatandpowerful/site/files/fonts/matterhorn-bold.eot') format('eot'), url('http://avatarlabs.biz/clients/disney/ozthegreatandpowerful/site/files/fonts/matterhorn-bold.ttf') format('ttf'), url('http://avatarlabs.biz/clients/disney/ozthegreatandpowerful/site/files/fonts/matterhorn-bold.svg') format('svg');
}

#wrapper {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 1140px;
	overflow: hidden;
	min-width: 1024px;
	min-height: 784px;
}

#content {
	position: relative;
	width: 1544px;
	height: 1140px;
	border-top: solid 1px #b09e4f;
	margin: 0 auto;
}


/* ----- INTRO ----- */
#intro {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 643px;
	background: #000000;
	z-index: 30;
}


/* ----- MAIN PARALLAX ----- */
#mainParallax {
	position: absolute;
	width: 1544px;
	height: 642px;
	top: 0;
	left: 0;
	z-index: 0;
	display: none;
	overflow: hidden;
}

.mobile-parallax {
	position: absolute;
	width: 100%;
	height: 642px;
	top: 0;
	left: 0;
	z-index: 0;
}

.parallax-container {
	position: absolute;
	width: 100%;
	height: 642px;
	top: 0;
	left: 0;
	overflow: hidden;
}

#mainParallaxClick {
	position: absolute;
	width: 100%;
	height: 642px;
	top: 0;
	left: 0;
	z-index: 12;
	overflow: hidden;
	display: none;
}

.main-parallax-left-arrow {
	position: absolute;
	left: 100px;
	top: 320px;
	width: 27px;
	height: 44px;
	background: url(../images/shared/arrows_sprite.png) 0 0 no-repeat;
}

.main-parallax-right-arrow {
	position: absolute;
	right: 100px;
	top: 320px;
	width: 27px;
	height: 44px;
	background: url(../images/shared/arrows_sprite.png) -27px 0 no-repeat;
}

#mainParallaxActivationContainer {
	position: absolute;
	top: 500px;
	left: 400px;
	width: 200px;
	height: 50px;
	font-size: 30px;
	color: #ffffff;
	z-index: 13;
	display: none;
}

.main-parallax-activate {
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid black;
	cursor: pointer;
}

.main-parallax-deactivate {
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid black;
	cursor: pointer;
	display: none;
}

.parallax-layer {
	position: absolute;
	/*width: 100%;
	height: 100%;*/
}

.parallax-image {
	position: absolute;
	top: 0;
	left: 0;
}

.parallax-image-sprite {
	overflow: hidden;
}

#mainParallaxLayer1 {
	width: 2376px;
	height: 1306px;
	top: 0;
	left: 0;
}

.main-parallax-layer1-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 4000px;
	height: 1800px;
}

#mainParallaxLayer2 {
	width: 1382px;
	height: 714px;
	top: 200px;
	left: 1200px;
}

.main-parallax-layer2-bridge {
	position: absolute;
	top: 0;
	left: 0;
	width: 1382px;
	height: 714px;
}

#mainParallaxLayer3Car1 {
	position: relative;
	width: 279px;
	height: 149px;
}

#mainParallaxLayer5 {
	width: 400px;
	height: 1200px;
	top: 0;
	left: 10px;
}

.main-parallax-layer5-title {
	position: absolute;
	left: 70%;
	top: 30%;
	width: 200px;
	height: 200px;
	background: #FFFFFF;
	color: #000000;
}


/* ----- DEBUG STUFFS ----- */
#debugMessage {
	position: fixed;
	bottom: 0;
	height: auto;
	background: white;
	color: #000000;
	width: 100%;
	font-size: 12px;
	padding-bottom: 5px;
	display: none;
}

.corner-marker {
	position: fixed;
	width: 10px;
	height: 10px;
	background: #FF9810;
	z-index: 100;
}

#topLeftCorner {
	top: 0;
	left: 0;
}

#topRightCorner {
	top: 0;
	left: 1014px;
}

#bottomLeftCorner {
	top: 774px;
	left: 0;
}

#bottomRightCorner {
	/*top: 774px;
	left: 1014px;*/
	bottom: 0;
	right: 0;
}


/* ----- SECTION ----- */
#sectionContainer {
	/*position: absolute;
	top: 0;
	left: 0;*/
	position: relative;
	width: 100%;
	min-width: 1024px;
	height: 643px;
	margin: 0 auto;
	/*background: #000000;*/
	display: none;
	z-index: 10;
	overflow: hidden;
}

#titleTreatment {
	position: absolute;
	width: 199px;
	height: 236px;
	top: 50px;
	left: 100px;
	z-index: 13;
}

#titleTreatmentClick {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 199px;
	height: 236px;
	cursor: pointer;
}

/* ----- FOOTER ----- */
#siteFooter {
	position: absolute;
	top: 644px;
	left: 0;
	width: 100%;
	height: 480px;
	background: url(../images/footer/footer_bg.jpg) top center no-repeat;
	/*border-top: solid 1px #b09e4f;*/
}

.feature-container {
	position: relative;
	top: 0;
	height: 268px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.footer-share {
	position: absolute;
	top: 0;
	left: 600px;
	/*width: 250px;*/
	height: 33px;
	color: #b09e4f;
	font-size: 16px;
	line-height: 16px;
}

.footer-share-facebook {
	position: relative;
	float: left;
	margin-top: 6px;
	/*margin-left: 18px;*/
}

.footer-share-facebook-text {
	/*width: 34px;*/
	margin-top: 8px;
	height: 22px;
	float: left;
}

.footer-share-facebook-icon {
	width: 22px;
	height: 21px;
	float: left;
	margin-top: 3px;
	margin-left: 2px;
}

.footer-share-separator {
	float: left;
	margin-left: 15px;
	width: 1px;
	height: 27px;
	background: url(../images/footer/footer_seperator_line.png) 0 0 no-repeat;
}

.footer-share-twitter {
	position: relative;
	float: left;
	margin-top: 6px;
	margin-left: 15px;
}

.footer-share-twitter-text {
	/*width: 56px;*/
	margin-top: 8px;
	height: 22px;
	float: left;
}

.footer-share-twitter-icon {
	width: 22px;
	height: 21px;
	float: left;
	margin-top: 3px;
	margin-left: 2px;
}

.footer-share-audio-container {
	position: relative;
	float: left;
	margin-top: 6px;
	margin-left: 10px;
	width: 28px;
	height: 26px;
	background: url(../images/footer/footer_soundbtn_sprite.png) top center no-repeat;
	cursor: pointer;
}

.footer-share-audio-container.mute {
	background-position: 0 -26px;
}

.footer-share-audio-mute {
	background: url(../images/footer/footer_soundbtn_sprite.png) 0 0 no-repeat;
	width: 28px;
	height: 26px;
	
}

.footer-share-audio-unmute {
	
}

.feature-one {
	position: absolute;
	width: 289px;
	height: 220px;
	top: 50px;
	left: 0;
	background: url(../images/footer/footer_specialfeaturebox.png) top center no-repeat;
}

.feature-two {
	position: absolute;
	width: 289px;
	height: 220px;
	top: 50px;
	left: 600px;
	background: url(../images/footer/footer_specialfeaturebox.png) top center no-repeat;
}

.feeds {
	position: absolute;
	width: 289px;
	height: 249px;
	top: 20px;
	left: 300px;
	background: url(../images/footer/footer_twitterbox.png) top center no-repeat;
}

.feeds-header {
	position: relative;
	width: 289px;
	height: 21px;
	margin: 15px auto;
	color: #baa678;
	text-align: center;
	font-size: 24px;
	line-height: 26px;
}

.feeds-header-logo {
	float: left;
}

.feeds-header-text {
	float: left;
	margin-left: 5px;
}

.feeds-container {
	position: relative;
	width: 240px;
	height: 190px;
	margin-left: 20px;
	margin-top: 20px;
	color: #726C54;
	overflow: hidden;
}

.feed-content {
	position: relative;
}

.feed-content-icon {
	position: relative;
	width: 48px;
	height: 48px;
	float: left;
}

.feed-content-text {
	position: relative;
	float: left;
	width: 150px;
}

.feed-content-header {
	position: relative;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
}

.feed-content-description {
	position: relative;
	font-size: 12px;
	line-height: 14px;
	word-wrap: break-word;
	margin-top: 3px;
}

.feed-content-divider {
	position: relative;
	width: 225px;
	height: 13px;
	background: url(../images/footer/footer_twitterbox_divider.png) 0 0 no-repeat;
	margin-left: 17px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.feeds-container a {
	color: #baa678;
	text-decoration: none;
}

.feeds-container a:hover {
	color: #ffffff;
}

.feature-promos-container {
	position: relative;
	width: 288px;
	height: 180px;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #726c54;
}

.feature-promo {
	position: absolute;
	top: 0;
	left: 0;
	width: 288px;
	display: none;
}

.feature-header {
	position: relative;
	font-size: 18px;
	line-height: 18px;
	width: 288px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #726c54;
}

.feature-image {
	position: relative;
	width: 288px;
	height: 143px;
	margin-top: 5px;
	text-align: center;
}

.feature-page-buttons-container {
	position: relative;
	width: auto;
	height: 10px;
	margin-top: 5px;
}

.feature-page-button {
	position: relative;
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/footer/footer_featurebox_circlebtn_sprite.png) 0 0 no-repeat;
	margin-right: 20px;
	cursor: pointer;
}

.feature-page-button:hover, .feature-page-button.current {
	background-position: 0 -10px;
}

.feature-page-button.current {
	cursor: default;
}

.imax {
	position: relative;
	width: 340px;
	height: 39px;
	margin: 40px auto 10px;
	background: url(../images/footer/footer_disney3d.png) top center no-repeat;
}

.film-rating {
	position: relative;
	width: 257px;
	height: 39px;
	margin: 10px auto;
	background: url(../images/footer/footer_notyetrated.png) top center no-repeat;
}

.legal {
	text-align: center;
	width: 100%;
	color: #726C54;
	font-size: 11px;
	line-height: 13px;
}

.legal-link {
	text-decoration: underline;
	color: #726C54;
}

.legal-link:hover {
	color: #ffffff;
}

.legal-copyright {
	margin-top: 2px;
}

.gold-line {
	position: absolute;
	border-top: solid 1px #726c54;
	width: 100%;
	height: 0;
	top: 643px;
}

/* ----- FADE ELEMENTS LEFT / RIGHT ----- */
#fadeToBlackLeft {
	position: absolute;
	top: 0;
	left: -50px;
	background: url(../images/shared/fadetoblack_left.png) top center no-repeat;
	width: 300px;
	height: 1200px;
	pointer-events: none;
	/*z-index: 5;*/
}

#fadeToBlackRight {
	position: absolute;
	top: 0;
	right: -50px;
	background: url(../images/shared/fadetoblack_right.png) top center no-repeat;
	width: 300px;
	height: 1200px;
	pointer-events: none;
	/*z-index: 5;*/
}


/* ----- SHARE CONTENT ----- */
.content-share-container {
	position: absolute;
	top: 100px;
	left: 260px;
	color: #ffffff;
	z-index: 15;
	font-family: 'matterhorn-bold', sans-serif;
}

.content-share-label {
	float: right;
	height: 26px;
	font-size: 18px;
	line-height: 18px;
	text-shadow: 1px 1px 2px #000000;
	padding-right: 4px;
	margin-top: 0px;
}

.content-share-facebook {
	float: right;
	width: 25px;
	height: 26px;
	background: url(../images/shared/fb_share_button.png) 0 0 no-repeat;
	padding-left: 10px;
	cursor: pointer;
}

.content-share-facebook:hover {
	background-position: 0 -26px;
}

.content-share-twitter {
	float: right;
	width: 25px;
	height: 26px;
	background: url(../images/shared/twitter_share_button.png) 0 0 no-repeat;
	padding-left: 10px;
	cursor: pointer;
}

.content-share-twitter:hover {
	background-position: 0 -26px;
}

.content-close {
	position: absolute;
	top: 95px;
	right: 225px;
	width: 36px;
	height: 36px;
	background: url(../images/shared/shared_closebtn.png) top center no-repeat;
	cursor: pointer;
	z-index: 15;
	
}

.content-fade-to-black-left {
	position: absolute;
	top: 0;
	left: -50px;
	background: url(../images/shared/fadetoblack_left.png) top center no-repeat;
	width: 300px;
	height: 1200px;
	pointer-events: none;
	/*z-index: 11;*/
}

.content-fade-to-black-right {
	position: absolute;
	top: 0;
	right: -50px;
	background: url(../images/shared/fadetoblack_right.png) top center no-repeat;
	width: 300px;
	height: 1200px;
	pointer-events: none;
	/*z-index: 11;*/
}

/* ----- globalFooter ----- */
#globalFooter {
	position: relative;
}

/* ----- LOADING ----- */
#loading {
	/*position: fixed;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*height: 100%;*/
	height: 643px;
	display: none;
	z-index: 20;
}

.loading-background {
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
}

.loading-background-glow {
	
}

.loading-progress {
	color: #FFFFFF;
	position: absolute;
	width: 100%;
	height: 100px;
	left: 0;
	top: 300px;
	text-align: center;
	font-size: 36px;
	line-height: 36px;
}

.loading-image {
	display: none;
}