@font-face {
    font-family: 'dirty_headlineregular'  ;
    src: url('fonts/dirty_headline.eot');
    src: url('fonts/dirty_headline.eot?#iefix') format('embedded-opentype'),
         url('fonts/dirty_headline.woff') format('woff'),
         url('fonts/dirty_headline.ttf') format('truetype'),
         url('fonts/dirty_headline.svg#dirty_headlineregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'allerbold';
    src: url('fonts/aller_bd.eot');
    src: url('fonts/aller_bd.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller_bd.woff') format('woff'),
         url('fonts/aller_bd.ttf') format('truetype'),
         url('fonts/aller_bd.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
    display:block;
}
body{
    line-height:1;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}
ol,ul{
    list-style:none;
}
blockquote,q{
    quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
    content:'';
    content:none;
}

img{
	border:none;
}

div:focus{
	border:none !important;
	outline:none;
}

a {
	text-decoration: none;
}
/* styles: */
.headingBalloon{
	position: absolute;
	top: 30px;
	left: 70px;
	z-index: 60000;
}
#largeModal .headingBalloon{
	left: 30px;
}
#balloonModal .headingBalloon{
	left: 160px;
}
.modal-balloons .headingBalloon {
	/*for white balloon carosel*/
	left: 230px;
	top: 50px;
}
.paddedRegion{
	padding:10px 30px 10px 20px;
	max-width:912px;
	margin:auto;
	text-align:left;
}

.ui-page{
	text-align:center;
}

.dirtyHeadline {
	font-family: 'dirty_headlineregular', arial;
	text-transform: uppercase;
	font-size: 190%;
	color: #fff;
}

#hidden_releasedLink{
	display:none;

}

.initialHidden {
	/*display: none;*/
}

.contentReplace .mejs-controls .mejs-button button{
	background-image: url('mediaplayer/controls.png');
}

#logo{
	position:absolute;
	z-index:500;
	
	pointer-events: none;
}

#help {
	margin: 0 auto;
	width: 912px;
	z-index: 60000;
	position:relative;
}
#help > a {
	font-size: 75%;
	color: #fff;
	text-decoration: none;
	text-shadow: 0px 0px 5px #000;
	background: url('../images/interface/help.png') transparent no-repeat top right;
	padding: 5px 26px 10px 4px;
	float: right;
	margin: 30px 30px 0px 0px;
}

/*#help {
	margin: 0 auto;
	width: 912px;
	position: relative;
	z-index: 999980;
}
#help > a {
	font-size: 75%;
	color: #fff;
	text-decoration: none;
	text-shadow: 0px 0px 5px #000;
	background: url('../images/interface/help.png') transparent no-repeat top right;
	padding: 5px 30px 5px 0px;
	position: absolute;
	top: 30px;
	right: 30px;
}*/
#helpContent {
	display: none;
	position: absolute;
	z-index: 49970;
	color: #fff;
	background: url('../images/interface/help_overlay.png') transparent repeat-x top left;
	width: 912px;
	height: 630px;
	font-family: 'dirty_headlineregular', arial;
	text-transform: uppercase;
	font-size: 190%;
	text-align: center;
}
#helpContent > .contentArea {
	width: 460px;
	padding-top: 140px;
	margin: 0 auto;
}
.yellow {
	color: #FEC147;
}
.orange, a {
	color: #f37029;
}

#hiddenContent {
	position: absolute;
	left: -9999px;
	top: -9999px;
}
.contentArea .contentReplace {
	padding: 20px 10px 0 30px;
	font-size: 12px;
	font-family: 'allerbold', arial;
	line-height: 1.2;
}
.contentArea .contentReplace .scroll {
	height: 400px;

overflow-x: hidden;
}
.contentArea .contentReplace h1 {
	font-family: 'allerbold', arial;
	font-size: 22px;
}

.contentArea .contentReplace .missingChildrenWrap {
	margin-top: -30px;

}

.contentArea .contentReplace .missingChildrenWrap p {
	margin: 0 50px 10px;
	display: block;
	clear: both;
	text-align: left;
}
.contentArea .contentReplace .missingChildrenWrap p span {
	width: 100px;
	float:left;	
	text-transform: uppercase;
}
.contentArea .contentReplace .missingChildrenWrap .releaseBalloon {
	background: url('../images/interface/release_button.png') no-repeat scroll 0 0 transparent;
	text-indent: -9999px;
	font-size: 0;
	display: block;
	margin: 10px auto 0;
	width: 185px;
	height: 40px;
}
.contentArea .contentReplace .missingChildrenWrap .releaseBalloon:hover,
.contentArea .contentReplace .missingChildrenWrap .releaseBalloon:focus {
	background: url('../images/interface/release_button.png') no-repeat scroll 0 bottom transparent;
}

.circleMask {
	width: 220px;
	height: 220px;
	-webkit-border-radius: 220px;
	-moz-border-radius: 220px;
	border-radius: 220px;
	margin: 0 auto 25px;
	overflow: hidden;
}
.circleMask img {
	max-width: 220px;
	min-width: 220px;
}

#footer {
	z-index: 60000;
	position: relative;
	top: 577px;
	width: 895px;
	padding: 0px 10px 0px 10px;
	margin-left: 10px;
}

#footer .footerNav {
	color: #fff;
	height: 60px;
	position: absolute;
	width:870px;
}
#footer .footerNav .nav {
	right: 0px;
	width: 550px;
	position: absolute;
	margin-top: 4px;
}
#footer .footerNav .nav > a {
	text-decoration: none;
	color: #EF5D21;
	font-weight: bold;
	font-size: 75%;
	margin: 0px 10px 0px 0px;
}
#footer .footerNav .nav > a > img {
	max-height: 70px;
}

#footer .footerNav .nav .addthis_button {
	width: 70px;
	float:right;
	overflow: hidden;
	border-radius: 3px;
	height: 16px;
	margin: 0px 0px 0px 0px;
}


#footer .footerNav .nav > a.missing-profiles {
	padding: 7px 130px 6px 130px;
	background: url('../images/interface/profiles_button.png') transparent no-repeat top; 
}
#footer .footerNav .nav > a.missing-profiles:hover,
#footer .footerNav .nav > a.missing-profiles:focus {
	padding: 8px 130px 6px 130px;
	background: url('../images/interface/profiles_button.png') transparent no-repeat bottom; 
}
#footer .footerNav .counter {
	left: 0px;
	width: 200px;
	position:absolute;
	margin-top: -5px;
}
#footer .footerNav .counter > p {
	margin: 0;
}
#footer .footerNav .counter span.count {
	font-family: 'dirty_headlineregular', arial;
	font-size: 240%;
}
#footer .footerNav .counter span.countLabel {
	color: #EF5D21;
	width: 70px;
	display: inline-block;
	font-family: 'allerbold';
	text-transform: uppercase;
	font-size: 75%;
}
#footer .footerLogos {
	clear: both;
}
#footer .footerLogos > a {
	float: left;
}
#footer .hostedLogo {
	margin-top: 20px;
	float: right;
	display: inline-block;
}
#footer .hostedLogo a {
	display: inline-block;
}
#footer .hostedLogo p {
	vertical-align: top;
}

#borderGrunge{
	background-image: url(../images/interface/mask_left.png) , url(../images/interface/mask_top.png) , url(../images/interface/mask_right.png), url(../images/interface/mask_bottom.png);
	background-position: -62px top, -64px -24px, right top, -64px 590px;
	background-repeat: no-repeat;
	height: 630px;
	width:100%;
	max-width:962px;
	pointer-events: none;
	position:absolute;
	z-index:50000;
}

.hovered{
	cursor: pointer;
}

.ui-page-active{
	border:none;
}

#sceneHolder{
	position:relative;
	border:none;
}

#sceneHolder:active{
	border:none;
}

#sceneHolder img{
	
}

#obj_featured{
	left:auto;
	position:absolute;
	margin-left:1200px;
	bottom:260px;
	z-index:9999;
}

#obj_featured .string{

	height: 130px;
	margin-left: 62px;
	top: 140px;
}

