/* Page Specific
------------------------*/

/* design-retina */
body#design-retina .row { border-top:1px solid #e6e6e6; width:100%; padding:60px 0 70px; }
body#design-retina .row h1 { margin-bottom:5px; position:relative; z-index:2; }
body#design-retina .row h1 img { margin:0; }
body#design-retina .row p { margin-bottom:0; position:relative; z-index:2; }
body#design-retina .row img.hero {display:block; position:relative; z-index:0; }

body#design-retina #hero { text-align:center; border-top:none; padding-bottom:60px; }
body#design-retina #hero h1 { margin-bottom:0; }
body#design-retina #hero h1 img { margin:0 auto; }
body#design-retina #hero p { max-width:760px; margin:0 auto; }
body#design-retina #hero img.hero { margin:60px auto 60px; }

body#design-retina #hero .gallery-trigger img { padding-right:10px; margin-bottom:-7px; position:relative; z-index:1; }
body#design-retina #hero .gallery-trigger a { color:#404040; }
body#design-retina #hero .gallery-trigger a:hover { color:#08C; text-decoration:none; }

body#design-retina #thin { overflow:hidden; position:relative; }
body#design-retina #thin h1 { padding-left:140px; }
body#design-retina #thin p { width:585px; margin-left:140px; padding-bottom:80px; }
body#design-retina #thin img.hero { margin-top:-860px; margin-left:45px; }

body#design-retina #trackpad .grid2col {  margin-top:50px; }

/* slide gallery */
body#design-retina #thin .slide-gallery { width:590px; height:120px; overflow:hidden; border:1px solid #dbdbdb; }
body#design-retina #thin .slide-gallery .simplenav { position:absolute; bottom:8px; z-index:1010; }
body#design-retina #thin .slide-gallery #gallery-thin-compare { width:1190px; height:122px; }
body#design-retina #thin .slide-gallery #gallery-thin-compare .gallery-content,
body#design-retina #thin .slide-gallery #gallery-thin-compare .gallery-content figure { width:280px; height:122px; }
body#design-retina #thin .slide-gallery #gallery-thin-compare .gallery-content figcaption { position:relative; margin:0 auto; padding:14px 0 2px; min-height:34px; font-size:0.83em; line-height:17px; }
body#design-retina #thin .slide-gallery #gallery-thin-compare .thin-compare-macbookpro-13inch figcaption { width:500px; margin-left:50px; *margin-left:55px; }
body#design-retina #thin .slide-gallery #gallery-thin-compare .thin-compare-macbookpro-13inch .column.first { width:32%; margin-left:-40px; text-align:center; }
body#design-retina #thin .slide-gallery #gallery-thin-compare .thin-compare-macbookpro-13inch .column.last { width:218px; margin-right:-13px; text-align:center; *width:215px; }
body#design-retina #thin .slide-gallery #gallery-thin-compare .thin-compare-macbookpro-13inch img { margin-top:-51px; margin-left:-161px; *margin-left:-161px; }
body#design-retina #thin .slide-gallery #gallery-thin-compare .thin-compare-macbookpro-15inch { margin-left:571px; }
body#design-retina #thin .slide-gallery #gallery-thin-compare .thin-compare-macbookpro-15inch .column.first { width:40%; margin-left:-5px; text-align:center; }
body#design-retina #thin .slide-gallery #gallery-thin-compare .grid2col .column { color:#666; }
body#design-retina #thin .slide-gallery #gallery-thin-compare .gallery-content.thin-compare-macbookpro-15inch figcaption { margin-left:23px; text-align:center; width:545px; }
body#design-retina #thin .slide-gallery #gallery-thin-compare .thin-compare-macbookpro-15inch .column.last { width:40%; *width:39%; }
body#design-retina #thin .slide-gallery #gallery-thin-compare .thin-compare-macbookpro-15inch img { margin-top:-51px; margin-left:-157px; *margin-top:-52px; }

body#design-retina #thin .gallery { width:592px; margin:30px auto 0; padding-bottom:50px; }
body#design-retina #thin .gallery p.small { width:600px; margin:15px 0 0; padding:0; text-align:center; color:#999; font-size:.85em; opacity:1; z-index:2;}
body#design-retina #thin .gallery p sup { color:#999; }
body#design-retina #thin .gallery .simplenav ul { *width:60px; *margin:0 auto; }
body#design-retina #thin .gallery .simplenav ul li { *float:left; }
body#design-retina #thin .gallery .thin-compare-macbookpro-13inch-caption,
body#design-retina #thin .gallery .thin-compare-macbookpro-15inch-caption { opacity:0; z-index:1; position:absolute; -webkit-transition:opacity .4s ease-out; -moz-transition:opacity .4s ease-out; transition:opacity .4s ease-out; }
body#design-retina #thin .gallery.thin-compare-macbookpro-13inch-caption .thin-compare-macbookpro-13inch-caption,
body#design-retina #thin .gallery.thin-compare-macbookpro-15inch-caption .thin-compare-macbookpro-15inch-caption { opacity:1; z-index:2; *display:block; }

