/* Features
------------------------*/
body#features .pullout { background:#f7f7f7; }
body#features .row { padding-top:0; padding-bottom:75px; }
body#features .row .hero-image { margin-bottom:55px; }
body#features .row .hero-image.icon { margin-bottom:16px; }
body#features .row h1 { margin-bottom:40px; }
body#features .row h1 img { display:block; }
body#features .row p + h3 { margin-top:28px; }
body#features .row .border-top { border-top:1px solid #e2e2e2; }

body#features .narrow .grid2cole .column.first { width:73%; }
body#features .narrow .grid2cole .column.last { width:22%; }
body#features .narrow .grid2colf .column.first { width:12%; padding-left:12px; }
body#features .narrow .grid2colf .column.last { width:82.5%; }
body#features .grid3col .column { width: 30.5%; margin-left: 4.75%; }

body#features #hero { padding-top:45px; padding-bottom:32px; }
body#features #hero h1 { margin-bottom:10px; }
body#features #hero h2.intro { width:642px; }

body#features #display .grid2cole .column.first { padding-bottom:10px; }
body#features #display .grid2cole .column.last { padding-top:6px; }
body#features #display .ambient-diagram { width:144px; position:relative; z-index:1000; }
body#features #display .ambient-diagram.can-animate { opacity:0; }
body#features #display .ambient-diagram.can-animate .degradation,
body#features #display .ambient-diagram .animation { display:none; }
body#features #display .ambient-diagram.can-animate .animation { display:block; }
body#features #display .ambient-diagram.can-animate .caption { width:144px; opacity:0; text-align:center; position:relative; z-index:1002; color:#aaa; font-size:.85em; letter-spacing:-.05em;
	-webkit-transition:opacity 0.6s cubic-bezier(0.455, 0.030, 0.515, 0.955);
	   -moz-transition:opacity 0.6s cubic-bezier(0.455, 0.030, 0.515, 0.955);
	        transition:opacity 0.6s cubic-bezier(0.455, 0.030, 0.515, 0.955);
	-webkit-transition-delay:0.4s;
	   -moz-transition-delay:0.4s;
	        transition-delay:0.4s;
}
body#features #display .ambient-diagram.can-animate .caption img { display:block; margin:0 auto; position:relative; z-index:1000; }
body#features #display .ambient-diagram.can-animate .svg,
body#features #display .ambient-diagram.can-animate .blue { position:absolute; z-index:1000; }
body#features #display .ambient-diagram.can-animate .svg { z-index:1001; width:144px; height:123px; background:url(http://images.apple.com/v/imac/a/features/images/display_diagram_reflection.png) no-repeat 50% 0; }
@media only screen {
	body#features #display .ambient-diagram.can-animate .svg { background-image:url(/v/imac/a/features/images/display_diagram_reflection.svg); }
}
body#features #display .ambient-diagram.can-animate .animates {
	-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.455, 0.030, 0.515, 0.955);
	   -moz-transition:   -moz-transform 0.6s cubic-bezier(0.455, 0.030, 0.515, 0.955);
	        transition:        transform 0.6s cubic-bezier(0.455, 0.030, 0.515, 0.955);
	-webkit-transition-delay:0.2s;
	   -moz-transition-delay:0.2s;
	        transition-delay:0.2s;
}

body#features #display #ambient-diagram-reflection.can-animate { height:123px; overflow:hidden; position:relative; z-index:1000; }
body#features #display #ambient-diagram-reflection.can-animate .caption { position:absolute; padding-top:10px; }
body#features #display #ambient-diagram-reflection.can-animate .caption img { left:11px; }
body#features #display #ambient-diagram-reflection.can-animate .blue,
body#features #display #ambient-diagram-reflection.can-animate .blue span { display:block; }
body#features #display #ambient-diagram-reflection.can-animate .blue { margin-top:-125px; height:211px; overflow:hidden;
	-webkit-transform:translate(-135px, 0);
	   -moz-transform:translate(-135px, 0);
	        transform:translate(-135px, 0);
	-webkit-transform:translate3d(-135px, 0, 0);
	   -moz-transform:translate3d(-135px, 0, 0);
	        transform:translate3d(-135px, 0, 0);
}
body#features #display #ambient-diagram-reflection.can-animate .blue span { width:250px; height:250px; margin-left:100px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(92,195,246,0.14)), color-stop(100%,rgba(0,136,204,0.14)));
	background:-webkit-linear-gradient(top, rgba(92,195,246,0.14) 0%, rgba(0,136,204,0.14) 100%);
	background:   -moz-linear-gradient(top, rgba(92,195,246,0.14) 0%, rgba(0,136,204,0.14) 100%);
	background:        linear-gradient(to bottom, rgba(92,195,246,0.14) 0%,rgba(0,136,204,0.14) 100%);
	-webkit-box-shadow:inset 0 3px 25px rgba(0, 0, 0, .05);
	   -moz-box-shadow:inset 0 3px 25px rgba(0, 0, 0, .05);
	        box-shadow:inset 0 3px 25px rgba(0, 0, 0, .05);
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
	        transform:rotate(45deg);
}

body#features #display .ambient-diagram.animate { opacity:1;
	-webkit-transition:opacity 0.8s ease-out;
	   -moz-transition:opacity 0.8s ease-out;
	        transition:opacity 0.8s ease-out;
}
body#features #display .ambient-diagram.animate .caption { opacity:1; }
body#features #display #ambient-diagram-reflection.animate .blue {
	-webkit-transform:translate(-15px, 0);
	   -moz-transform:translate(-15px, 0);
	        transform:translate(-15px, 0);
	-webkit-transform:translate3d(-15px, 0, 0);
	   -moz-transform:translate3d(-15px, 0, 0);
	        transform:translate3d(-15px, 0, 0);
}