#obj_history {
	left: auto;
	position: absolute;
	margin-left: 1934px;
	bottom: 326px;
	z-index: 9999;
}
#obj_history .string {
	height: 82px;
	margin-left: 61px;
	top: 150px;
}

#obj_history a,
#obj_history .string {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;


}

#obj_gmcn {
	left: auto;
	position: absolute;
	margin-left: 1801px;
	bottom: 300px;
	z-index: 9999;
}
#obj_gmcn .string {
	height: 59px;
	margin-left: 52px;
	top: 129px;
}

#obj_hague {
	left: auto;
	position: absolute;
	margin-left: 1851px;
	bottom: 470px;
	z-index: 9999;
}
#obj_hague .string {
	height: 82px;
	margin-left: 61px;
	top: 129px;
}


#obj_pca {
	left: auto;
	position: absolute;
	margin-left: 1951px;
	bottom: 600px;
	z-index: 9999;
}
#obj_pca .string {
	height: 55px;
	margin-left: 61px;
	top: 128px;
}
#obj_pca a,
#obj_pca .string {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
}
.balloon_large a,
.balloon_medium a{
pointer-events: auto;
}

#obj_imcd{
	left:auto;
	position:absolute;
	margin-left:475px;
	bottom:260px;
	z-index:9999;
}

#obj_imcd a,
#obj_imcd .string {
	-webkit-animation-duration: 10s;
	-moz-animation-duration: 10s;
	animation-duration: 10s;
}

#obj_imcd a{
	pointer-events: auto;

}

#obj_imcd .string{
height: 59px;
margin-left: 60px;
top: 146px;
}

#obj_spreadtheword{
	left:auto;
	position:absolute;
	margin-left:410px;
	bottom:349px;
	z-index:898;
}



#obj_spreadtheword a{
	pointer-events: auto;

}

#obj_spreadtheword .string{
height: 59px;
margin-left: 52px;
top: 125px;
}

#testscrollHolder{
	width:100%;
	position:absolute;
	max-width:960px;
	top: 560px;
	z-index: 60000;
	height: 16px;
}

#testscroll{
	height: 16px;
	border: 1px solid #999;
	overflow: hidden;
	background: #333;
	margin: 0px 70px 0px 20px;
	position: relative;
	border-radius: 8px;
	padding: 0px 2px 0px 0px;
}

#testscroll #spacer{
	position:absolute;
	top:0px;
	height:558px;
	width:2500px;
}

#testscrollOthers{
	width:100%;
	height:630px;
	position:absolute;
	overflow: hidden;
	max-width:960px;
	z-index:2;
	top:0;
	background: #000;
	-webkitTransform: translate3D(0px, 0px, 0px);
	pointer-events: none;
}

#testscrollOthers img{
 -webkit-transform:translate3d(0,0,0);

}

#level1{
	position:absolute;
	z-index:900;
	top:0px;
	height:630px;
	width:2500px;
	background-repeat: no-repeat;
	background-image:url(../images/landscape_equipment/tree_front_left.png), url(../images/landscape_equipment/tree_front_mid.png), url(../images/landscape_equipment/tree_front_rightcropped.png);
	background-position:10px bottom, center bottom, right 122%;

	 pointer-events: none;
}

#intro{
	background:url(../images/balloons/intro_balloon.png) no-repeat top center;
background-size: 355px 100%;
width: 300px;
height: 458px;
position: absolute;
bottom: 0px;
text-align: center;
color: #fff;
padding-right: 55px;
padding-top: 25px;
top: 95px;
padding-left: 10px;
font-size: 12px;
line-height: 1.2;
font-family: 'allerbold', arial;

}

#obj_elephant{
	position:absolute;
	bottom:0px;
	z-index:890;
	padding-left:290px;
	width:808px;
	height:292px;
	-webkitTransform: translate3D(0px, 0px, 0px);
}

#obj_sandpit{
	position: absolute;
	bottom: 40px;
	z-index: 896;
	margin-left: 1400px;
	width: 208px;
	height: 198px;
	-webkitTransform: translate3D(0px, 0px, 0px);

}

#obj_sandpit img, #obj_elephant img{
	position:absolute;
	-webkitTransform: translate3D(0px, 0px, 0px);
}

#obj_sandpit #obj_balloonPosters{
	position: absolute;
	top: -92px;
	z-index: 900;
	left: -27px;
	
}

#obj_sandpit .balloon_large.balloon1 {
top: -34px;
left: 292px;
}
#obj_sandpit .balloon_large.balloon2 {
	top: -141px;
	left: 159px;
}
#obj_sandpit .balloon_large.balloon3 {
	top: -94px;
	left: 447px;
}
#obj_sandpit .balloon_large.balloon4 {
	top: -120px;
	left: 510px;
}

#obj_sandpit .balloon_large.balloon5 {
	left: 293px;
	top: -146px;
}


#obj_sandpit #obj_balloonPosters .string{
	top:82px;
	height:50px;
	margin-left:36px;
}



#obj_spinner{
	position:absolute;
	bottom:160px;
	z-index:895;
	margin-left:880px;
}

#obj_spinner .balloon_medium {
	position: absolute;
}

#obj_spinner .balloon1 {
	top: -149px;
	left: -13px;
}

#obj_spinner .balloon2 {
	top: -177px;
	left: 82px;
}

#obj_spinner .balloon3 {
	top: -100px;
	left: 155px;
}

#obj_spinner .balloon4 {
	top: -141px;
	left: 264px;
}

#obj_spinner .balloon5 {
	left: 99px;
	top: -36px;
}



#obj_bike{
	position:absolute;
	top:-40px;
	z-index:895;
	margin-left:1150px;
	 pointer-events: none;
	 width: 320px;
	height: 420px;

}

#obj_bike img{
	 pointer-events: none;
}

#obj_bike .clickplace{
	position: absolute;
	width: 200px;
	height: 100px;
	bottom: 0px;
	pointer-events: auto;
	left: 120px;

}

/*#obj_bike a img{
	width: 200px;
	height: 100px;
}*/


#obj_bike #obj_balloonPrevention {
	left: 250px;
	bottom: 0;
	position: absolute;
	z-index: 600;
	bottom: 250px;
}
#obj_bike #obj_balloonPrevention img {
	width: auto;
	height: auto;
}

#obj_bike #obj_balloonPrevention .string {
	top: 91px;
	margin-left: 41px;
	height: 50px;
}

#obj_bike .balloon_medium {
	position: absolute;
}
#obj_bike .balloon_medium.balloon1 {
top: 215px;
left: 117px;
}
#obj_bike .balloon_medium.balloon2 {
	top: 180px;
	left: 180px;
}
#obj_bike .balloon_medium.balloon3 {
	top: 250px;
	left: 267px;
}
#obj_bike .balloon_medium.balloon4 {
	top: 78px;
	left: 89px;
}

#obj_bike .balloon_medium.balloon5 {
	top: 60px;
	left: 178px;
}

#level2{
	position:absolute;
	z-index:800;
	top:130px;
	height:458px;
	width:1733px;
	left:0px;
	background:url(../images/landscape_equipment/bg_grass.png) no-repeat top left;
	pointer-events: none;
}

#obj_seesaw{
	margin-left:280px;
	margin-right: -25px;
	position:relative;
	top:40px;
	z-index:897;
}
#obj_monkeybars {
	margin-right: -80px;
}
#obj_monkeybars, #obj_swings{
	margin-left:150px;
	position:relative;
	top:-40px;

}
#obj_swings {
	margin-left: 220px;
	top: -13px;
}

#obj_monkeybars img, #obj_swings img{

}


#obj_monkeybars .levelTwo a {

	-webkit-animation: floatLevelTwo 3s infinite;
	-moz-animation: floatLevelTwo 3s infinite;
	animation: floatLevelTwo 3s infinite;
}
#obj_monkeybars .levelTwo .string {

	
	background: rgba(255,255,255,.3);
}

#obj_monkeybars .balloon_large {
	position: absolute;
}

#obj_monkeybars .balloon1 {
	left: -16px;
	top: -127px;
}

