/* PAGINATION */
#featured-content-carousel-pagination-container {
	background-image: url(../images/ui/bg-carousel-content-pagination.png);
	background-position: center top;
	background-repeat: repeat;
	background-size: 100% 100%;
	border-top: 1px solid rgba(255,255,255,.05);
	border-left: 1px solid rgba(255,255,255,.05);
	border-right: 1px solid rgba(255,255,255,.05);
	height: 39px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

#pagination-wrapper {
	display: inline-block;
	overflow: hidden;
}

#featured-content-previous {
	background: url(../images/ui/featured-content-button-previous.png) no-repeat left top;
	cursor: pointer;
	float: left;
	margin-right: 26px;
	margin-top: 8px;
	padding-top: 26px;
	width: 17px;
}

#featured-content-next {
	background: url(../images/ui/featured-content-button-next.png) no-repeat left top;
	cursor: pointer;
	float: left;
	margin-left: 26px;
	margin-top: 8px;
	padding-top: 26px;
	width: 17px;
}

ul#featured-content-pagination {
	list-style: none;
	margin-top: 11px;
	float: left;
}

ul#featured-content-pagination li {
	background-image: url(../images/ui/featured-content-pagination.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 18px 39px;
	float: left;
	height: 0;
	margin-right: 2px;
	overflow: hidden;
	padding-top: 19px;
	width: 18px;
}

.button-nav {
	cursor: pointer;
}

ul#featured-content-pagination li.active {
	background-position: left -20px;
}


	#studios-carousel-container {		
 		min-height: 470px; 
		overflow: hidden;
	}
		#studios-carousel {
			display: none;
			margin: 0 auto;
			padding:0;
			
			-webkit-transform: translate3D(0px, 0px, 0px);
			-webkit-backface-visibility: hidden;
		}
			#studios-carousel > ul {
				list-style: none;
				overflow: hidden;
				position: relative;
				height:465px;
			}
				#studios-carousel > ul > li {				
					float: left;
					margin:0;
					padding: 0 34px; 
					min-height: 395px;
					text-align: center;
				    width: 952px; 
 
 					display:none;

					position:absolute;
					top:0;
					left:0;
				}

				#studios-carousel.touch > ul > li {				
					float: left;
					padding: 0 34px; 
					margin: 0; 
					min-height: 395px;
					text-align: center;
				    width: 952px; 
 
					opacity:1;
					display:block;

					position:relative; 
				}


					#studios-carousel > ul > li .billboard-container {				
						margin: 0 auto 0;
						position: relative;
						
						-webkit-box-shadow:  rgba(0, 0, 0, 0.496094) 2px 2px 5px;
						-moz-box-shadow:  rgba(0, 0, 0, 0.496094) 2px 2px 5px;
						box-shadow:  rgba(0, 0, 0, 0.496094) 2px 2px 5px;
					}

						#studios-carousel > ul > li .billboard-container .property-info {							
							margin-top: 130px;
							margin-right: -12px;
							min-height: 0;
							position: absolute;
							text-align: left;
							right: 0;	
						}

							#studios-carousel > ul > li .billboard-container .property-info p {
								clear: both;
								font-family: 'Open Sans', sans-serif;
								font-weight: 600;
								padding-left: 23px;
								padding-right: 23px;
								position: relative;
								text-transform: uppercase;
								float:right;
							}

							#studios-carousel > ul > li .billboard-container .property-info p.property-title {
 								background: #d0cfcf;
								color: #4d4c4c;
								font-size: 2.2em;
								padding: 18px 25px;
								font-weight: 700;
							}

							#studios-carousel > ul > li .billboard-container .property-info p.property-caption {
								background: #e5e5e5;
								color: #4d4c4c;
 								font-size: 1.8em;
								padding: 12px 25px;
								font-weight:400;
								text-transform: none;
								margin-top: 10px;
							}

						#studios-carousel > ul > li .billboard-container img.billboard {
							display: block;
							float: left;
							width: 100%;
						}

						#studios-carousel > ul > li .billboard-container ul.screenshots {
							-webkit-box-shadow:  rgba(0, 0, 0, 0.496094) 2px 2px 5px;
							-moz-box-shadow:  rgba(0, 0, 0, 0.496094) 2px 2px 5px;
							box-shadow:  rgba(0, 0, 0, 0.496094) 2px 2px 5px;
							float: left;
							list-style: none;
							height: 299px;
							padding: 14px;
							width: 226px;
						}
						.light {
							background-color: #E2E2E2;
						}
						.dark {
							background-color: #171717;
						}
						.disabled {
							display: block;
							opacity: .5;
							filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
 						}
							#studios-carousel > ul > li .billboard-container ul.screenshots li {
								margin-bottom: 10px;
							}
								#studios-carousel > ul > li .billboard-container ul.screenshots li:last-child {
									margin-bottom: 0;
								}
								#studios-carousel > ul > li .billboard-container ul.screenshots li img {
									height: 142px;
								}
					#studios-carousel > ul > li .details {	
						clear: both;
						position: absolute;
						z-index: 100;
						bottom: 13px;
						width: 100%;
						 
					 
					}
						#studios-carousel > ul > li .details p.studios-carousel-property-title {
							color: #000;
							font-family: 'Open Sans', sans-serif;
							font-size: 1.8em;
							font-weight: 400;
							line-height: 1.2;
							margin-bottom: 18px;
							text-align: center;
							text-transform: uppercase;
						}
						#studios-carousel > ul > li .details ul.studios-carousel-carousel-links {
							display: block;
							list-style: none;
							text-align: center;
							 
						}
							#studios-carousel > ul > li .details ul.studios-carousel-carousel-links li {
								display: inline-block;
								margin-right: 12px;
							}
							#studios-carousel > ul > li .details ul.studios-carousel-carousel-links li:last-child {
								margin-right: 0;
							}
								#studios-carousel > ul > li .details ul.studios-carousel-carousel-links li a {
									display: block;
								}
									#studios-carousel > ul > li .details ul.studios-carousel-carousel-links li a.button {
										background: #0083A6;
										-webkit-border-radius: 3px;
										-moz-border-radius: 3px;
										border-radius: 3px;
										color: #fff;
										display: block;
										font-family: 'Open Sans', sans-serif;
										font-size: 1.3em;
										font-weight: 600;
										padding: 6px 0px 6px 10px;
										text-align: center;
										text-decoration: none;
										text-transform: uppercase;
										width: 138px;
										background-image: url(../images/ui/more-arrow.png);
										background-position: 10px 4px;
										background-repeat: no-repeat;
									}
									#studios-carousel > ul > li .details ul.studios-carousel-carousel-links li a:hover,
									.app-button:hover {
										opacity: .6;
										filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
										position: relative;
									}
	
/*FIREFOX*/
@-moz-document url-prefix() {

}