/* General Styles
---------------------------*/
body#overview .row { border-top:1px solid #e6e6e6; width:100%; *zoom:1; }
body#overview .row h1 { text-align:center; margin:0; }
body#overview .row h1 img { margin:0 auto; }
body#overview .row img.hero { display:block; margin:0 auto 20px; }
body#overview .row p { text-align:center; margin-left:auto; margin-right:auto; }
body#overview .row .violator { display: inline-block; margin: 10px auto 15px; padding: 0 11px; font-size: 13px; line-height: 22px; text-align: center; white-space: nowrap; color: #fff; border-radius: 4px; border: 1px solid #ff981e; color: #ff981e; }

/* Section Specific
---------------------------*/
body#overview #hero { border-top:none; padding-top:60px; }
body#overview #hero .hero { margin:40px 0 10px -360px;}
body#overview #hero ul { margin-bottom:60px; text-align:center; line-height:1.3em; color:#333; }
body#overview #hero ul li { display:inline-block; *display:inline; border-left:1px solid #666; line-height:18px; padding:0 1em; }
body#overview #hero .first-item { border:0; }
body#overview #hero .gallery-link { margin-bottom:17px; }
body#overview #hero .column { text-align: center; }
body#overview #hero .column p { max-width: 310px; }
body#overview #hero .column p .sub-lines { display: block; margin-top: 2px; line-height: 20px; color: #999; }

body#overview #hero-macbook-update #hero { border-top:none; padding-top:60px; position: relative; }
body#overview #hero-macbook-update #hero .hero { margin:30px 0 10px -360px;}
body#overview #hero-macbook-update #hero  ul { margin-bottom:60px; text-align:center; line-height:1.3em; color:#333; }
body#overview #hero-macbook-update #hero  ul li { display:inline-block; *display:inline; border-left:1px solid #666; line-height:18px; padding:0 1em; }
body#overview #hero-macbook-update #hero .column { width: 27%; }
body#overview #hero-macbook-update #hero .hero-column-update .first-item { border:0; }
body#overview #hero-macbook-update #hero .gallery-link { margin-bottom:17px; margin-top: 50px; }
body#overview #hero-macbook-update #hero .grid2col { position: absolute; bottom: 290px; left: 0; }
body#overview #hero-macbook-update #hero .grid2col .column.first,
body#overview #hero-macbook-update #hero .grid2col .column.first p { text-align: right; }
body#overview #hero-macbook-update #hero .grid2col .column.first .wrap { padding-right: 215px; }
body#overview #hero-macbook-update #hero .grid2col .column.last p { text-align: left; }
body#overview #hero-macbook-update #hero .grid2col .column.last .wrap { padding-left: 223px; }
body#overview #hero-macbook-update #hero .grid2col .column p .sub-lines { display: block; margin-top: 10px; margin-bottom: 5px; line-height: 20px; color: #666; }

body#overview #display { position:relative; z-index:1200; }
body#overview #display a.block { padding-top:0; }
body#overview #display p { max-width:800px; }
body#overview #display .hero { margin-left:-60px;}
body#overview #display .loupe-gallery { position:absolute; z-index:1200; top:111px; left:74px; }
body#overview #display .loupe-gallery .loupe-container,
body#overview #display .loupe-gallery .loupe-container.degraded { display:none; }
body#overview #display .loupe-gallery .loupe-container.active { display:block; }
body#overview #display .loupe-gallery .loupe { -webkit-transform:translate(2000px, 0); -moz-transform:translate(2000px, 0); -ms-transform:translate(2000px, 0); transform:translate(2000px, 0); }

body#overview #performance .hero { margin-left:-59px; }
body#overview #performance p { max-width:870px; }

body#overview #trackpad { padding-top: 0; border: 0; }
body#overview #trackpad p { max-width:870px; }
body#overview #trackpad a { margin-top: 35px; text-align: center; }
body#overview #trackpad a:hover .violator { text-decoration: none; }

body#overview #design { padding-top:0; }
body#overview #design .hero { margin-left:-280px; }
body#overview #design p { max-width:840px; }

body#overview #apps .hero { margin-left:-44px; }
body#overview #apps p { max-width:880px; }

body#overview #os p { max-width:835px; }
body#overview #os.yosemite { padding-top:100px; }
body#overview #os.yosemite h1 { margin-bottom:5px; }
body#overview #os.yosemite .icon { margin-bottom:24px; }
body#overview #os.yosemite .hero { margin:68px -58px 20px; }