#obj_monkeybars .balloon2 {
	left: 36px;
	top: -124px;
}

#obj_monkeybars .balloon3 {
	left: 77px;
	top: -57px;
}

#obj_monkeybars .balloon4 {
	left: 133px;
	top: -96px;
}

#obj_monkeybars .balloon5 {
	left: 5px;
	top: -51px;
}

#obj_monkeybars .balloon6 {
	left: 170px;
	top:-86px;
}

#obj_monkeybars .balloon7 {
	left: 190px;
	top: -96px;
}





#obj_slide{
	position:relative;
	top:-30px;
	margin-right: -15px;
}

#obj_slide #slideTree {
	position: absolute;
	left: 80px;
	top: -70px;
}
#obj_slide .levelTwo a {

	-webkit-animation: floatLevelTwo 3s infinite;
	-moz-animation: floatLevelTwo 3s infinite;
	animation: floatLevelTwo 3s infinite;
}
#obj_slide .levelTwo .string {

	
	background: rgba(255,255,255,.3);
}



#obj_slide .balloon1 a {

	left: 56px;
	top: -92px;
}
#obj_slide .balloon1 .string {
	top: 2px;
	margin-left: 95px;


}

#obj_slide .balloon2 a {

	left: 143px;
	top: 16px;
}
#obj_slide .balloon2 .string {
	top: 108px;
	margin-left: 181px;

}

#obj_slide .balloon3 a {
	top: -26px;
	left: -7px;
}
#obj_slide .balloon3 .string {
	top: 60px;
	left: -7px;
	background: rgba(255,255,255,.3);
}
#obj_slide .balloon3 a,
#obj_slide .balloon3 .string {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
}

#obj_slide .balloon4 a {
	left: 135px;
	top: -110px;
}

#obj_slide .balloon4 .string {
	left: 134px;
	top: -13px;
}

#obj_slide .balloon5 {
	position: absolute;
	left: 20px;
	top: -93px;
}

#obj_slide .balloon6 {
	position: absolute;
	left: 51px;
	top: -39px;
}

#obj_slide .balloon7 {
	position: absolute;
	left: 79px;
	top: 44px;
}



#level3{
	position:absolute;
	z-index:600;
	top:10px;
	height:300px;
	width:1500px;
	left:0px;
	background:url(../images/landscape_equipment/_bg_sky_trees.png) no-repeat top left;
	pointer-events: none;
}



#level4{
	position:absolute;
	z-index:400;
	top:0px;
	height:300px;
	width:1200px;
	left:0px;
	background:url(../images/landscape_equipment/_bg_sky_top.png) no-repeat left -60px ;
	pointer-events: none;
}

.scrolled{
	height:100px; overflow:scroll;  
}

.clickObj{
	pointer-events: none;
	display:inline-block;
}

.clickObj img{
	pointer-events: auto;
}

.clickObj span{
	position:absolute;
	z-index:1;
	top:-1000px;
}



.button{
	padding:30px 10px;
	display:inline-block;
}

#scrollButtons{
	max-width: 960px;
	position:relative;

}

#scrollLeft{
	position:absolute;
	left:-25px;
	z-index:60000;
	top:250px;
	width:55px;
	height:55px;
	overflow:hidden;
	background:url('../images/interface/arrow_left.png') no-repeat;

	text-indent: -1000px;
}

#scrollRight{
	position:absolute;
	right:-30px;
	z-index:60000;
	top:250px;

	width:55px;
	height:55px;
	overflow:hidden;
	background:url('../images/interface/arrow_right.png') no-repeat;

	text-indent: -1000px;
}

#testscroll{
	line-height:0px;
}


/* balloons  */

.balloon_large a{
	
	width:71px;
	height:80px;
	position:absolute;
}

.balloon_medium a{
	margin-top:32px;
	margin-left:12px;
	width:53px;
	height:60px;
	position:absolute;
}

#obj_elephant .balloon_type1{
	top: -70px;
	position: absolute;
	left: 582px;
	z-index:9999;
}

#obj_elephant .balloon_type2{
	top: -127px;
	position: absolute;
	left: 700px;
}

#obj_elephant .balloon3{
	top: -150px;
	left: 820px;
}

#obj_elephant .balloon4{
	left:880px;
	position: absolute;
	top:100px;
	z-index:9999;
}
#obj_elephant .balloon5 {
	position: absolute;
	left: 702px;
	top: -47px;
}

#obj_sandpit .balloon_large{
	top: -106px;
	position: absolute;
	left: 340px;
}



#obj_elephant  #obj_tv{
	left: 345px;
	top: -80px;

	position: absolute;
	z-index: 9999;
}

#obj_elephant  #obj_tv .string{
	top:88px;
}

#obj_treeMidMidLeft {
	position: absolute;
	left: 711px;
	top: 18px;
	z-index: 600;
}

#obj_balloonLocated{
	margin-left:746px;
}

#obj_balloonLocated a {
top: -54px;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
}
#obj_balloonLocated .string{
	margin-left: 37px;
	top: 33px;
	-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
}

#obj_seesaw .balloon1{
	position:absolute;
	top:-78px;
}

#obj_seesaw .balloon2{
	position:absolute;
	top:-108px;
	left:80px;
}

#obj_seesaw .balloon3{
	position:absolute;
	top:-129px;
	left:150px;
}

#obj_seesaw .balloon4{
	position:absolute;
	top:-10px;
	left:130px;
}
#obj_seesaw .balloon5 {
	position: absolute;
	top: -34px;
	left: -36px;
}


#obj_swings .levelTwo a {

	-webkit-animation: floatLevelTwo 3s infinite;
	-moz-animation: floatLevelTwo 3s infinite;
	animation: floatLevelTwo 3s infinite;
}
#obj_swings .levelTwo .string {

	
	background: rgba(255,255,255,.3);
}



#obj_swings .balloon1 a {

	left: 56px;
	top: -8px;
}
#obj_swings .balloon1 .string {
	top: 80px;
	margin-left: 95px;


}

#obj_swings .balloon2 a {

	left: 106px;
	top: -50px;
}
#obj_swings .balloon2 .string {
	top: 42px;
	margin-left: 145px;

}

#obj_swings .balloon3 a {
	top: -117px;
	left: 5px;
}
#obj_swings .balloon3 .string {
	top: -30px;
	left: 5px;
	background: rgba(255,255,255,.3);
}

#obj_swings .balloon4 a {
	left: 210px;
	top: -155px;
}

#obj_swings .balloon4 .string {
	left: 210px;
	top: -80px;
}
 
#obj_swings .balloon5 {
	position: absolute;
	left: -25px;
	top: -5px;
}
#obj_swings .balloon6 {
	position: absolute;
	top: -110px;
	left: 68px;
}
#obj_swings .balloon7 {
	position: absolute;
	left: 163px;
	top: -114px;
}
#obj_swings .balloon7 .string {
	background: rgba(255,255,255,.3);
}
#obj_swings .balloon8 {
	position: absolute;
	left: 189px;
	top: -30px;
}

.balloon_large img{
	top:0px;
}

img.releaseAnim{
	-webkit-animation: releaseBalloon 5s 1;
    -moz-animation: releaseBalloon 5s 1;
    animation: releaseBalloon 5s 1;
    z-index:10000;
    position:absolute;
}

@-webkit-keyframes releaseBalloon {
    100% { -webkit-transform: translateY(-550px); }
}
@-moz-keyframes releaseBalloon {
    100% { -moz-transform:  translateY(-550px); }
}
@keyframes releaseBalloon {
    100% { transform:  translateY(-550px); }
}


/* ----  start balloon animation 1  ------ */


.balloon_type1 a{
	z-index:9999;
    -webkit-animation: float 5s infinite;
    -moz-animation: float 5s infinite;
    animation: float 5s infinite;
}