/* trackpad */
body#design-retina #trackpad { padding-bottom: 0; }
body#design-retina #trackpad .details { margin-left: 65px; }
body#design-retina #trackpad h1 { margin:20px 0 0 0; max-width:740px;}
body#design-retina #trackpad .violator { margin:15px 0 25px; padding:0 16px; color:#999; font-size:15px; line-height:32px; text-align:center; white-space:nowrap; display:inline-block; border:1px solid #d6d6d6; border-radius:4px;}
body#design-retina #trackpad .violator-compact { padding:0 11px; font-size:13px; line-height:22px; }
body#design-retina #trackpad .violator-alt { background:#ff981e; color:#fff; }
body#design-retina #trackpad p { max-width: 741px; margin-bottom: 50px; }
body#design-retina #trackpad p.first { margin-top: 65px; }
body#design-retina #trackpad img.trackpad {  display: block; margin-left: -90px; padding-top: 25px; position: relative; }


/* display */
body#design-retina #display { padding-bottom:0px; }
body#design-retina #display h1 { margin-left:620px; margin-bottom:0; }
body#design-retina #display p { max-width:340px; min-height:450px; margin-left:620px; padding-bottom:60px; }
body#design-retina #display img.hero { margin-top:-644px; }

body#design-retina #performance h1 { margin-left:140px; }
body#design-retina #performance p { max-width:660px; margin-left:140px; padding-bottom:40px; }

/* tooltips */
body#design-retina #performance .tooltip { position:absolute; z-index:2; }
body#design-retina #performance .tooltip span { display:block; z-index:4; background:#fff; padding:0 20px 1px; border-radius:12px; color:#222; font-size:11px; line-height:16px; }
body#design-retina #performance .tooltip div.pointer { z-index:3; width:50%; border-right:1px solid #fff; height:26px; }
body#design-retina #performance .tooltip div.pointer:after { content:''; display:block; position:absolute; bottom:-3px; left:50%; margin-left:-2px; width:5px; height:5px; background:#fff; border-radius:3px; }

body#design-retina #performance .components { position:relative; width:910px; height:637px; margin:0 auto; }
body#design-retina #performance .components img { position:relative; z-index:1; }
body#design-retina #performance .components .processor-gpu { left:385px; top:70px; width:140px; text-align:center; }
body#design-retina #performance .components .processor-gpu span { line-height:1.2; padding:1px 20px 4px; }
body#design-retina #performance .components .processor { left:380px; top:70px; }
body#design-retina #performance .components .gpu { left:520px; top:60px; }
body#design-retina #performance .components .ram { left:480px; top:160px; }
body#design-retina #performance .components .flash { left:160px; top:240px; }
body#design-retina #performance .components .batteries { left:480px; top:420px; }
body#design-retina #performance .components .caption { margin-left:15px; color:#999; font-size:0.802em; }

/* Back removal animation */
body#design-retina #performance .components img.ambient-bottom { display:none; }
body#design-retina #performance .components img.ambient-bottom-prepped { position:absolute; z-index:10; display:inline; top:0; left:0; -webkit-transition:all 750ms cubic-bezier(0.445, 0.050, 0.550, 0.950); -moz-transition:all 750ms cubic-bezier(0.445, 0.050, 0.550, 0.950); -o-transition:all 750ms cubic-bezier(0.445, 0.050, 0.550, 0.950); transition:all 750ms cubic-bezier(0.445, 0.050, 0.550, 0.950); }
body#design-retina #performance .components img.ambient-bottom-complete { -webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2); opacity:0;}

body#design-retina #technology { padding-bottom:50px; }
body#design-retina #technology h1 { margin-left:140px; }
body#design-retina #technology p { max-width:680px; margin-left:140px; padding-bottom:40px; }
body#design-retina #technology img.hero { margin-left:-408px; }
body#design-retina #technology .caption { color:#999; font-size:0.802em; margin-left:140px; }

body#design-retina #engineered h1 { margin-left:45px; }
body#design-retina #engineered p { max-width:680px; margin-left:45px; padding-bottom:40px; }
body#design-retina #engineered .toggle-nav { margin:0px auto; }

/* slide gallery */
body#design-retina #engineered #engineered-gallery{ background-color: #000; }
body#design-retina #engineered .slide-gallery { width:890px; margin:0 auto; -webkit-user-select:none; -webkit-transform:translateZ(0); position:relative; z-index:1001; }
body#design-retina #engineered .slide-gallery .gallery-view { background:#000; width:3760px; -webkit-transform:translateZ(0); position:relative; z-index:1001; }
body#design-retina #engineered .slide-gallery .gallery-content,
body#design-retina #engineered .slide-gallery figure { width:890px; height:476px; float:left; display:inline; margin:0; -webkit-transform:translateZ(0); position:relative; z-index:1001; }

body#design-retina #engineered .slide-gallery figure figcaption { width:195px; margin:0; padding:0; position:absolute; text-align:left; }
body#design-retina #engineered .slide-gallery figure figcaption h2 { margin-bottom:10px; }
body#design-retina #engineered .slide-gallery figure figcaption p { margin:0; padding:0; font-size:1em; color:#888; }
body#design-retina #engineered .slide-gallery .gallery-1 figcaption { top:155px; right:40px; }
body#design-retina #engineered .slide-gallery .gallery-2 figcaption { top:160px; left:40px; }
body#design-retina #engineered .slide-gallery .gallery-3 figcaption { top:154px; left:40px; }
body#design-retina #engineered .slide-gallery p.caption { font-size:.802em; padding:12px 0; color:#999; max-width:none; margin:0; }