* { outline: none; margin: 0px; padding: 0px; }

html {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	outline: none;
	background: #FFF;
	color: #999;
	font-family: 'DIN1451MiDIN1451Mittelschrift', Helvetica, Arial, Verdana, sans-serif;
	height: 100%;
	min-height: 800px;
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.rel {
	display: block;
	position: relative;
	height: 100%;
}

.sprite {
	display: block;
	height: 0px;
	overflow: hidden;
}

.hide {
	visibility: hidden;
	float: left;
	clear: none;
	width: 1px;
	height: 0px;
	overflow: hidden;
}

p {
	width: 100%;
}

	#no-js {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0px;
		top: 0px;
		background: url(../images/ui/bg-half-gray.png) left top repeat;
	}
	
		#no-js .inner {
			width: 895px;
			margin: 0px auto;
			padding-top: 220px;
			text-align: center;
			color: #FFF;
			font-size: 17px;
		}

	.scroll-inner {
		float: left;
		clear: both;
		padding-right: 20px;
	}
	
	.scroller {
		position: relative !important;
		padding-top: 0px !important;
	}

	#container {
		position: relative;
		width: 100%;
		/*height: 100%;*/
		-webkit-transition-duration: .5s;
		-webkit-transition-timing-function: ease-in;
		-webkit-transition-property: -webkit-transform, opacity;
		-webkit-transform-origin: center top;
		-moz-transition-duration: .5s;
		-moz-transition-timing-function: ease-in;
		-moz-transition-property: -moz-transform, opacity;
		-moz-transform-origin: center top;
		-ms-transition-duration: .5s;
		-ms-transition-timing-function: ease-in;
		-ms-transition-property: -webkit-transform, opacity;
		-ms-transform-origin: center top;
		opacity: 0;
		min-width: 1000px;
		min-height: 800px;
		overflow-x: hidden;
		overflow-y: hidden;
		/*overflow-y: visible\9;
		*overflow-y:visible;*/
	}
	
	.double #container {
		min-height: 940px !important;
	}
	
		#container.in {
			opacity: 1;
		}
	
		#container.out {
			/*-webkit-transform: rotateY(90deg) rotateZ(-15deg) scale(1.5);
			-moz-transform: rotate(15deg) scale(1.5);
			-ms-transform: rotateY(90deg) rotateZ(-15deg) scale(1.5);*/
			opacity: 0;
		}
		
	.character {
		display: block;
		position: absolute;
		top: 180px;
		visibility: hidden;
		height: 500px;
	}
	
	.character.arthur { width: 469px; }
	.character.arthurOne { width: 263px; height: 111px !important; top:-1px !important; }
	.character.arthurTwo { width: 148px; height: 165px !important; top:382px !important; }
	.character.cloudy2one {width: 230px;height: 400px !important;top: 232px !important;}
	.character.cloudy2one img {left:0px !important;}
	.character.cloudyOne { width: 70px; height: 115px !important; top:-1px !important; margin-left: -100px; }
	.character.cloudyTwo { width: 200px; height: 255px !important; top:502px !important; }
	.character.openSeasonThreeOne { width: 162px; height: 255px !important; top:502px !important; }
	.character.openSeasonThreeTwo { width: 93px; height: 211px !important; top:492px !important; margin-left: -20px; }
	.character.openSeasonTwoOne { width: 166px; height: 255px !important; top:502px !important; }
	.character.openSeasonTwoTwo { width: 131px; height: 192px !important; top:492px !important; margin-left: 650px; }
	.character.surfsUp { width: 113px; height: 255px !important; top:502px !important; }
	.character.openSeason { width: 179px; height: 255px !important; top:498px !important; }
	.character.cop { width: 308px; }
	.character.mayer { width: 223px; }
	.character.monkey { width: 209px; }
	.character.pirate { width: 168px; height: 330px !important; top:400px !important; margin-left: -350px; }
	.character.pirate-home { width: 203px; height: 400px !important; top:281px !important; }
	.character.leak { width: 290px; }
	.character.cheespider { width: 360px; top: 174px; }
	.character.barry { width: 355px; top: 356px; height: 291px; }
	.character.manny { width: 252px; }
	.character.mayor { width: 220px; height: 547px; top: 216px !important;}
	.character.dracula { width: 203px; }
	.character.dracula-home { width: 105px; height: 400px !important; top: 250px !important; }
	.character.dracMavis-home { width: 171px; height: 182px !important; top: 286px !important; }
	.character.dracMavis { width: 329px; }
	.character.smurfs { width: 234px; height: 120px !important; }
	.character.smurfs2two { width: 250px; height: 271px !important; top:279px !important; }
	.character.tacodile { width: 550px; height:300px; top:360px !important;}
	.character.barry-home { width: 171px; height: 182px !important; top: 286px !important; }
	.character.rabbits { width: 618px; height: 135px !important; }
	.character.pickles { width: 765px; height: 295px !important; top: 393px !important; margin: 0 0 0 -155px; overflow: hidden; }
	.character.wolfpack { width: 1000px; height: 295px !important; top: 393px !important; margin: 0 0 0 -155px; overflow: hidden; }
	.character.mavis { width: 281px; height: 182px !important; top: 626px !important; }
	.character.smurfs_upcoming { width: 497px; height: 249px !important; top: 241px !important; display: none }
	
		.character img {
			position: absolute;
			bottom: 0px;
		}
	
	.fromleft, .fromleft img,
	.fromright, .fromright img {
		left: 0px;
	}

	#bg-upper {
		width: 100%;
		position: absolute;
		left: 0px;
		top: 155px;
		height: 532px;
		min-height: 532px;
	}
	
		#bg-upper .blue {
			float: left;
			clear: none;
			width: 100%;
			height: 360px;
			background: #EDF3F7;
			position: absolute;
			left: 0px;
			top: 0px;
		}
	
		#gradient-upper {
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0px;
			top: 0px;
			background: url(../images/ui/shading-home.png) center top no-repeat;
		}
		
		.double #gradient-upper {
			height: 70% !important;
		}
		
		#bg-upper.bg-home { height: 532px !important; }
		#bg-upper.bg-home .blue { height: 360px !important; }
		#bg-upper.bg-home #gradient-upper { background: url(../images/ui/shading-home.png) center top no-repeat !important; }
		#bg-upper.bg-about-executives, #bg-upper.bg-about-filmmakers, #bg-upper.bg-about-artists { height: 532px !important; }
		#bg-upper.bg-about-executives .blue, #bg-upper.bg-about-filmmakers .blue, #bg-upper.bg-about-artists .blue  { height: 532px !important; }
		#bg-upper.bg-about-executives #gradient-upper, #bg-upper.bg-about-filmmakers #gradient-upper, #bg-upper.bg-about-artists #gradient-upper { background: url(../images/ui/shading-home.png) center top no-repeat !important; }
		#bg-upper.bg-jobs { height: 532px !important; }
		#bg-upper.bg-jobs .blue { height: 532px !important; }
		#bg-upper.bg-jobs #gradient-upper { background: url(../images/ui/shading-home.png) center top no-repeat !important; }
		#bg-upper.bg-jobs-overview { height: 532px !important; }
		#bg-upper.bg-jobs-overview .blue { height: 360px !important; }
		#bg-upper.bg-jobs-overview #gradient-upper { background: url(../images/ui/shading-home.png) center top no-repeat !important; }
		#bg-upper.bg-newsroom { height: 532px !important; }
		#bg-upper.bg-newsroom .blue { height: 532px !important; }
		#bg-upper.bg-newsroom #gradient-upper { background: url(../images/ui/shading-home.png) center top no-repeat !important; }
		#bg-upper.bg-contact { height: 532px !important; }
		#bg-upper.bg-contact .blue { height: 532px !important; }
		#bg-upper.bg-contact #gradient-upper { background: url(../images/ui/shading-home.png) center top no-repeat !important; }

	#wrapper {
		background: url(../images/ui/shading-home-bottom.png) bottom 100px center no-repeat;
		width: 895px;
		margin: 0px auto;
		overflow-x: hidden;
		position: relative;
	}
	
		h1 {
			display: block;
			width: 229px;
			height: 79px;
			position: absolute;
			left: 0px;
			top: 20px;
		}
		
			h1 a {
				width: 274px;
				padding-top: 70px;
				background: url(../images/ui/logo.png) left top no-repeat;
				float: left;
				clear: none;
			}
			
		#menu {
			width: 895px;
			height: 29px;
			display: block;
			position: absolute;
			left: 0px;
			top: 110px;
		}
		
			#menu li {
				list-style: none;
				line-height: 29px;
				height: 29px;
				display: block;
				float: left;
				clear: none;
			}
			
				#menu li a {
					display: block;
					height: 29px;
					text-transform: uppercase;
					font-size: 18px;
					text-align: center;
					text-decoration: none;
					color: #093470;
					background: #EBF3F7;
					font-weight: normal;
					padding: 0 29px;
				}
				
				#menu li a.active {
					color: #093470;
					background: #CEE2ED;
				}
				
			#menu li.last a {
				padding-right: 33px;
			}
		
		
		.submenu {
			position: absolute;
			top: 139px;
			display: block;
			list-style: none;
			height: 29px;
			padding: 0px 12px;
			visibility: hidden;
			-webkit-transition: .5s opacity ease-out;
			-moz-transition: .5s opacity ease-out;
			-ms-transition: .5s opacity ease-out;
			opacity: 0;
			background: #257FB1;
		}
		
			.submenu.active {
				opacity: 1 !important;
			}
		
			.submenu li {
				display: block;
				list-style: none;
				float: left;
				clear: none;
				height: 29px;
			}
			
				.submenu li a {
					display: block;
					list-style: none;
					padding: 0px 8px;
					height: 29px;
					line-height: 29px;
					background: #257FB1;
					color: #A6DCF6;
					font-size: 17px;
					text-decoration: none;
					text-transform: capitalize;
				}
				
					.submenu li a.active {
						color: #FFF;
					}
					
					.submenu li a:hover {
						color: #FFF;
					}
					
		#sub-shorts { right: 0px; }
		#sub-upcomingfilms { left: 111px; }
		#sub-about { left: 0px; }
		#sub-jobs { left: 429px; }
		#sub-newsroom { left: 608px; }
		#sub-tvseries { left: 0px; }
		
		#sub-shorts li a {
			font-size: 15px;
		}
					
		#content {
			float: left;
			clear: both;
			width: 895px;
			padding-top: 175px;
			color: #999;
			font-size: 13px;
		}
		
			#content h2 {
				display: block;
				float: left;
				clear: both;
				text-transform: uppercase;
				font-size: 23px;
				font-weight: normal;
				margin-bottom: -5px;
			}

			#content h2,
			#content h2 a {
				color: #869EBB;
				text-decoration: none;
			}		

			#content h3 {
				display: block;
				float: left;
				clear: both;
				color: #459FC6;
				text-transform: uppercase;
				font-size: 45px;
				font-weight: normal;
				width: 895px;
			}

			.shorts h3 {
				white-space: nowrap;
			}
		
		/* HOME */
		.home {
			padding-top: 499px !important;
		}
		
		.promo-box {
			width: 895px;
			position: absolute;
			left: 0px;
			top: 175px !important;
			height: 324px;
		}
		
		.promo-video {
			width: 572px;
			height: 322px;
			position: absolute;
			right: 0px !important;
			top: 175px !important;
		}
		
			.home .promo {
				width: 307px;
				height: 237px;
				float: left;
				clear: none;
				background: #9DCEE4;
				text-align: right;
				padding: 87px 15px 0px 0px;
				overflow: hidden;
			}
			
				.home .promo p {
					display: block;
					float: right;
					clear: both;
					text-align: right;
				}
			
				.home .promo .title {
					color: #257FB1;
					font-size: 31px;
					text-transform: uppercase;
				}
				
				.home .promo .date {
					color: #FFF;
					font-size: 25px;
					margin-bottom: 21px;
					text-transform: uppercase;
				}
				
				.home .promo .tag {
					color: #093470;
					font-size: 15px;
					margin-bottom: 62px;
					text-transform: uppercase;
				}
				
				.home .promo .more,
				.home .promo .more a {
					color: #FFF;
					font-size: 12px;
					text-decoration: none;
					position: absolute;
					right: 0px;
					bottom: 20px;
					display: block;
					width: 150px;
				}
				
			.home .video {
				width: 573px;
				height: 324px;
				float: left;
				clear: none;
				background: #FFF;
				overflow: hidden;
			}
			
			.home .features {
				width: 895px;
				float: left;
				clear: both;
				margin-top: 37px;
			}
			
				.home .features .vid {
					display: block;
					width: 170px;
					height: 100px;
					float: left;
					clear: none;
					margin-right: 9px;
				}
				
					.home .features .vid a {
						text-decoration: none;
					}
				
					.home .features .vid img {
						display: block;
						float: left;
						clear: both;
						border: none;
						margin-bottom: 7px;
						width: 155px;
						height: auto;
						padding: 3px;
						border: 1px solid #E4E8EF;
						border-radius: 5px;
					}
					
					.home .features .vid .title {
						display: block;
						float: left;
						clear: both;
						color: #459FC6;
						text-transform: uppercase;
						font-size: 11px;
						width: 170px;
						text-decoration: none;
					}
					
					.home .features .vid .type {
						display: block;
						float: left;
						clear: both;
						color: #CCC;
						font-size: 10px;
						width: 170px;
						text-decoration: none;
					}
					
				.home .features .news {
					width: 330px;
					display: block;
					float: left;
					clear: none;
					text-align: left;
					height: 100px;
				}
				
					.home .features .news p {
						float: left;
						clear: both;
						display: block;
						margin-bottom: 5px;
					}
					
						.home .features .news a {
							text-decoration: none;
						}
				
					.home .features .news .latest {
						color: #053777;
						font-size: 14px;
						text-transform: uppercase;
					}
					
					.home .features .news .title {
						color: #459FC6;
						font-size: 16px;
						text-transform: uppercase;
					}
					
					.home .features .news .info {
						color: #9DCEE4;
						font-size: 15px;
					}
					
		/* ABOUT */
		
			.about .overview {
				width: 895px;
				float: left;
				clear: both;
				margin-top: 0px;
			}
			
				.about .overview .top {
					width: 671px;
					height: 241px;
					float: left;
					clear: both;
					padding: 6px;
					border: 1px solid #DCE7EF;
					border-radius: 5px;
					background: #FFF;
					margin-bottom: 30px;
				}
				
				.about .overview .body {
					float: left;
					clear: both;
					width: 677px;
					height: 120px;
				}
				
					.about .overview .body p {
						float: left;
						clear: both;
						margin-bottom: 10px;
						color: #999;
					}
					
					.about .overview .body p a {
								color: #459FC6;
								text-decoration: none;
							}
											
			.about .people {
				width: 895px;
				float: left;
				clear: both;
				margin-top: 10px;
			}
			
				.about .people .left {
					width: 688px;
					height: 350px;
					float: left;
					clear: none;
				}
			
					.about .people .photo {
						width: 242px;
						height: 350px;
						text-align: left;
						color: #A4D7ED;
						text-transform: uppercase;
						float: left;
						clear: none;
						font-size: 17px;
					}
					
						.about .people .photo img {
							display: block;
							float: left;
							clear: both;
							margin-bottom: 15px;
							border-radius: 7px;
						}
						
						.about .people .photo strong {
							color: #459FC6 !important;
							font-weight: normal;
						}
											
					.about .people .body {
						width: 430px;
						height: 310px;
						float: left;
						clear: none;
						margin-left: 15px;
						z-index:100;
					}
					
						.about .people .body p {
							float: left;
							clear: both;
							display: block;
							margin-bottom: 10px;
						}

				.about .right {
					width: 207px;
					float: left;
					clear: none;
					text-align: right;
					height: 350px;
				}
				
					.about .right ul {
						display: block;
						list-style: none;
					}
					
						.about .right ul li {
							width: 207px;
							display: block;
							list-style: none;
							float: left;
							clear: both;
							margin: 0 0 15px;
							text-align: right;
						}
						
						.about .right .minor {
							margin: 0px !important;
						}
						
						.about .right .smaller {
							margin: 1px 0px !important;
						}
						
						.about .right ul.smaller {
							display: none;
						}
						
						.about .right ul.small-active {
							display: block !important;
						}
						
							.about .right ul li a {
								display: block;
								text-align: right;
								text-transform: uppercase;
								font-size: 15px;
								color: #459FC6;
								text-decoration: none;
								float: right;
								clear: none;
								margin-right: 16px;
							}
							
							.about .right .smaller a {
								font-size: 10px !important;
							}
							
							.about .right ul li a:hover,
							.about .right ul li a.active {
								color: #A4D7ED;
							}
							
							.about .right .smaller a:hover,
							.about .right .smaller a.active {
								color: #D1000F !important;
							}
									
				.about .right .jspHorizontalBar {
					display: none;
				}					
		/* SHOWS */
		
			.shows .current-galleries,
			.shows .current-shows {
				display: block;
				color: #FFF;
				font-size: 13px;
				text-align: right;
				width: 202px;
				background: #459FC6;
				position: absolute;
				right: 0px;
				top: 259px;
				padding: 7px 20px 7px 0px;
				text-transform: uppercase;
				text-decoration: none;
			}

			.shows .current-galleries {
				top: 297px;
			}
			
				.shows .current-galleries span,
				.shows .current-shows span {
					width: 12px;
					height: 0px;
					padding-top: 10px;
					overflow: hidden;
					float: left;
					clear: none;
					margin: 4px 0px 0px 45px;
					background: url(../images/pages/shows/arrow-down.png) left top no-repeat;
				}
		
			.shows .top {
				width: 895px;
				float: left;
				clear: both;
				margin-top: 10px;
			}
			
				.shows .top .left {
					width: 673px;
					height: 263px;
					float: left;
					clear: none;
					position: relative;
				}
				
					.shows .top .slideshow {
						width: 671px;
						height: 257px;
						float: left;
						clear: none;
						overflow: hidden;
					}
					
						.shows .top .slideshow-inner {
							height: 241px;
						}
			
					.shows .top .title {
						width: 202px;
						height: 203px;
						padding: 20px;
						text-align: right;
						color: #FFF;
						text-transform: uppercase;
						background: #459FC6;
						float: left;
						clear: none;
					}
					
						.shows .top .title .line-one {
							display: block;
							width: 200px;
							float: left;
							clear: both;
							margin: 40px 0px 28px 0px;
							font-size: 28px;
							color: #FFF;
						}
						
						.shows .top .title .line-two {
							display: block;
							width: 200px;
							float: left;
							clear: both;
							font-size: 16px;
							color: #FFF;
						}
						
					.shows .top .video {
						width: 431px;
						height: 243px;
						float: left;
						clear: none;
						background: #FFF;
					}
					
					#shows_player {
						position: absolute;
						top: 262px !important;
						left: 242px;
						width: 430px;
						height: 243px;
					}
					
					@-moz-document url-prefix() {
					    #shows_player {
					        top: 263px !important;
					    }
					}
					
					#shows_player_close {
						top: 260px !important;
						left: 658px !important;
						-webkit-transition: .5s opacity ease-out;
						opacity: 0;
						visibility: hidden;
						filter: alpha(opacity=0);
						z-index: 100000;
					}
					
						#shows_player_close.active {
							opacity: 1 !important;
							filter: none !important;
						}
					
					.shows .top #body {
						width: 410px;
						float: left;
						clear: none;
						height: 241px !important;
						overflow: auto;
						margin-right: 20px;
					}
					
						.shows .top #body p {
							float: left;
							clear: both;
							margin-bottom: 10px;
							display: block;
						}
					
					.shows .top #credits {
						width: 201px;
						float: left;
						clear: none;
						height: 241px;
						overflow: auto;
						margin: 0px 20px;
						font-size: 11px;
					}
					
						.shows .top #credits strong,
						.shows .top #credits a,
						.shows .top #body a {
							color: #194b86;
							font-weight: normal;
						}
						
						.shows .top #credits a,
						.shows .top #body a {
							text-decoration: underline;
						}
				
				.shows .top .gallery-subnav,
				.shows .top .right {
					width: 182px;
					float: left;
					clear: none;
					text-align: left;
					height: auto;
					padding: 15px 20px 5px;
					overflow: auto;
					background: #A8D0E2;
					margin-top: 35px;
					display: none;
					padding-top: 7px !important;
				}

				.shows .top .right {
					max-height: 210px;
				}

				.shows .top .gallery-subnav {
					max-height: 173px;
					margin-top: 73px;
				}
				
					.shows .top .gallery-subnav ul,
					.shows .top .right ul {
						display: block;
						width: 182px;
						float: left;
						clear: both;
						list-style: none;
					}

						.shows .top .gallery-subnav ul li,
						.shows .top .right ul li {
							list-style: none;
							display: block;
							float: left;
							clear: both;
							width: 182px;
							margin-bottom: 5px;
						}
						
							.shows .top .gallery-subnav ul li a,
							.shows .top .right ul li a {
								text-transform: uppercase;
								color: #257FB1; /*#E3EEF2*/
								font-size: 13px;
								display: block;
								width: 182px;
								text-align: right;
								text-decoration: none;
							}
							
							.shows .top .gallery-subnav ul li a:hover,
							.shows .top .gallery-subnav ul li a.active,
							.shows .top .right ul li a:hover,
							.shows .top .right ul li a.active {
								color: #FFF;
							}
					
		/* JOBS */
		
			.jobs h3 {
				padding-right: 40px;
				width: 855px !important;
			}
		
			.jobs .switcher {
				width: 540px;
				height: 370px;
				float: left;
				clear: none;
				position: relative;
			}
			
			.jobs #guidelines {
				position: absolute;
				left: 0px;
				top: 250px;
				background: #257FB1;
			}
			
				.jobs #guidelines .body {
					width: 500px;
					padding-left: 20px;
					height: 350px;
					margin-bottom: 10px;
					color: #FFF;
				}
				
					.jobs #guidelines .body p {
						width: 500px;
						color: #A6DCF6;
					}
					
					.jobs #guidelines .body p a {
						color: #FFF;
						text-decoration: none;
					}
		
			.jobs .guidelines {
				color: #FFF;
				font-size: 13px;
				padding: 7px 10px;
				display: block;
				position: absolute;
				right: 0px;
				top: 180px;
				text-decoration: none;
				background: #459FC6;
			}
				
			.jobs .body {
				width: 520px;
				height: 360px;
				float: left;
				clear: none;
				overflow: auto;
				padding-right: 20px;
				margin-top: 10px;
			}
			
				.jobs .body p {
					float: left;
					clear: both;
					margin-bottom: 10px;
					display: block;
					width: 520px;
				}
				
					.jobs .body p a {
						color: #257FB1;
						text-decoration: none;
					}
					
			.jobs .overview,
			.jobs .top {
				width: 895px;
				float: left;
				clear: both;
				margin-top: 0px;
			}
			
				.jobs .overview .top {
					width: 671px;
					height: 241px;
					float: left;
					clear: both;
					padding: 6px;
					border: 1px solid #DCE7EF;
					border-radius: 5px;
					background: #FFF;
					margin-bottom: 30px;
				}
				
				.jobs .overview .body {
					float: left;
					clear: both;
					width: 677px;
					height: 120px;
				}
				
					.jobs .overview .body p {
						float: left;
						clear: both;
						margin-bottom: 10px;
						color: #999;
					}
			
			.jobs .listings {
				width: 300px;
				float: right;
				clear: none;
				text-align: right;
			}
			
				.jobs .listings ul {
					display: none;
					float: right;
					clear: both;
					width: 300px;
					list-style: none;
				}
				
				.jobs .listings ul.active {
					display: block !important;
				}
				
					.jobs .listings ul li {
						display: block;
						float: left;
						clear: both;
						width: 300px;
						margin-bottom: 2px;
						text-align: right;
						list-style: none;
					}
					
						.jobs .listings ul li a {
							text-transform: uppercase;
							color: #459FC6;
							text-decoration: none;
							font-size: 11px;
						}
						
						.jobs .listings ul li a:hover,
						.jobs .listings ul li a.active {
							color: #A4D7ED;
						}
						
			.jobs .body.large {
				width: 630px;
				float: left;
				clear: both;
				margin-top: 10px;
				height: 360px;
				overflow: auto;
			}
				
				.jobs .body.large p {
					width: 630px;
				}

		.jobs .promo {
				width: 307px;
				height: 237px;
				float: left;
				clear: none;
				background: #9DCEE4;
				text-align: left;
				padding: 87px 15px 0px 0px;
				overflow: hidden;
			}
			
				.jobs .promo p {
					display: block;
					float: left;
					clear: both;
					text-align: left;
					padding-left: 42px;
				}
			
				.jobs .promo .title {
					color: #fefcfc;
					font-size: 24pt;
					text-transform: uppercase;
					font-family: 'dinmittelschrift-extraboldXBd';
					padding-top: 42px;
					/*
					 * Updating Title Alignment
					 */
					padding: 42px 10px 0px 10px;
					text-align: center;
				}

				.jobs .promo .name {
					color: #070000;
					font-size: 14pt;
					text-transform: uppercase;
					/*
					 * Updating Name Alignment
					 */					
					padding: 0 10px;
					text-align: center;
				}

				.jobs .promo .tag {
					color: #4e9dca;
					font-size: 10pt;
					text-transform: uppercase;
				}
				
				
			.jobs .video {
				width: 573px;
				height: 324px;
				float: left;
				clear: none;
				background: #FFF;
				overflow: hidden;
			}
			
			.jobs .features {
				width: 895px;
				float: left;
				clear: both;
				margin-top: 360px;
				overflow: hidden;
			}
			
				.jobs .features .vid {
					display: block;
					width: 170px;
					float: left;
					clear: none;
					margin-right: 42px;
					padding-bottom: 0;
				}
				
					.jobs .features .vid a {
						text-decoration: none;
					}
				
					.jobs .features .vid img {
						display: block;
						float: left;
						clear: both;
						border: none;
						margin-bottom: 7px;
						width: 155px;
						height: auto;
						padding: 3px;
						border: 1px solid #E4E8EF;
						border-radius: 5px;
					}
					
					.jobs .features .vid .title {
						display: block;
						float: left;
						clear: both;
						color: #459FC6;
						text-transform: uppercase;
						font-size: 11px;
						width: 170px;
						text-decoration: none;
					}
					
					.jobs .features .vid .type {
						display: block;
						float: left;
						clear: both;
						color: #CCC;
						font-size: 10px;
						width: 170px;
						text-decoration: none;
					}

				.jobs .switcher2 {
					display: block;
				    left: 0;
				    position: absolute;
				    top: 0;
				    transition: opacity 0.75s ease-out 0s;
				}

			.jobs #jobs-left, .jobs #jobs-right {
				float:left;
				padding: 15px 0;
				cursor: pointer;
			}
			.jobs .features ul {
				width: 3000px;
			}
			.jobs .featurescontainer {
				width: 795px;
				float:left;
				overflow: hidden;
				height: 130px;
				padding: 0 8px;
			}

			.jobs .vid a {
				color: #737576 !important;
			}
					
		/* NEWSROOM */
		
			.newsroom .body {
				width: 630px;
				float: left;
				clear: both;
				margin-top: 10px;
				height: 360px;
				overflow: auto;
			}
			
				.newsroom .body .article {
					float: left;
					clear: both;
					margin-bottom: 30px;
					width: 610px;
				}
				
					.newsroom .body .article .title,
					.newsroom .body .article .info {
						display: block;
						width: 610px;
						float: left;
						clear: both;
						color: #999;
					}
					
						.newsroom .body .article .title a {
							color: #459FC6;
							text-transform: uppercase;
							text-decoration: none;
							font-size: 21px;
						}
						
						.press .title a {
							text-transform: none !important;
						}
						
			.newsroom .inner {
				width: 610px !important;
				margin-right: 20px !important;
			}
						
				.newsroom .inner .title {
					color: #459FC6;
					text-transform: uppercase;
					text-decoration: none;
					font-size: 23px;
					display: block;
					width: 590px;
					float: left;
					clear: both;
				}
				
				.newsroom .inner p {
					float: left;
					clear: both;
					display: block;
					width: 590px;
					margin-bottom: 15px;
				}
				
					.newsroom .inner p a {
						color: #459FC6;
						text-decoration: none;
					}
				
			.newsroom .back {
				text-transform: uppercase;
				color: #FFF;
				font-size: 13px;
				padding: 7px 30px;
				display: block;
				position: absolute;
				right: 0px;
				top: 180px;
				text-decoration: none;
				background: #459FC6;
			}
				
		/* CONTACT */
		
		.contact {
			margin-bottom: -70px;
		}
		
		.contact p {
			width: auto;
		}
		
		.contact a {
			color: #CCC;
			text-decoration: underline;
		}
		
		.contact .map {
			position: absolute;
			right: 214px;
			top: 175px;
			width: 232px;
			font-size: 10px;
		}
		
			.contact .map img {
				width: 230px;
				height: auto;
			}
		
			.contact .map p {
				width: 317px !important;
			}
		
		.contact .body {
			width: 680px;
			margin-top: 30px;
			float: left;
			clear: both;
			text-align: left;
			font-size: 14px;
			color: #97C7DE;
		}
		
			.contact .body a {
				color: #71ACCE;
			}
		
			.contact .body .form {
				margin-top: 40px;
				width: 680px;
				float: left;
				clear: both;
				display: block;
			}
			
				.contact .body .form .red {
					width: 301px;
					height: 25px;
					line-height: 25px;
					padding: 0px 8px;
					border: none;
					color: #459FC6;
					font-size: 15px;
					background: #C9E1ED;
					font-family: 'DIN1451MiDIN1451Mittelschrift', Helvetica, Arial, Verdana, sans-serif;
					border-radius: 4px;
				}
				
				.contact .body .form textarea {
					width: 340px;
					height: 90px;
					border: none;
					color: #459FC6;
					font-size: 15px;
					background: #C9E1ED;
					padding: 8px;
					font-family: 'DIN1451MiDIN1451Mittelschrift', Helvetica, Arial, Verdana, sans-serif;
					border-radius: 4px;
				}
			
				.contact .body .form p {
					display: block;
					margin-bottom: 15px;
				}
			
				.contact .body .form .left {
					float: left;
					clear: none;
				}
				
				.contact .body .form .right {
					float: right;
					clear: none;
				}
				
				.contact .body .form .both {
					clear: both !important;
				}
				
				.contact .body .form .wide {
					width: 895px;
				}
				
				.contact .body .form .cl {
					width: 301px;
				}
				
				.contact .body .form .cr {
					width: 340px;
				}
				
				.contact .address {
					color: #509eca !important;
				}
				
			.contact #submit-button {
				border: none;
				width: 155px;
				height: 30px;
				text-transform: uppercase;
				color: #459FC6;
				font-size: 13px;
				padding: 0px;
				line-height: 30px;
				display: block;
				text-decoration: none;
				text-align: center;
				background: #A1CDE1;
				cursor: pointer;
			}

 		/* GALLERY */
 		#bg-upper.bg-galleries .blue,
 		#bg-upper.bg-galleries {
 			height: 100%;
 		}

 		#bg-upper.bg-galleries .blue {
 			background-image: url(../images/ui/shading-home.png);
 			background-position: center top;
 			background-repeat: no-repeat;
 		}

			#bg-upper.bg-galleries #gradient-upper {
				background: #fff;
				bottom: 155px;
				height: 155px;
				top: auto;
			}

 		.galleries h4 {
 			clear: left;
 			color: #459FC6;
 			font-size: 21px;	
 			line-height: .8;
 			padding-bottom: 8px;
 			text-transform: uppercase;
 		}

 		.galleries.shows .top .left {
 			height: 0;
 			width: 100%;
 		}

 			.galleries .switcher {
 				left: 50%;
 				margin-left: -447px;
 				position: fixed;
 				top: 35%;	
 				visibility: hidden;
 				width: 895px;
 			}

 			.galleries .switcher.active {
 				visibility: visible;
 			}

 			.galleries .switcher.static {
 				left: 53px;
 				margin-left: 0;
 			}

 				.galleries .slideshow-sidebar {
 					background-color: #459FC6;
 					float: left;
 					min-height: 356px;
 					width: 243px;
 				}

 					.galleries .slideshow-sidebar .title {
 						font-size: 28px;
 						height: auto;
 						padding-bottom: 10px;
 						padding-top: 15px;
 					}

 					.galleries .slideshow-sidebar .title span {
 						color: #0A3470;
 						display: block;
 						font-size: .8em;
 					}

 					.galleries .slideshow-sidebar .body {
 						color: #fff;
 						font-size: 13px;
 						padding: 0 20px 10px;
 						width: auto;
 					}

 					.galleries .slideshow-sidebar .dl-btn {
 						background-color: #0A3470;
 						cursor: pointer;
 						font-family: 'DIN1451MiDIN1451Mittelschrift', Helvetica, Arial, Verdana, sans-serif;
 						font-size: 13px;
 						line-height: 2.5;
 					}

 					.galleries .slideshow-sidebar .dl-btn:hover {
 						background-color: #fff;
 						color: #0A3470;
 					}

 				.galleries.shows .top .slideshow-container {
 					background-color: #000;
 					float: left;
 					padding: 20px 28px 0;
 				}

 				.galleries.shows .slideshow-container .copyright {
 					color: #fff;
 					font-size: 11px;
 					height: 30px;
 					line-height: 3;
 					text-align: center;
 				}

 				.galleries.shows .top .slideshow {
 					background-color: #000;
 					float: none;
 					height: auto;
 					min-height: 306px;
 				}

 				.galleries.shows .top .slideshow-inner {
 					height: auto;
 					min-height: 306px;
 				}

 					.galleries .slideshow .control,
 					.galleries .slideshow .indicator {
 						display: none !important;
 					}

 				.galleries .slideshow .next,
 				.galleries .slideshow .previous {
 					display: none !important;
 				}

 				.galleries .slideshow .slideshow-inner {
 					-webkit-transition: none; 
					-moz-transition: none;
					-ms-transition: none;
 				}

		.gallery {
			list-style: none;
			overflow: auto;
			padding-bottom: 20px;
		}

		.gallery-item {
			float: left;
			min-height: 250px;
			padding: 0 14px 22px 0;
			width: 212px;
		}

		.gallery-item:nth-child(4n+4) {
			padding-right: 0;
		}

			.gallery-item .slide-thumb {
				border: 0;
			}

			.gallery-item img {
				border: 0;
				height: 110px;
				width: 213px;
			}

			.gallery-item-summary {
				font-size: 11px;
				min-height: 92px;
				padding-bottom: 5px;
			}

			.gallery-item-copyright {
				font-size: 9px;
				padding: 5px 0;
				text-align: center;
			}

			.slideshow-sidebar .dl-btn,
			.gallery-item-dl-btn {
				background-color: #459FC6;
				border: 0;
				color: #fff;
				display: block;
				line-height: 1.4;
				margin: 0 auto;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
				width: 163px;
			}

			.gallery-item-dl-btn:hover {
				background: #A1CDE1;
				color: #459FC6;
			}

		/* GENERAL */
		
		.close {
			width: 29px;
			padding-top: 33px;
			background: url(../images/ui/button-close.png) left top no-repeat;
			position: absolute;
			right: 0px;
			top: 0px;
			margin: -14px -14px 0px 0px;
			z-index: 1 !important;
		}
		
		.switcher {
			display: block;
			position: absolute;
			left: 0px;
			top: 0px;
			-webkit-transition: .75s opacity ease-out;
			-moz-transition: .75s opacity ease-out;
			-ms-transition: .75s opacity ease-out;
			opacity: 0;
			filter: alpha(opacity=0);
			visibility: hidden;
		}
		
		.switcher.active {
			opacity: 1 !important;
			filter: none !important;
		}
		
			.features {
				width: 890px;
				float: left;
				clear: both;
				margin-top: 17px;
			}
			
			.double .features {
				width: 785px !important;
				margin-top: 27px !important;
			}
			
				.features .vid {
					display: block;
					width: 170px;
					height: 120px;
					float: left;
					clear: none;
					margin-right: 9px;
					padding-bottom: 16px;
				}
				
				.double .features .vid {
					height: 135px !important;
				}
				
				.features .vid.last {
					margin-right: 0px !important;
					border-right: none !important;
					width: 155px !important;
				}
				
					.features .vid a {
						text-decoration: none;
					}
				
					.features .vid img {
						display: block;
						float: left;
						clear: both;
						border: none;
						margin-bottom: 7px;
						width: 155px;
						height: auto;
						padding: 3px;
						border: 1px solid #E4E8EF;
						border-radius: 5px;
					}
					
					.features .vid .title {
						display: block;
						float: left;
						clear: both;
						color: #459FC6;
						text-transform: uppercase;
						font-size: 11px;
						width: 155px;
						text-decoration: none;
					}
					
					.features .vid .type {
						display: block;
						float: left;
						clear: both;
						color: #A5A4A5;
						font-size: 10px;
						width: 155px;
						text-decoration: none;
					}

		.slideshow {
			display: block;
			overflow: hidden;
			position: relative;
			height: 100%;
		}
		
			.slideshow .slideshow-inner {
				display: block;
				list-style: none;
				position: absolute;
				left: 0px;
				top: 0px;
				-webkit-transition: .75s left ease-out;
				-moz-transition: .75s left ease-out;
				-ms-transition: .75s left ease-out;
				background: #000;
				height: 100%;
			}
			
				.slideshow .slideshow-inner li {
					display: block;
					list-style: none;
					float: left;
					clear: none;
				}
				
			.slideshow .control {
				display: block;
				position: absolute;
				left: 0px;
				bottom: 0px;
				width: 150px;
				text-transform: uppercase;
				font-size: 12px;
				text-align: left;
				text-decoration: none;
				color: #999;
			}
			
				.slideshow .play {
					visibility: hidden;
				}
			
				.slideshow .control:hover {
					color: #666;
				}
				
			.slideshow .learn-more {
				display: block;
				position: absolute;
				width: 175px;
				height: 27px;
				line-height: 27px;
				text-align: center;
				font-size: 15px;
				color: #FFF;
				text-transform: uppercase;
				left: 50%;
				margin-left: -87px;
				bottom: 35px;
				opacity: .4;
				filter: alpha(opacity=40);
				background: #333;
				border: 2px #999 solid;
				text-decoration: none;
				-webkit-transition: .5s opacity ease-out;
				-moz-transition: .5s opacity ease-out;
				-ms-transition: .5s opacity ease-out;
			}
			
				.slideshow .learn-more:hover {
					opacity: .70;
					filter: alpha(opacity=70);
				}
				
			.learn-more {
				display: none;
			}
				
			.slideshow .hidden {
				opacity: 0 !important;
				filter: alpha(opacity=0) !important;
			}
				
			.slideshow .indicator {
				display: block;
				position: absolute;
				right: 0px;
				bottom: 0px;
				width: 220px;
				text-transform: uppercase;
				font-size: 12px;
				text-align: right;
			}
				
			.slideshow .previous {
				width: 35px;
				padding-top: 32px;
				position: absolute;
				left: 0px;
				top: 50%;
				margin-top: -16px;
				background: url(../images/ui/slideshow-previous.png) left top no-repeat;
				opacity: .5;
				filter: alpha(opacity=50);
				z-index: 5;
			}
			
			.slideshow .next {
				width: 35px;
				padding-top: 32px;
				position: absolute;
				right: 0px;
				top: 50%;
				margin-top: -16px;
				background: url(../images/ui/slideshow-next.png) left top no-repeat;
				opacity: .5;
				filter: alpha(opacity=50);
				z-index: 5;
			}
			
				.slideshow .previous:hover,
				.slideshow .next:hover {
					opacity: 1;
					filter: none;
				}
		
		#footer {
			width: 895px;
			float: left;
			clear: both;
			margin: 85px 0px 0px 0px;
			height: 50px;
		}
		
		.double #footer {
			margin: 45px 0px 0px 0px !important;
		}
		
			#footer .left {
				width: 270px;
				float: left;
				clear: none;
			}
			
				#footer .left .join {
					display: block;
					color: #459FC6;
					font-size: 15px;
					text-transform: uppercase;
					float: left;
					clear: none;
					margin: 10px 10px 0px 0px;
				}
				
				#footer .left .icon {
					display: block;
					width: 33px;
					padding-top: 33px;
					float: left;
					clear: none;
					margin-right: 10px;
				}
				
				#footer .left .facebook { background: url(../images/ui/icon-facebook.png) left top no-repeat; }
				#footer .left .twitter { background: url(../images/ui/icon-twitter.png) left top no-repeat; }
				#footer .left .youtube { background: url(../images/ui/icon-youtube.png) left top no-repeat; }
				#footer .left .tumblr { background: url(../images/ui/icon-tumblr.png) left top no-repeat; }
			
			#footer .right {
				width: 625px;
				float: left;
				clear: none;
			}
			
				#footer .right p {
					float: left;
					clear: both;
					width: 625px;
					display: block;
					margin-bottom: 5px;
					color: #459FC6;
					font-size: 10px;
					font-family: Arial, sans-serif;
					text-align: right;
				}
				
					#footer .right p a {
						color: #459FC6;
						text-decoration: none;
					}
		