.balloon_type1.levelTwo a {
	-webkit-animation: floatLevelTwo 3s infinite;
	-moz-animation: floatLevelTwo 3s infinite;
	animation: floatLevelTwo 3s infinite;
}
@-webkit-keyframes float {
    0% { -webkit-transform: translateX(-5px) translateY(10px); }
    60% { -webkit-transform: translateX(6px) translateY(20px); }
    100% { -webkit-transform: translateX(-5px) translateY(10px); }
}
@-moz-keyframes float {
    0% { -moz-transform: translateX(-5px) translateY(10px); }
    60% { -moz-transform: translateX(6px) translateY(20px); }
    100% { -moz-transform: translateX(-5px) translateY(10px); }
}
@keyframes float {
    0% { transform: translateX(-5px) translateY(10px); }
    60% { transform: translateX(6px) translateY(20px); }
    100% { transform: translateX(-5px) translateY(10px); }
}
@-webkit-keyframes floatLevelTwo {
    0% { -webkit-transform: translateX(-3px) translateY(10px); }
    60% { -webkit-transform: translateX(2px) translateY(12px); }
    100% { -webkit-transform: translateX(-3px) translateY(10px); }
}
@-moz-keyframes floatLevelTwo {
    0% { -moz-transform: translateX(-1px) translateY(10px); }
    60% { -moz-transform: translateX(1px) translateY(12px); }
    100% { -moz-transform: translateX(-1px) translateY(10px); }
}
@keyframes floatLevelTwo {
    0% { transform: translateX(-1px) translateY(10px); }
    60% { transform: translateX(1px) translateY(12px); }
    100% { transform: translateX(-1px) translateY(10px); }
}





.balloon_type1 .string {
	width:1px;
	background:#fff;
	height:92px;
	z-index:9990;
	position:absolute;
	margin-left:40px;
	top:87px;

	-webkit-animation: floatString 5s infinite;
    -moz-animation: floatString 5s infinite;
    animation: floatString 5s infinite;
}
.balloon_type1.levelTwo .string {
	-webkit-animation: floatStringLevelTwo 3s infinite !important;
    -moz-animation: floatStringLevelTwo 3s infinite !important;
    animation: floatStringLevelTwo 3s infinite !important;
    height: 40px;
}




@-webkit-keyframes floatString {
    0% { -webkit-transform: rotate(-3deg) translateX(-3px) ; }
    60% { -webkit-transform: rotate(3deg)  translateX(3px) scaleY(.9)  translateY(5px);}
    100% { -webkit-transform: rotate(-3deg) translateX(-3px) ; }
}

@-moz-keyframes floatString {
    0% { -moz-transform: rotate(-3deg) translateX(-3px) ; }
    60% { -moz-transform:  rotate(3deg)  translateX(3px) scaleY(.9)  translateY(5px);}
    100% { -moz-transform:  rotate(-3deg) translateX(-3px) ; }
}
@keyframes floatString {
    0% { transform: rotate(-3deg) translateX(-3px) ; }
    60% { transform: rotate(3deg)  translateX(3px) scaleY(.9)  translateY(5px);}
    100% { transform: rotate(-3deg) translateX(-3px) ; }
}

@-webkit-keyframes floatStringLevelTwo {
    0% { -webkit-transform: rotate(-4deg) translateX(-1px) ; }
    60% { -webkit-transform: rotate(4deg)  translateX(1px) scaleY(.95)  }
    100% { -webkit-transform: rotate(-4deg) translateX(-1px) ; }
}

@-moz-keyframes floatStringLevelTwo {
    0% { -moz-transform: rotate(-1deg) translateX(-1px) ; }
    60% { -moz-transform:  rotate(0deg)  translateX(1px) scaleY(.95)  }
    100% { -moz-transform:  rotate(-1deg) translateX(-1px) ; }
}
@keyframes floatStringLevelTwo {
    0% { transform: rotate(-1deg) translateX(-1px) ; }
    60% { transform: rotate(1deg)  translateX(1px) scaleY(.95)  }
    100% { transform: rotate(-1deg) translateX(-1px) ; }
}







/* ----  end balloon animation 1  ------ */


/* ----  start balloon animation 2  ------ */
.balloon_type2 a{
    
    
z-index:9999;
    -webkit-animation: float2 7s infinite;
    -moz-animation: float2 7s infinite;
    animation: float2 7s infinite;
}
.balloon_type2.levelTwo a {
	-webkit-animation: float2LevelTwo 7s infinite !important;
    -moz-animation: float2LevelTwo 7s infinite !important;
    animation: float2LevelTwo 7s infinite !important;
}
@-webkit-keyframes float2 {
    0% { -webkit-transform: translateX(5px) translateY(-10px); }
    60% { -webkit-transform: translateX(-6px) translateY(15px); }
    100% { -webkit-transform: translateX(5px) translateY(-10px); }
}
@-moz-keyframes float2 {
    0% { -moz-transform: translateX(5px) translateY(-10px); }
    60% { -moz-transform: translateX(-6px) translateY(15px); }
    100% { -moz-transform: translateX(5px) translateY(-10px); }
}
@keyframes float2 {
    0% { transform: translateX(5px) translateY(-10px); }
    60% { transform: translateX(-6px) translateY(15px); }
    100% { transform: translateX(5px) translateY(-10px); }
}

@-webkit-keyframes float2LevelTwo {
    0% { -webkit-transform: translateX(1px) translateY(9px); }
    60% { -webkit-transform: translateX(-1px) translateY(12px); }
    100% { -webkit-transform: translateX(1px) translateY(9px); }
}
@-moz-keyframes float2LevelTwo {
    0% { -moz-transform: translateX(1px) translateY(9px); }
    60% { -moz-transform: translateX(-1px) translateY(12px); }
    100% { -moz-transform: translateX(1px) translateY(9px); }
}
@keyframes float2LevelTwo {
    0% { transform: translateX(1px) translateY(9px); }
    60% { transform: translateX(-1px) translateY(12px); }
    100% { transform: translateX(1px) translateY(9px); }
}


.balloon_type2 .string{
	width:1px;
	background:#fff;
	height:45px;
	z-index:9990;
	position:absolute;
	margin-left:40px;
	top:85px;

	-webkit-animation: floatString2 7s infinite;
    -moz-animation: floatString2 7s infinite;
    animation: floatString2 7s infinite;
}
.balloon_type2.levelTwo .string {
	-webkit-animation: floatString2LevelTwo 7s infinite !important;
    -moz-animation: floatString2LevelTwo 7s infinite !important;
    animation: floatString2LevelTwo 7s infinite !important;
    height: 40px;
}
@-webkit-keyframes floatString2 {
    0% { -webkit-transform: rotate(2deg) translateX(3px) scaleY(1.2) translateY(-5px); }
    60% { -webkit-transform: rotate(-2deg)  translateX(-5px)  scaleY(.6)  translateY(15px); }
    100% { -webkit-transform: rotate(2deg) translateX(3px)  scaleY(1.2) translateY(-5px); }
}

@-moz-keyframes floatString2 {
    0% { -moz-transform: rotate(2deg) translateX(3px) scaleY(1.2) translateY(-5px); }
    60% { -moz-transform:  rotate(-2deg)  translateX(-5px)  scaleY(.6)  translateY(15px); }
    100% { -moz-transform:  rotate(2deg) translateX(3px)  scaleY(1.2) translateY(-5px); }
}
@keyframes floatString2 {
    0% { transform: rotate(2deg) translateX(3px) scaleY(1.2) translateY(-5px); }
    60% { transform: rotate(-2deg)  translateX(-5px)  scaleY(.6)  translateY(15px); }
    100% { transform: rotate(2deg) translateX(3px)  scaleY(1.2) translateY(-5px); }
}
@-webkit-keyframes floatString2LevelTwo {
    0% { -webkit-transform: rotate(4deg)    }
    60% { -webkit-transform: rotate(-2deg)    }
    100% { -webkit-transform: rotate(4deg)     }
}

@-moz-keyframes floatString2LevelTwo {
    0% { -moz-transform: rotate(2deg)    }
    60% { -moz-transform:  rotate(-2deg)    }
    100% { -moz-transform:  rotate(2deg)     }
}
@keyframes floatString2LevelTwo {
    0% { transform: rotate(2deg)    }
    60% { transform: rotate(-2deg)    }
    100% { transform: rotate(2deg)     }
}