body#features #processors h1 { margin-bottom:25px; }

body#features #graphics h1 { margin-bottom:25px; }

body#features #storage .grid2colf  p {
	padding-right: 20px;
}
body#features #storage .grid2colf + .grid2colf,
body#features #ports .grid2colf + .grid2colf { padding-top:9px; }
body#features #ports .hero-image { border-top:1px solid #e2e2e2; }

body#features #mouse { padding-bottom:45px; }
body#features #mouse .grid2col .column.first { width:57%; }
body#features #mouse .grid2col .column.last { width:405px; padding-right:32px; }
body#features #mouse .mouse-gallery-wrapper { margin-right:-90px; padding-top:4px; position:relative; z-index:1000; }
body#features #mouse .mouse-gallery-wrapper .gallery-content { width:405px; }
body#features #mouse .mouse-gallery-wrapper .gallery-content img { width:405px; height:160px; }
body#features #mouse .mouse-gallery-wrapper .gallery-content figcaption { text-align:center; }
body#features #mouse .mouse-gallery-wrapper .dot-nav { padding-top:10px; padding-left:6px; }

body#features #osx h1,
body#features #built-in h1 { margin-left:-42px; }
body#features #osx h1 { margin-bottom:27px; }

body#features #gestures { width:980px; padding-top:30px; margin-left:-50px; margin-right:-50px; position:relative; z-index:1; }
body#features #gestures .gallery h4 { font-size:12px; line-height:18px; margin-bottom:0; color:#333; font-weight:normal; }
body#features #gestures .gallery p { font-size:12px; line-height:18px; color:#666; }
body#features #gestures .gallery .gallery-view { margin-bottom:40px; }
body#features #gestures .gallery .inset { background:#fbfbfb url(http://images.apple.com/v/imac/a/features/images/gestures_gallery_bg.jpg) repeat-x 0 0; }
body#features #gestures .gallery .gallery-content { position:relative; z-index:1; -webkit-transform:translateZ(0); }
body#features #gestures .gallery .gallery-content img.block { *behavior:url(/global/scripts/lib/ie7pngfix.htc); }
body#features #gestures .mask { overflow:hidden; width:980px; position:relative; z-index:1; }
body#features #gestures .container { width:1960px; }
body#features #gestures .grid4col,
body#features #gestures .grid5col { min-height:140px; }
body#features #gestures .grid5col .column { width:136px; margin:0; padding-left:50px; }
body#features #gestures .grid5col .last { padding-right:50px; *padding-right:48px; }
body#features #gestures .grid4col .column { width:195px; margin:0; padding:0 20px; }
body#features #gestures .grid4col .pad-left { padding-left:40px; }
body#features #gestures .grid4col .pad-right { padding-right:40px; }
body#features #gestures .container { padding-top:236px; }
body#features #gestures .gallery-gestures-trackpad .arrow { display:block; position:absolute; z-index:2; top:70px; width:38px; height:79px; outline:none; cursor:pointer; opacity:.8; _behavior:url(/global/scripts/lib/iepngfix.htc);
	-webkit-transition:.25s opacity ease-out;
	   -moz-transition:.25s opacity ease-out;
	        transition:.25s opacity ease-out;
}
body#features #gestures .gallery-gestures-trackpad .arrow.disabled { display:none; }
body#features #gestures .gallery-gestures-trackpad .arrow:hover { opacity:1; }
body#features #gestures .gallery-gestures-trackpad .left { left:10px; background:url(http://images.apple.com/global/elements/arrows/paddle_prev.png) no-repeat; }
body#features #gestures .gallery-gestures-trackpad .right { right:10px; background:url(http://images.apple.com/global/elements/arrows/paddle_next.png) no-repeat; }

body#features #built-in .column.last img { margin:-6px 35px 0 0; }

body#features #icloud { width:720px; padding-top:40px; border-top:1px solid #e2e2e2; background:url(http://images.apple.com/v/imac/a/images/gradient_down.jpg) repeat-x; }
body#features #icloud .icon { margin-bottom:21px; }
body#features #icloud .hero-image { margin:0 -10px 30px; }

body#features #support { overflow:hidden; position:relative; z-index:1; }
body#features #support .pullout { margin-left:-5px; margin-right:-5px; padding:50px 125px; *margin-left:0; *margin-right:0; *padding-left:120px; *padding-right:120px; border:none; *border-top:1px solid #f1f1f1; }
body#features #support .pullout p.intro { width:640px; margin-bottom:45px; }
body#features #support .pullout .column { min-height:200px; *height:200px; width:300px; }
body#features #support .pullout .column.first,
body#features #support .pullout .column.last { width:250px; }
body#features #support .hero-image { position:absolute; z-index:1; bottom:0; }

/* GEO alt styling */
body#features #support .pullout.geo-alt { padding-left:205px; padding-bottom:0; *margin-bottom:-50px; }
body#features #support .pullout .grid2colf .column { min-height:146px; }
body#features #support .pullout .grid2colf .column.first { width:140px; }
body#features #support .pullout .grid2colf .column.last { width:590px; float:left !important; margin-top:11px; }
body#features #support .pullout .grid2colf .column.last p { font-size:1.0em; }

@media only screen and (max-device-width:768px) {
	body#features #support .pullout.geo-alt { padding-left:235px; }
}