/* FONTS */
@font-face {
    font-family: 'DIN1451MiDIN1451Mittelschrift';
    src: url('fonts/din1451mittelschrift-webfont.eot');
    src: url('fonts/din1451mittelschrift-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din1451mittelschrift-webfont.woff') format('woff'),
         url('fonts/din1451mittelschrift-webfont.ttf') format('truetype'),
         url('fonts/din1451mittelschrift-webfont.svg#DIN1451MiDIN1451Mittelschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dinmittelschrift-extraboldXBd';
    src: url('fonts/dinmittelschrift-extrabold-webfont.eot');
    src: url('fonts/dinmittelschrift-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dinmittelschrift-extrabold-webfont.woff') format('woff'),
         url('fonts/dinmittelschrift-extrabold-webfont.ttf') format('truetype'),
         url('fonts/dinmittelschrift-extrabold-webfont.svg#dinmittelschrift-extraboldXBd') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*
 * Sony Corporate Logo Changes Start 
 */
#sony-corp-logo {
	background: #000;
	width: 100%;
	height: 36px;
	position: relative;
}

#sony-corp-logo div {
	margin: 0 auto;
	overflow: hidden;
	width: auto !important;
	max-width: 895px;
}

#sony-corp-logo div a {
	background:
		url('../images/sony.gif') no-repeat left top;
	float: right;
	/* margin-right: 15px; */
	padding-top: 36px;
	width: 69px;
	display: block;
	height: 0;
	overflow: hidden;
}
/*
 * Sony Corporate Logo Changes End 
 */