/* ----  end balloon animation 2  ------ */

/* ----  start balloon animation 2  ------ */
.balloon_type3 a{
    
    
z-index:9999;
    -webkit-animation: float3 9s infinite;
    -moz-animation: float3 9s infinite;
    animation: float3 9s infinite;
}
.balloon_type32 a{
    
    
z-index:9999;
    -webkit-animation: float32 4s infinite;
    -moz-animation: float32 4s infinite;
    animation: float32 4s infinite;
}
@-webkit-keyframes float3 {
    0% { -webkit-transform: translateY(0px); }
    60% { -webkit-transform:  translateY(20px); }
    100% { -webkit-transform:  translateY(0px); }
}
@-moz-keyframes float3 {
    0% { -moz-transform: translateY(0px); }
    60% { -moz-transform: translateY(20px); }
    100% { -moz-transform:  translateY(0px); }
}
@keyframes float3 {
    0% { transform: translateY(0px); }
    60% { transform:  translateY(20px); }
    100% { transform:  translateY(0px); }
}
@-webkit-keyframes float32 {
    0% { -webkit-transform: translateY(0px); }
    60% { -webkit-transform:  translateY(15px); }
    100% { -webkit-transform:  translateY(0px); }
}
@-moz-keyframes float32 {
    0% { -moz-transform: translateY(0px); }
    60% { -moz-transform: translateY(15px); }
    100% { -moz-transform:  translateY(0px); }
}
@keyframes float32 {
    0% { transform: translateY(0px); }
    60% { transform:  translateY(15px); }
    100% { transform:  translateY(0px); }
}

.balloon_type3 .string{
	width:1px;
	background:#fff;
	height:70px;
	z-index:10035;
	position:absolute;
	margin-left:40px;
	top:89px;
	-webkit-animation: floatString3 9s infinite;
    -moz-animation: floatString3 9s infinite;
    animation: floatString3 9s infinite;
}
.balloon_type32 .string{
	width:1px;
	background:#fff;
	height:70px;
	z-index:9990;
	position:absolute;
	margin-left:40px;
	top:89px;
	-webkit-animation: floatString3 4s infinite;
    -moz-animation: floatString3 4s infinite;
    animation: floatString3 4s infinite;
}

@-webkit-keyframes floatString3 {
    0% { -webkit-transform: scaleY(1) ; }
    60% { -webkit-transform: scaleY(.8) translateY(10px);}
    100% { -webkit-transform: scaleY(1) translateY(0px); }
}

@-moz-keyframes floatString3 {
    0% { -moz-transform: scaleY(1) ; }
    60% { -moz-transform:  scaleY(.8) translateY(10px);}
    100% { -moz-transform: scaleY(1) translateY(0px); }
}
@keyframes floatString3 {
    0% { transform: scaleY(1) ; }
    60% { transform: scaleY(.8) translateY(10px);}
    100% { transform: scaleY(1) translateY(0px); }
}

@-webkit-keyframes floatString32 {
    0% { -webkit-transform: scaleY(1) ; }
    60% { -webkit-transform: scaleY(.9) translateY(15px);}
    100% { -webkit-transform: scaleY(1) translateY(0px); }
}

@-moz-keyframes floatString32 {
    0% { -moz-transform: scaleY(1) ; }
    60% { -moz-transform:  scaleY(.8) translateY(12px);}
    100% { -moz-transform: scaleY(1) translateY(0px); }
}
@keyframes floatString32 {
    0% { transform: scaleY(1) ; }
    60% { transform: scaleY(.8) translateY(12px);}
    100% { transform: scaleY(1) translateY(0px); }
}

/* ----  end balloon animation 3  ------ */


.balloon_type4 a{
	z-index:9999;
    -webkit-animation: float4 15s infinite;
    -moz-animation: float4 15s infinite;
    animation: float4 15s infinite;
}

@-webkit-keyframes float4 {
    0% { -webkit-transform: rotate(-5deg) translateX(-25px) ; }
    60% { -webkit-transform: rotate(5deg) translateX(20px) ; }
    100% { -webkit-transform: rotate(-5deg) translateX(-25px) ; }
}
@-moz-keyframes float4 {
    0% { -moz-transform: rotate(-5deg) translateX(-25px) ; }
    60% { -moz-transform: rotate(5deg) translateX(20px) ; }
    100% { -moz-transform: rotate(-5deg) translateX(-25px) ; }
}
@keyframes float4 {
    0% { transform: rotate(-5deg) translateX(-25px) ; }
    60% { transform: rotate(5deg) translateX(20px) ; }
    100% { transform: rotate(-5deg) translateX(-25px) ; }
}

.balloon_type4 .string{
	width:1px;
	background:#fff;
	height:92px;
	z-index:9990;
	position:absolute;
	margin-left:40px;
	top:87px;

	-webkit-animation: floatString4 15s infinite;
    -moz-animation: floatString4 15s infinite;
    animation: floatString4 15s infinite;
}

@-webkit-keyframes floatString4 {
    0% { -webkit-transform: rotate(-5deg) translateX(-5px) ; }
    60% { -webkit-transform: rotate(15deg)  translateX(15px)  scaleY(.9) translateY(5px);}
    100% { -webkit-transform: rotate(-5deg) translateX(-5px) ; }
}

 

@-moz-keyframes floatString4 {
    0% { -moz-transform: rotate(-5deg) translateX(-5px) ; }
    60% { -moz-transform: rotate(15deg)  translateX(15px)  scaleY(.9) translateY(5px);}
    100% { -moz-transform: rotate(-5deg) translateX(-5px) ; }
}
@keyframes floatString4 {
    0% { transform: rotate(-5deg) translateX(-5px) ; }
    60% { transform: rotate(15deg)  translateX(15px)  scaleY(.9) translateY(5px);}
    100% { transform: rotate(-5deg) translateX(-5px) ; }
}
.stopAnimation a, .stopAnimation .string,
.clickObj .stopAnimation .string {
	-webkit-animation: none !important;
    -moz-animation: none !important;
    animation: none !important;
    cursor: default;

}
/*  ----- modal windows  ----------- */

.modalWindow{
	display:none;
	position:absolute;
	z-index:50000;
	width:100%;
	max-width:962px;
	height:560px;
	text-align:center;
}

#modalBg, #zoom_modalBg{
	display:none;
	background:url('../images/interface/modal_bg.png');
	position:absolute;
	z-index:39990;
	width:100%;
	max-width:962px;
	height:630px;
	text-align:center;
}

 #zoom_modalBg{
 	height:625px;
 }
.ui-loader {
	display: none;
}
#loadingModal{
    display:block;
    background:#000;
    color:#fff;
    z-index: 49990;
    display:block;
    background:#000;
    color:#fff;
    font-family: 'dirty_headlineregular', arial;
    text-transform: uppercase;
    font-size: 190%!important;
    text-align: center;
    height: 620px;
}
#loadingModal .contentArea {
    width: 465px;
    padding: 240px 0px 0px 0px;
    margin: 0 auto;
}
.show{
	display:block;
}

#loadingModal.hide{
	display:none;
}

.hideWhenLoading {
	display: none;
}

.modalx{
	display:inline-block;
	width:42px;
	height:40px;
	background:url('../images/interface/modal_close.png') no-repeat 0px 0px;
	overflow:hidden;
	text-indent: -1000px;
	margin: 0px 0px 0px 370px;
}

.modalx:hover{
	background-position:1px -40px;

}


#largeModal .contentArea{
	background:url('../images/interface/_panel_text_490.png') top left no-repeat;
	width:620px;
	height:570px;
	padding:20px 60px;
	margin:auto;
	text-align:left;
}

#largeModal .modalx{
	float:right;
	margin-top: -2px;
	margin-right: -55px;
}


#largeModal .contentReplace .contentLeft {
	width: 418px;
	float:left;
	margin-right: 5px;
}
#largeModal .contentReplace .contentLeft p:first-child {
	margin-top: 0;
}

