.content .row { padding-bottom: 63px; }
.content .row p { margin:0 100px; text-align:center; }

/* hero video */
#hero.gallery { *height:726px; }
#hero .gallery-content { width:100%; height:610px; position:relative; z-index:1; _padding-bottom:0; }
#hero .gallery-video { height:480px; padding:70px 0 60px; }
#hero .gallery-video .moviePanel { width:848px; height:480px; }
#hero .gallery-video .controllerPanel.slim .ACMediaControls { width:848px; }
#hero .close { top:30px; left:64px; }

#hero.gallery noscript { position: absolute; }

#hero-video { position:relative; height:610px; height: 609px\9; overflow:hidden; } /* 1px shorter for IE9 bug that shows a black bottom border on video */
#hero-video video { border:none; position:absolute; top:0; left:0; z-index:1001; }
 
#hero .headline { position:absolute; top:167px; left:432px; z-index:1002; width:455px; }
#hero.degraded .headline { top:137px; left:458px; }

.content #hero h1 { margin-bottom:30px; }
.content #hero h1 img,
.content #hero h2 img { margin:0 auto; }
#hero .headline h2 { position:relative; top:-7px; left:-11px; }

#hero h1,
#hero h2,
#hero .videos { opacity:0; }

#hero.degraded h1,
#hero.degraded h2,
#hero.degraded .videos { opacity:1; }

#hero.build h1,
#hero.build h2,
#hero.build .videos { -webkit-transition:opacity 1.75s ease-in-out; visibility:hidden; visibility:visible\9; }

#hero.build-in h1,
#hero.switched h1,
#hero.build-in h2,
#hero.switched h2,
#hero.build-in .videos,
#hero.switched .videos { opacity:1 !important; visibility:visible; }

#hero .hero-ambientFinalFrame { position:absolute; top:0; left:0; z-index:1000; width:1120px; height:610px; display:none; background: 0 0 no-repeat; background-size:1120px 610px; }

#hero.degraded .hero-ambientFinalFrame { display:none; }
#hero .hero-ambientFinalFrame img { width:1120px; height:610px; }

#hero .hero-ambientFinalFrame.degradation-pre-transition { opacity:0; display:block; }

#hero .hero-ambientFinalFrame.degradation-with-transition { display:block; opacity:1; -webkit-transition:opacity 1.75s 1.0s ease-in-out; }
#hero.videoEnded .hero-ambientDegradation { display:block; }

#hero.degraded .hero-ambientDegradation,
#hero.switched .hero-ambientDegradation { display:block; }
#hero .hero-ambientDegradation { display:none; }

/* Gallery */
.slideshow-gallery h2 { text-align:center; }

/* Video Thumbnails */
.videos { width:980px; height:116px; padding-top:0; list-style-type:none; text-align:center; *position:relative; *z-index:1; }
.videos li,
.videos .video-trigger,
.videos .gallery-link { display:-moz-inline-stack; display:inline-block; *display:inline; *zoom:1; }
.videos li { width:154px; padding:0 13px; font-size:12px; list-style:none; position:relative; z-index:1; }
.videos .video-trigger:hover,
.videos .gallery-link:hover { text-decoration:none; }
.videos .curve-down { display:inline-block; _display:inline; _zoom:1; border:1px solid #ccc; }
.videos .video-thumb { display:block; }
.videos .video-thumb:nth-child(1n) { border:none; 
	-webkit-box-shadow:rgba(0,0,0,.40) 0 1px 4px;
	   -moz-box-shadow:rgba(0,0,0,.40) 0 1px 4px;
	        box-shadow:rgba(0,0,0,.40) 0 1px 4px;
}
.videos .curve-down:nth-child(1n) { border:none;
	-webkit-border-radius:0% 0% 100% 100% / 0% 0% 10px 10px;
	   -moz-border-radius:0% 0% 100% 100% / 0% 0% 10px 10px;
	        border-radius:0% 0% 100% 100% / 0% 0% 10px 10px;
	-webkit-box-shadow:rgba(0,0,0,.30) 0 3px 3px;
	   -moz-box-shadow:rgba(0,0,0,.30) 0 3px 3px;
	        box-shadow:rgba(0,0,0,.30) 0 3px 3px;
}

.videos .link { color:#666; _position:relative; _z-index:1; }
.videos .video-trigger:hover p.link,
.videos .gallery-link:hover p.link { color:#08c; }

/* buckets */
.buckets { margin-bottom:33px; padding-top:3px; background:url(http://images.apple.com/v/macbook-pro/home/b/images/video_tray.jpg) no-repeat 50% 0; background-size:960px 64px; }
.buckets .grid2col { border-bottom:1px solid #e5e5e5; }
.buckets .grid2col.top { position:relative; }
.buckets .grid2col .column { width:473px; min-height:270px; padding:45px 8px 0; border-right:1px solid #e5e5e5; text-align:center; }
.buckets .grid2col .column.first { margin-right: -1px; } /* overlap the stroke between the columns to ensure it is always the full height */
.buckets .grid2col .column.last { border-left:1px solid #e5e5e5; border-right:1px solid #fff; }
.buckets .grid2col .column h2 { margin-bottom: 2px; }
.buckets .grid2col.bottom .column.first h2 { margin-bottom: 6px; }
.buckets .grid2col .column h2 img { margin:0 auto; }
.buckets .grid2col .column p { position:relative; margin-top:3px; font-size:0.985em; line-height:20px; color:#666; }
.buckets .grid2col.top .column p { margin-bottom:170px; }

.buckets .grid2col .column:hover { background:url(http://images.apple.com/v/macbook-pro/home/b/images/buckets_bg.jpg) 206px 65px no-repeat; background-size:568px 500px; }
.buckets .grid2col .column.last:hover { background-position:-285px 65px; }
.buckets .grid2col.bottom .column.first:hover { background-position:206px -252px; }
.buckets .grid2col.bottom .column.last:hover { background-position:-285px -252px; }

.buckets .grid2col .bucket-image { display:block; margin:36px auto 0; }
.buckets .grid2col.top .first .bucket-image { position: absolute; bottom:0; left: 20px; }
.buckets .grid2col.top .last .bucket-image { position: absolute; bottom:27px; right: 59px; }
.buckets .grid2col.bottom .first .bucket-image { position:relative; _zoom:1; margin:-22px auto 5px; }

.lion-promo { *height:112px; }
.lion-promo:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.lion-promo img.left { margin:2px 26px 20px 72px; }
.lion-promo h3 { margin:0; padding-top:9px; }
.lion-promo p { margin-bottom:4px; font-size:1.2em; line-height:1.2em; }

.mountain-lion-promo { *height:112px; outline:none; }
.mountain-lion-promo:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.mountain-lion-promo img.left { margin:0 26px 20px 72px; }
.mountain-lion-promo h3 { margin:0; padding-top:9px; }
.mountain-lion-promo p { margin-bottom:4px; font-size:1.2em; line-height:1.2em; color:#333; }