#largeModal .contentReplace .contentRight {
	float:left;
	width: 183px;
	margin-right: -31px;
}
#largeModal .contentReplace .contentRight li.pdf,
#largeModal .contentReplace .contentRight li.video,
#largeModal .contentReplace .contentRight ul {
	margin-left: 0;
}

#largeModal .contentReplace .contentRight ul {
	padding: 0;
	margin: 0;
}

#carouselModal{
	overflow:hidden;
}

#carouselModal .item{
	
	width:477px;
	height:424px;
	
	padding:60px 0px;
	margin:auto;
	text-align:center;
	position:absolute;
	display:none;

	transition: width 1s, height 1s, left 1s, top 1s, font-size 1s;
    -moz-transition: width 1s, height 1s, left 1s, top 1s, font-size 1s ;
    -web-kit-transition: width 1s, height 1s, left 1s, top 1s, font-size 1s ;
}

#carouselModal.modal-balloons .item{
	background:url('../images/balloons/modal_big_balloon.png') top left no-repeat;
	background-size: 100% 100%;
}


.balloonInner {
	padding: 0 60px;
}
.balloonInner h4 {
	font-size: 30px;
	margin-bottom: 20px;
}
#carouselModal .item-focus{
	position:absolute;
	z-index:59995;
	display:block;
	top:10px;
	left:25%;
}

#carouselModal .item-right1, 
#carouselModal .item-left1{
	font-size: .5em;
	background-size: 100% 100%;
	top: 120px;
	left: 68%;
	width: 250px;
	height: 170px;

	/*-webkit-filter: blur(2px);
  	-moz-filter: blur(2px);
  	-o-filter: blur(2px);
  	-ms-filter: blur(2px);
 	filter: blur(2px);
*/
 	z-index:59990;

 	opacity:0.4;
 	display:block;
}
#carouselModal .item-right1 .balloonInner, 
#carouselModal .item-left1 .balloonInner{
	padding: 0px 30px;
}
#carouselModal .item.item-right1, 
#carouselModal .item.item-left1{
	padding: 30px 0px 90px 0px;
}

#carouselModal .item-left1{
	left: 6%;
}
#carouselModal .item-right1 h4, 
#carouselModal .item-left1 h4,
#carouselModal .item-right2 h4, 
#carouselModal .item-left2 h4, 
#carouselModal .item-left3up h4, 
#carouselModal .item-right3up h4{
	font-size: 2em;
	line-height: 
}

#carouselModal .item-right2, 
#carouselModal .item-left2, 
#carouselModal .item-left3up, 
#carouselModal .item-right3up{
	font-size: .5em;
	background-size: 100% 100%;
	top: 150px;
	left: 88%;
	width: 180px;
	height: 90px;

	/*-webkit-filter: blur(5px);
  	-moz-filter: blur(5px);
  	-o-filter: blur(5px);
  	-ms-filter: blur(5px);
 	filter: blur(5px);*/

 	z-index:59980;

 	opacity:0.4;
 	display:block;
}
#carouselModal .item-right2 .balloonInner, 
#carouselModal .item-left2 .balloonInner, 
#carouselModal .item-left3up .balloonInner, 
#carouselModal .item-right3up .balloonInner{
	padding: 0px 25px;
}
#carouselModal .item.item-right2, 
#carouselModal .item.item-left2, 
#carouselModal .item.item-left3up, 
#carouselModal .item.item-right3up {
	padding: 30px 0px 90px 0px;
}

#carouselModal .item.item-left2 img,
#carouselModal .item.item-left1 img,

#carouselModal .item.item-right1 img,
#carouselModal .item.item-right2 img {
	max-width: 170px;
}

#carouselModal .item-left2{
	left: -8%;
}

#carouselModal .item-left3up{
	left: -28%;
}

#carouselModal .item-right3up{
	left: 105%;
}

#carouselModal .modalx{
	right:65%;
	margin-right:-350px;
	top:80px;
	position:absolute;
	z-index:59998;
}

#carouselModal .prevItem{
	cursor: pointer;
	position:absolute;
	right:68%;
	z-index:59998;
	top:250px;
	width:75px;
	height:75px;
	overflow:hidden;
	background:url('../images/interface/arrow_left.png') no-repeat;

	text-indent: -1000px;
}

#carouselModal .nextItem{
	cursor: pointer;
	position:absolute;
	right:65%;
	margin-right:-437px;
	z-index:59998;
	top:250px;

	width:75px;
	height:75px;
	overflow:hidden;
	background:url('../images/interface/arrow_right.png') no-repeat;

	text-indent: -1000px;
}

.modal-posters .item img{
	width:100%;
	max-width:340px;
}

.modal-posters .item a.view {
	pointer-events: auto;
	background: url('../images/interface/bg_button_large.png') no-repeat transparent bottom; 
	width:141px;
	height: 29px;
	display: block;
	opacity: 0;
	margin-top: -45px;
	margin-left: 170px;
	line-height: 33px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-family: 'allerbold', arial;
	text-transform: uppercase;
	padding: 0;
	position: absolute;
}
.modal-posters .item a.view:hover,
.modal-posters .item a.view:focus
 {
	background: url('../images/interface/bg_button_large.png') no-repeat transparent top; 
}
#carouselModal.modal-content .item{
	background:url('../images/interface/panel_text.png') no-repeat;
	width:300px;
	height:100px;
}
#carouselModal.modal-content .featuredStories .item {
	background: url('../images/interface/_panel_text_490.png') no-repeat;

}
																																																															
#carouselModal.modal-content .item-left1, #carouselModal.modal-content .item-right1{
	width:330px;
	height:150px;
	background-size: 100% 100%;
	padding: 60px 30px;
}

 #carouselModal.modal-content .item-left2, #carouselModal.modal-content .item-right2{
	width:200px;
	height:100px;
	background-size: 100% 100%;
	padding: 60px 85px;
}

 #carouselModal.modal-content .item-left3up, #carouselModal.modal-content .item-right3up{
	width:300px;
	height:100px;
	background-size: 100% 100%;
}

#carouselModal.modal-content .item-left3up{
	left:-38%;
}

#carouselModal.modal-content .item-right1{
	left:55%;
}

#carouselModal.modal-content .item-focus{
	width:750px;
	height:305px;
	left:12%;
	top:50px;
}
#carouselModal.modal-content .featuredStories .item-focus {
	height: 330px;
}

#carouselModal.modal-content .nextItem{
	margin-left: 700px;
	left: 12%;
	margin-right:0;
}

#carouselModal.modal-content .prevItem{
	right:auto;
	left:12%;
	margin-left: -17px;
}

#carouselModal.modal-content .modalx{
left: 12%;
margin-left: 690px;
}

#carouselModal.modal-content .scroll{
	margin: 0 60px;
	text-align: left;
	overflow-y: scroll;
	height: 240px;

	transition: height 1s, margin 1s;
    -moz-transition: height 1s, margin 1s;
    -web-kit-transition: height 1s, margin 1s;

}
#carouselModal.modal-content .featuredStories .scroll {
	height: 300px;
	margin: 0 95px;
}

#carouselModal.modal-content .item-right1 .scroll,
#carouselModal.modal-content .item-left1 .scroll{
	height:155px;
	margin:0 30px;
	width: 316px;
}
#carouselModal.modal-content .item-right1 .carouselHeading,
#carouselModal.modal-content .item-left1 .carouselHeading {
	margin: 0 30px;
}

#carouselModal.modal-content .item-right2 .scroll,
#carouselModal.modal-content .item-left2 .scroll,
#carouselModal.modal-content .item-left3up .scroll,
#carouselModal.modal-content .item-right3up .scroll{
	height:110px;
	margin:0 0px;
	width: 270px;
}
#carouselModal.modal-content .item-right2 .carouselHeading,
#carouselModal.modal-content .item-left2 .carouselHeading,
#carouselModal.modal-content .item-left3up .carouselHeading,
#carouselModal.modal-content .item-right3up .carouselHeading {
	margin: 0;
}

.featuredStories .carouselHeading {
	text-align: left;
	margin: 0 95px;
}
.featuredStories .carouselHeading p {
	color: #7f7f7f;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
.featuredStories .carouselHeading h2 {
	margin-top: 0;
}

#balloonModal {
	margin-top: 20px;
}
#balloonModal .contentArea{
	background:url('../images/balloons/modal_big_balloon.png') top left no-repeat;
	width:477px;
	height:474px;
	padding:60px 0px 0;
	margin:auto;
	text-align:center;
}

#balloonModal .modalx{
	/*margin-right: -360px;*/
}

#balloonModal .contentArea .contentReplace {
	padding: 0 60px;
}
#videoModal .contentArea{
	background:url('../images/interface/panel_text.png') top left no-repeat;
	width:620px;
	height:570px;
	padding:50px 55px;
	margin:auto;
	text-align:left;
}
#videoModal .contentArea .contentReplace {
	padding: 0;
}
#videoModal .modalx{
	margin-right: -55px;
	margin-top: -30px;
	float:right;
}

/* --- zoomed screens -- */
#zoomModal {
	z-index: 40000;
}
#zoomModal .modalx{
	position:absolute;
	left:20px;
	z-index:10;
	top: 435px;
	margin-left: 0px;
	background: url('../images/interface/bg_button.png') no-repeat scroll 0 0 transparent;
	width: 112px;
	height: 34px;
	line-height: 34px;
	color: #fff;
	text-decoration: none;
	text-indent: 0;

}

#zoomModal .contentReplace{
	height: 625px;
	width: 909px;
	overflow: hidden;
	position:relative;
	padding: 0;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
}

#zoomModal .balloon_large{
	position:absolute;
}

/**BALLOON SLIDE**/

#zoom_slide{
	background:url('../images/zoom/main_slide_bg.jpg?1') no-repeat;
	height:655px;
	width:960px;
}

#zoom_slide .balloon1 {
	left: 501px;
	top: 145px;
}

#zoom_slide .balloon1 a {

	left: 56px;
	top: -92px;
}
#zoom_slide .balloon1 .string {
	top: 2px;
	margin-left: 95px;


}

#zoom_slide .balloon2 {
	top: 304px;
	left: 599px;
}
#zoom_slide .balloon2 a {

	left: 143px;
	top: 16px;
}
#zoom_slide .balloon2 .string {
	top: 108px;
	margin-left: 181px;

}
#zoom_slide .balloon3 {
	left: 443px;
	top: 213px;
}
#zoom_slide .balloon3 a {
	top: -26px;
	left: -7px;
}
#zoom_slide .balloon3 .string {
	top: 60px;
	left: -7px;
	background: rgba(255,255,255,.3);
}
 

#zoom_slide .balloon4 {
	left: 572px;
	top: 157px;
}

#zoom_slide .balloon4 a {
	left: 135px;
	top: -110px;
}

#zoom_slide .balloon4 .string {
	left: 134px;
	top: -13px;
}

#zoom_slide .balloon_medium {
	position: absolute;
}

#zoom_slide .balloon5 {
	left: 479px;
	top: 71px;
}
#zoom_slide .balloon6 {
	left: 545px;
	top: 183px;
}
#zoom_slide .balloon7 {
	left: 585px;
	top: 309px;
}



/** BALLOON SEESAW**/

#zoom_seesaw{
	background:url('../images/zoom/main_seesaw_bg.jpg?1') no-repeat;
	height:655px;
	width:960px;
}

#zoom_seesaw .balloon1{
	left: 340px;
	top: 254px;
}

#zoom_seesaw .balloon2{
	left: 483px;
	top: 206px;
}

#zoom_seesaw .balloon3{
	left: 620px;
	top: 140px;
}

#zoom_seesaw .balloon4{
	left: 570px;
	top: 360px;
}
#zoom_seesaw .balloon5 {
	left: 282px;
	top: 332px;
}

/** ELEPHANT BALLOON**/
#zoom_elephant{
	background:url('../images/zoom/main_elephant_bg.jpg') no-repeat;
	height:655px;
	width:960px;
}

#zoom_elephant .balloon1{
	left: 348px;
	top: 227px;
}

#zoom_elephant .balloon3{
	left: 480px;
	top: 131px;
}

#zoom_elephant .balloon2{
	left: 611px;
	top: 93px;
}

#zoom_elephant .balloon4{
	left: 700px;
	top: 400px;
}

#zoom_elephant .balloon5 {
	left: 486px;
top: 231px;
}

/**SPINNER BALLOON**/
#zoom_spinner{
	background:url('../images/zoom/main_spinner_bg.jpg') no-repeat;
	height:655px;
	width:960px;
}
#zoom_spinner .balloon_large {
	position: absolute;
}

#zoom_spinner .balloon1 {
	top: 127px;
	left: 389px;
}

#zoom_spinner .balloon2 {
	top: 94px;
	left: 523px;
}

#zoom_spinner .balloon3 {
	top: 183px;
	left: 632px;
}

#zoom_spinner .balloon4 {
	top: 136px;
	left: 781px;
}

#zoom_spinner .balloon5 {
	left: 540px;
	top: 289px;
}
/**ZOOM MONKEYBARS - BALLOON POSITIONING **/

#zoom_monkeybars{
	background:url('../images/zoom/main_monkey_bg.jpg') no-repeat;
	height:655px;
	width:960px;
}

#zoom_monkeybars .balloon_medium {
	position: absolute;
}

#zoom_monkeybars .balloon1 {
	left: 344px;
	top: 43px;
}

#zoom_monkeybars .balloon2 {
	left: 450px;
	top: 25px;
}

#zoom_monkeybars .balloon3 {
	left: 535px;
	top: 229px;
}

#zoom_monkeybars .balloon4 {
	left: 642px;
	top: 103px;
}

#zoom_monkeybars .balloon5 {
	left: 390px;
	top: 175px;
}
#zoom_monkeybars .balloon6 {
	left: 709px;
	top: 150px;
}
#zoom_monkeybars .balloon7 {
	left: 750px;
	top: 104px;
}


/**ZOOM BIKE - BALLOON POSITIONING **/

#zoom_bike{
	background:url('../images/zoom/main_bike_bg.jpg') no-repeat;
	height:655px;
	width:960px;
}

#zoom_bike .balloon_large {
	position: absolute;
}

#zoom_bike .balloon_large.balloon1 {
top: 310px;
left: 543px;
}
#zoom_bike .balloon_large.balloon2 {
	top: 272px;
	left: 635px;
}
#zoom_bike .balloon_large.balloon3 {
	top: 356px;
	left: 770px;
}
#zoom_bike .balloon_large.balloon4 {
	top: 87px;
	left: 491px;
}
#zoom_bike .balloon_large.balloon5 {
	top: 73px;
	left: 624px;
}


/**ZOOM SANDPIT - BALLOON POSITIONING **/

#zoom_sandpit{
	background:url('../images/zoom/main_sandpit_bg.jpg') no-repeat;
	height:655px;
	width:960px;
}


#zoom_sandpit .balloon1 {
top: 342px;
left: 541px;
}
#zoom_sandpit .balloon2 {
	top: 180px;
	left: 334px;
}
#zoom_sandpit .balloon3 {
	top: 222px;
	left: 758px;
}
#zoom_sandpit .balloon4 {
	top: 197px;
	left: 823px;
}

#zoom_sandpit .balloon5 {
	left: 543px;
	top: 170px;
}
#zoom_sandpit .balloon5 a {
	top: -27px;
}
#zoom_sandpit .balloon5 .string {
	height: 102px;
	top: 61px;
}



/**ZOOM SWINGS - BALLOON POSITIONING**/
#zoom_swings{
	background:url('../images/zoom/main_swing_bg.jpg') no-repeat;
	height:655px;
	width:960px;
}

#zoom_swings .balloon1 a {

	left: 483px;
	top: 56px;
}
#zoom_swings .balloon1 .string {
	top: 122px;
	margin-left: 518px;


}

#zoom_swings .balloon2 a {

	left: 582px;
	top: -15px;
}
#zoom_swings .balloon2 .string {
	top: 48px;
	margin-left: 616px;

}

#zoom_swings .balloon3 a {
	top: -120px;
	left: 386px;
}
#zoom_swings .balloon3 .string {
	top: -68px;
	left: 382px;
	
}

#zoom_swings .balloon4 a {
	left: 754px;
	top: -194px;
}

#zoom_swings .balloon4 .string {
	left: 750px;
	top: -128px;
}



#zoom_swings .balloon5 {
	left: 311px;
	top: 320px;
}
#zoom_swings .balloon5 a {
	left: 5px;
	top: 21px;
}

#zoom_swings .balloon6 {
	top: 100px;
	left: 498px;
}
#zoom_swings .balloon6 a {
		left: 5px;
	top: 21px;
}

#zoom_swings .balloon7 {
	left: 661px;
	top: 87px;
}
#zoom_swings .balloon7 a {
		left: 5px;
	top: 37px;
}

#zoom_swings .balloon8 {
	left: 740px;
	top: 260px;
}
#zoom_swings .balloon8 a {
		left: 5px;
	top: 21px;
}


/**/
#zoom_info {
	width: 330px;
	top: 150px;
	left: 21px;
	position: relative;
	text-align:left;
	color: #fff;
	z-index: 10000;
}
#zoom_info .dirtyHeadline {
	font-size: 210%;
	line-height: 1;
}

#zoom_info p {
	margin: 0 0 15px;
	font-size: 120%;
	line-height: 1.3;
}



/**FORM STYLES**/
#releaseBalloonThankyou {
	display: none;
	text-align: center;
	font-size: 16px;
}
#releaseBalloonThankyou p {
	margin: 30px 0 40px;
}
#releaseBalloonThankyou a.missing-profiles {
	padding: 7px 130px 4px 130px;
	background: url('../images/interface/profiles_button.png') transparent no-repeat top; 
}
#releaseBalloonThankyou a.missing-profiles:hover,
#releaseBalloonThankyou a.missing-profiles:focus {
	padding: 8px 130px 5px 130px;
	background: url('../images/interface/profiles_button.png') transparent no-repeat bottom; 
}
.release-balloon,
.spread-the-word {
	font-size: 12px;
font-family: 'allerbold', arial;
line-height: 1.2;
}
.release-balloon h1 {
	width: 224px;
	margin: 0 auto 0;
	text-align: center;
}
.spread-the-word h1 {
	margin: 25px auto 0;
	text-align:center;
}
.spread-the-word p {
	text-align:center;
}
.spread-the-word.formSubmit p:not(.contourMessageOnSubmit) {
	display: none;
}
.release-balloon.formSubmit h1,
.spread-the-word.formSubmit h1 {
	visibility: hidden;
}
.contourMessageOnSubmit {
	font-size: 24px;
	text-align: center;
}
.contourMessageOnSubmit ~ p {
	display: none;
}
.contourMessageOnSubmit ~ #releaseBalloonThankyou,
#releaseBalloonThankyou p {
	display: block;
}


.contour .contourPage {
	width: 360px;
	margin: 0 auto;
}
.contour .contourPage h4 {
	display: none;
}
.contour .contourPage p {
	text-align: center;
width: 310px;
margin: 0 auto 10px;
}
.contour .contourPage p + p {
	width: 266px;
}

.contour {
	text-align: left;
	margin: 0 auto;
}

.contour fieldset {
	border: 0;
	outline: 0;
	margin: 0;
	padding: 0 !important;
}

.contour .contourField {
	clear:left;
}

.contour .contourField label {
	float:left;
	width: 70px !important;
	text-transform: uppercase;
	font-size:11px;
	padding: 11px 6px 0px 6px;
}
#contour_form_Helpspreadtheword .contourField label {
	width: 90px !important;
}

.contour .contourField > div {
float: left;
width: 180px;
margin-bottom: -5px;
}

.contour .contourField div input[type="text"],
.contour .contourField div select,
.contour .contourField div textarea {
	width: 220px !important;
	background: #333333;
	color: #fff;
	border: 1px solid #333;
	outline: 0;
	padding: 2px 5px;
	font-size: 11px;
}
.contour .contourField div select {
	width: 232px !important;
}
.contour .contourField div textarea {
	height: 80px;
}
.contour .contourField div input[type="text"]:focus,
.contour .contourField div select:focus,
.contour .contourField div textarea:focus {
	border: 1px solid #d86a3d;
}

.contour .contourNavigation {
	margin: 10px auto 0;
	width: 141px;
}
.contour .contourNavigation input[type="submit"] {
	border: 0;
	outline: 0;
	background: url('../images/interface/bg_button_large.png') no-repeat scroll left bottom; 
	width:141px;
	height: 29px;
	line-height: 33px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-family: 'allerbold', arial;
	text-transform: uppercase;
	padding: 0;
	cursor: pointer;
}

.contour .contourNavigation input[type="submit"]:hover,
.contour .contourNavigation input[type="submit"]:focus {
	background-position: left top;
	font-size: 14px;
	line-height: 29px;
}

.contourField.recipient.textfield {
	display: none;
}


/***ANIMATION DURATION***/

.duration5 a,
.duration5 .string {
	-webkit-animation-duration: 5s !important;
	-moz-animation-duration: 5s !important;
	animation-duration: 5s !important;
}
.duration6 a,
.duration6 .string {
	-webkit-animation-duration: 6s !important;
	-moz-animation-duration: 6s !important;
	animation-duration: 6s !important;
}
.duration7 a,
.duration7 .string {
	-webkit-animation-duration: 7s !important;
	-moz-animation-duration: 7s !important;
	animation-duration: 7s !important;
}
.duration8 a,
.duration8 .string {
	-webkit-animation-duration: 8s !important;
	-moz-animation-duration: 8s !important;
	animation-duration: 8s !important;
}
.duration9 a,
.duration9 .string {
	-webkit-animation-duration: 9s !important;
	-moz-animation-duration: 9s !important;
	animation-duration: 9s !important;
}
.duration10 a,
.duration10 .string {
	-webkit-animation-duration: 10s !important;
	-moz-animation-duration: 10s !important;
	animation-duration: 10s !important;
}
.duration11 a,
.duration11 .string {
	-webkit-animation-duration: 11s !important;
	-moz-animation-duration: 11s !important;
	animation-duration: 11s !important;
}
.duration12 a,
.duration12 .string {
	-webkit-animation-duration: 12s !important;
	-moz-animation-duration: 12s !important;
	animation-duration: 12s !important;
}

/* IE scroll bar fix*/
#testscroll.ps-container.ie .ps-scrollbar-x {
    visibility: visible;
    position: relative!important;
}
#testscrollHolder.hideWhenModal.hide-ie .ps-container.ie .ps-scrollbar-x {
	visibility: hidden;
}


p.loadingMessage {
	font-size: 24px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -5%;
margin-top: -5%;
font-family: 'dirty_headlineregular', arial;
text-transform: uppercase;
}
p.loadingMessage.loadingMessageLight {
	color: #fff;
}

/**PRELOAD**/

 .main_bike_bg {
 	background:url('../images/zoom/main_bike_bg.jpg') no-repeat;
 }
 .main_elephant_bg {
 	background:url('../images/zoom/main_elephant_bg.jpg') no-repeat;
 }
 .main_monkey_bg {
 	background:url('../images/zoom/main_monkey_bg.jpg') no-repeat;
 }
 .main_sandpit_bg {
 	background:url('../images/zoom/main_sandpit_bg.jpg') no-repeat;
 }
 .main_seesaw_bg {
 	background:url('../images/zoom/main_seesaw_bg.jpg') no-repeat;
 }
 .main_slide_bg {
 	background:url('../images/zoom/main_slide_bg.jpg') no-repeat;
 }
 .main_spinner_bg {
 	background:url('../images/zoom/main_spinner_bg.jpg') no-repeat;
 }
 .main_swing_bg {
 	background:url('../images/zoom/main_swing_bg.jpg') no-repeat;
 }


 .preloadHidden {
 	position: absolute !important;
 	left: -9999px !important;
 	height: 1px !important;
 	width: 1px !important;
 }

/* --- end zoomed screens -- */
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */