/* Shared Styles
------------------------*/
body#design #main #content { width:920px; }
body#design .flushpad { padding-left:100px; padding-right:100px; margin-left:-100px; margin-right:-100px; }
body#design .flushleft { margin-left:-100px; }
body#design .flushright { margin-right:-100px; }
body#design .replaced-img { display:block; background:no-repeat; }
body#design .row { padding-top:55px; padding-bottom:55px; }

/* Counter styles */
body#design .counter-container .counter,
body#design .icon-container .image { overflow:hidden; text-indent:-10000px; }
body#design .counter-container .description,
body#design .icon-container .description { margin-left:4px; color:#999; font-size:0.786em; line-height:1.272em; }

body#design .counter { margin-bottom:8px; width:138px; height:61px; padding-bottom:4px; }
body#design .counter.percent { background:url(http://images.apple.com/v/imac/a/design/images/design_percent.png) no-repeat 89px 0; background-size:37px 37px; }

body#design .number.single { width:42px; height:100px; background:url(http://images.apple.com/v/imac/a/design/images/design_counter_numbers.png) no-repeat 100% 0; background-size:42px 1000px;}
body#design .number.double { width:100px; height:100px; background:url(http://images.apple.com/v/imac/a/design/images/design_counter_numbers_double_digits.png) no-repeat 0 0; background-size:200px 2600px; }

@media only screen {
	body#design .counter.percent { background-image:url(/v/imac/a/design/images/design_percent.svg); }
	body#design .number.single { background-image:url(/v/imac/a/design/images/design_counter_numbers.svg); }
	body#design .number.double { background-image:url(/v/imac/a/design/images/design_counter_numbers_double_digits.svg); }
}

body#design .can-animate .counter-container,
body#design .can-animate .icon-container,
body#design .can-animate .number,
body#design .can-animate .image { opacity:0; }

body#design .animate .counter-container,
body#design .animate .icon-container,
body#design .animate .number,
body#design .animate .image {
	opacity:1;
	-webkit-transition-property:opacity;
	   -moz-transition-property:opacity;
	        transition-property:opacity;
}
body#design .animate .counter-container,
body#design .animate .icon-container {
	-webkit-transition-duration:1s;
	   -moz-transition-duration:1s;
	        transition-duration:1s;
}
body#design .animate .image {
	-webkit-transition-duration:1.5s;
	   -moz-transition-duration:1.5s;
	        transition-duration:1.5s;
}
body#design .animate .number {
	-webkit-transition-duration:1s;
	   -moz-transition-duration:1s;
	        transition-duration:1s;
}



/* Section Specific Styles
------------------------*/
body#design #hero { padding-bottom:35px; }
body#design #hero .header { position:relative; z-index:2; }
body#design #hero h1 { margin-bottom:15px; }
body#design #hero h2 img { display:inline; margin:-4px 0; padding-right:3px; position:relative; z-index:2; }
body#design #hero .intro { width:640px; margin-bottom:20px; }

body#design #hero .fluidgallery-button { margin-bottom:35px; font-size:1.2em; width:300px; }
body#design #hero .fluidgallery-button .image { position:relative; z-index:1; width:65px; height:36px; float:left; overflow:hidden; border-radius:4px; border:1px solid #ccc; }
body#design #hero .fluidgallery-button .image,
body#design #hero .fluidgallery-button .image img {
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}
body#design #hero .fluidgallery-button .play { position:absolute; z-index:2; left:19px; top:4px; width:27px; height:27px; background:url(http://images.apple.com/v/imac/a/design/images/fluidgallery_open.png) no-repeat 0 0; }
body#design #hero .fluidgallery-button a:hover .play { background-position:0 -26px; }
body#design #hero .fluidgallery-button .link { display:block; float:left; padding:8px 0 0 10px; }
body#design #hero .fluidgallery-button .image:nth-child(1n) {
	border:none; 
	-webkit-box-shadow:rgba(0,0,0,.40) 0 1px 2px;
	   -moz-box-shadow:rgba(0,0,0,.40) 0 1px 2px;
	        box-shadow:rgba(0,0,0,.40) 0 1px 2px;
}

body#design #hero .replaced-img { width:808px; height:1293px; background-size:808px 1293px; margin:-1075px -50px 0 0; position:relative; z-index:1; }
body#design #hero .narrow-column { width:425px; min-height:732px; position:relative; z-index:2; }
body#design #hero .narrow-column .grid2col { width:249px; padding:7px 0 38px 0; _width:300px; }

body#design #hero .counter-container { margin-top:2px; width:100px; padding-top:19px; border-top:solid #d4d4d4 1px; }
body#design #hero .counter.units { background:url(http://images.apple.com/v/imac/a/design/images/design_hero_units.png) no-repeat 45px 37px; background-size:69px 25px; }
@media only screen {
	body#design #hero .counter.units { background-image:url(/v/imac/a/design/images/design_hero_units.svg); }
}
body#design #hero .animate #counter-volume,
body#design #hero .animate #counter-volume .number {
	-webkit-transition-delay:.2s;
	   -moz-transition-delay:.2s;
	        transition-delay:.2s;
}
body#design #hero .animate #counter-edge,
body#design #hero .animate #counter-edge .number {
	-webkit-transition-delay:.9s;
	   -moz-transition-delay:.9s;
	        transition-delay:.9s;
}

/* fluid gallery custom styles */
body#design #fluid-gallery-vertical-center .caption { bottom:11%; font-size:1.6em; color:#666; }
body#design #fluid-gallery-vertical-center .grid2col .first { text-align:right; }
body#design #fluid-gallery-vertical-center .grid2col .last { text-align:left; }
body#design #fluid-gallery-vertical-center .gallery-4 .grid2col .first { width:34%; }
body#design #fluid-gallery-vertical-center .gallery-4 .grid2col .last { width:40%; }
body#design #fluid-gallery-vertical-center .gallery-5 .grid2col .first { width:34%; }
body#design #fluid-gallery-vertical-center .gallery-5 .grid2col .last { width:42%; }

body#design #evolution { padding-bottom:0; padding-top:40px; border-top:1px solid #e2e2e2; }
body#design #evolution h1 { margin-bottom:15px; }
body#design #evolution .replaced-img { width:1120px; height:500px; background-size:1120px 500px; }

body#design #evolution #evolution-reveal { padding-bottom:60px; margin:0 -30px 0 -14px; }
body#design #evolution #evolution-reveal .caption { color:#999; padding-top:10px; font-size:.80em; }
body#design #evolution #evolution-reveal .large-col .caption { padding-left:30px; }
body#design #evolution #evolution-reveal li { width:105px; padding:0 16px; text-align:center; display:block; float:left; }
body#design #evolution #evolution-reveal li.large-col { width:120px; }
body#design #evolution #evolution-reveal li.medium-col { width:80px; }
body#design #evolution #evolution-reveal li.small-col { width:70px; }
body#design #evolution #evolution-reveal.can-animate li { position:relative; z-index:1100;
	opacity:0;
	-webkit-transform:translateX(60px);
	   -moz-transform:translateX(60px);
	        transform:translateX(60px);
}
body#design #evolution #evolution-reveal.can-animate.three-d li {
	-webkit-transform:translate3d(60px, 0, 0);
	   -moz-transform:translate3d(60px, 0, 0);
	        transform:translate3d(60px, 0, 0);
}
body#design #evolution #evolution-reveal.animate li {
	opacity:1;
	-webkit-transition:opacity 600ms cubic-bezier(0.25, 0, 0.25, 1), -webkit-transform 600ms cubic-bezier(0.25, 0, 0.25, 1);
	   -moz-transition:opacity 600ms cubic-bezier(0.25, 0, 0.25, 1), -moz-transform 600ms cubic-bezier(0.25, 0, 0.25, 1);
	        transition:opacity 600ms cubic-bezier(0.25, 0, 0.25, 1), transform 600ms cubic-bezier(0.25, 0, 0.25, 1);
	-webkit-transform:translateX(0px);
	   -moz-transform:translateX(0px);
	        transform:translateX(0px);
}
body#design #evolution #evolution-reveal.animate.three-d li {
	-webkit-transform:translate3d(0px, 0, 0);
	   -moz-transform:translate3d(0px, 0, 0);
	        transform:translate3d(0px, 0, 0);
}
body#design #evolution #evolution-reveal.animate li.two-thousand {
	-webkit-transition-delay:80ms;
	   -moz-transition-delay:80ms;
	        transition-delay:80ms;
}
body#design #evolution #evolution-reveal.animate li.two-thousand-two {
	-webkit-transition-delay:160ms;
	   -moz-transition-delay:160ms;
	        transition-delay:160ms;
}
body#design #evolution #evolution-reveal.animate li.two-thousand-four {
	-webkit-transition-delay:240ms;
	   -moz-transition-delay:240ms;
	        transition-delay:240ms;
}
body#design #evolution #evolution-reveal.animate li.two-thousand-five {
	-webkit-transition-delay:320ms;
	   -moz-transition-delay:320ms;
	        transition-delay:320ms;
}
body#design #evolution #evolution-reveal.animate li.two-thousand-seven {
	-webkit-transition-delay:400ms;
	   -moz-transition-delay:400ms;
	        transition-delay:400ms;
}
body#design #evolution #evolution-reveal.animate li.two-thousand-nine {
	-webkit-transition-delay:480ms;
	   -moz-transition-delay:480ms;
	        transition-delay:480ms;
}
body#design #evolution #evolution-reveal.animate li.today {
	-webkit-transition-delay:550ms;
	   -moz-transition-delay:550ms;
	        transition-delay:550ms;
}

body#design #display h1 { position:relative; z-index:2; }
body#design #display .grid2col .first .replaced-img { margin-left:-20px; margin-top:-95px; position:relative; z-index:1; width:445px; height:1143px; background-size:445px 1143px; }
body#design #display .grid2col .last { width:420px; padding-top:30px; margin-right:-10px; }

body#design #display .sequence,
body#design #display .sequence .canvas { width:390px; height:188px; }
body#design #display .sequence { padding:0 0 17px; position:relative; z-index:1000; }
body#design #display .sequence .canvas { overflow:hidden; }
body#design #display .sequence .canvas canvas { height:192px; width:392px; }
body#design #display .sequence .text-callout,
body#design #display .sequence .text-callout .pin,
body#design #display .sequence .text-callout .pin .circle { position:absolute; z-index:1000; }
body#design #display .sequence .text-callout { color:#999; font-size:.80em; line-height:1.3em; letter-spacing:-.05em; }
body#design #display .sequence .caption { margin-top:1em; }

body#design #display .sequence-screen,
body#design #display .sequence-screen .canvas { height:186px; }
body#design #display .sequence-screen { margin-bottom:2em; }
body#design #display .sequence-screen .canvas { border-bottom:1px solid #e2e2e2; }
body#design #display .sequence-screen .pins .text-callout { white-space:nowrap; left:289px; }
body#design #display .sequence-screen .pins .text-callout .pin,
body#design #display .sequence-screen .pins .text-callout .pin .circle { display:block; background:#b4b4b4; }
body#design #display .sequence-screen .pins .text-callout .pin { top:52%; height:1px; _display:none; }
body#design #display .sequence-screen .pins .text-callout .pin .circle { content:' '; top:-2px; height:5px; width:5px;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}

body#design #display .sequence-screen .pins .text-callout.first { top:61px; }
body#design #display .sequence-screen .pins .text-callout.second { top:103px; }
body#design #display .sequence-screen .pins .text-callout.third { top:143px; }
body#design #display .sequence-screen .pins .text-callout.first .pin,
body#design #display .sequence-screen.animate-text .pins .text-callout.first .pin { left:-154px; width:150px; }
body#design #display .sequence-screen .pins .text-callout.second .pin,
body#design #display .sequence-screen.animate-text .pins .text-callout.second .pin { left:-209px; width:205px; }
body#design #display .sequence-screen .pins .text-callout.third .pin,
body#design #display .sequence-screen.animate-text .pins .text-callout.third .pin { left:-126px; width:122px; }

body#design #display .sequence-screen.will-animate-text .pins .text-callout .text { opacity:0; }
body#design #display .sequence-screen.will-animate-text-transitions .pins .text-callout .text {
	-webkit-transition:opacity 0.5s ease-out;
	   -moz-transition:opacity 0.5s ease-out;
	        transition:opacity 0.5s ease-out;
	    -webkit-transition-delay:0s;
	       -moz-transition-delay:0s;
	            transition-delay:0s;
}
body#design #display .sequence-screen.will-animate-text .pins .text-callout .pin { width:0; }
body#design #display .sequence-screen.will-animate-text .pins .text-callout .pin .circle { opacity:0;
	-webkit-transform:scale(0.001);
	   -moz-transform:scale(0.001);
	        transform:scale(0.001);
}
body#design #display .sequence-screen.will-animate-text-transitions .pins .text-callout .pin {
	-webkit-transition:width 0.4s ease-in-out;
	   -moz-transition:width 0.4s ease-in-out;
	        transition:width 0.4s ease-in-out;
}
body#design #display .sequence-screen.will-animate-text-transitions .pins .text-callout .pin .circle {
	-webkit-transition:-webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
	   -moz-transition:   -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
	        transition:        transform 0.2s ease-out, opacity 0.2s ease-out;
}

body#design #display .sequence-screen.animate-text .pins .text-callout .text { opacity:1;
	-webkit-transition-delay:1.05s;
	   -moz-transition-delay:1.05s;
	        transition-delay:1.05s;
}
body#design #display .sequence-screen.animate-text .pins .text-callout .pin {
	-webkit-transition-delay:0.75s;
	   -moz-transition-delay:0.75s;
	        transition-delay:0.75s;
}
body#design #display .sequence-screen.animate-text .pins .text-callout .pin .circle { opacity:1;
	-webkit-transform:scale(1);
	   -moz-transform:scale(1);
	        transform:scale(1);
	-webkit-transition-delay:0.75s;
	   -moz-transition-delay:0.75s;
	        transition-delay:0.75s;
}

body#design #display .sequence-reflect .text-callout { top:10px; right:10px; }
body#design #display .sequence-reflect .text-callout .image { width:95px; height:57px; margin-bottom:8px; display:block; text-indent:-1000em; overflow:hidden; background:no-repeat; background-size:95px 57px; }
body#design #display .sequence-reflect.will-animate-text .text-callout { opacity:0; }
body#design #display .sequence-reflect.will-animate-text-transitions .text-callout {
	-webkit-transition:opacity 1s ease-out;
	   -moz-transition:opacity 1s ease-out;
	        transition:opacity 1s ease-out;
	-webkit-transition-delay:0.85s;
	   -moz-transition-delay:0.85s;
	        transition-delay:0.85s;
}
body#design #display .sequence-reflect.animate-text .text-callout { opacity:1; }

body#design #color { padding-bottom:0; border-top:1px solid #e2e2e2; }
body#design #color .replaced-img { width:1120px; height:500px; background-size:1120px 500px; }
body#design #color .grid2col { width:800px; padding:0 60px 40px; }
body#design #color .grid2col .first { width:520px; }
body#design #color .grid2col .last { width:231px; } 

body#design #environment { padding-bottom:0; }
body#design #environment h1 { margin-bottom:50px; }
body#design #environment .grid2cola { width:800px; padding:0 60px; }
body#design #environment .grid2cola .first { width:607px; }
body#design #environment .grid2cola .last { margin-top:4px; margin-right:18px; width:102px; }
body#design #environment .grid2cola p { margin-bottom:25px; }
body#design #environment .hero-image { display:block; margin:50px -25px 0; }
body#design #environment .counter-container,
body#design #environment .icon-container { padding-top:19px; padding-bottom:27px; border-top:solid #d4d4d4 1px; }
body#design #environment .counter,
body#design #environment .image { margin-bottom:10px; }
body#design #environment .image { width:118px; height:61px; }
body#design #environment .description { margin-left:0; }

body#design #environment .energy { position:relative; z-index:1; margin-left:-13px; }
body#design #environment .aluminum { background:url(http://images.apple.com/v/imac/a/design/images/design_aluminum.png) no-repeat; }
body#design #environment .silica-glass { height:63px; background:url(http://images.apple.com/v/imac/a/design/images/design_silica_class.png) no-repeat; }
@media only screen {
	body#design #environment .aluminum { background:url(/v/imac/a/design/images/design_aluminum.svg) no-repeat; }
	body#design #environment .silica-glass { background:url(/v/imac/a/design/images/design_silica_class.svg) no-repeat; }
}

body#design #environment .animate #counter-energy,
body#design #environment .animate #counter-energy .number {
	-webkit-transition-delay:0.2s;
	   -moz-transition-delay:0.2s;
	        transition-delay:0.2s;
}
body#design #environment .animate #image-aluminum,
body#design #environment .animate #image-aluminum .image {
	-webkit-transition-delay:0.85s;
	   -moz-transition-delay:0.85s;
	        transition-delay:0.85s;
}
body#design #environment .animate #image-glass,
body#design #environment .animate #image-glass .image {
	-webkit-transition-delay:1.1s;
	   -moz-transition-delay:1.1s;
	        transition-delay:1.1s;
}


/* Less volume Counter Animation
-------------------------------------------*/
body#design #counter-volume .number,
body#design .finished #counter-volume .number {
	background-position:-100px -1400px; /* fallback */
}

body#design .animate #counter-volume .number {
	background-position:0 0;
	-webkit-animation:count-volume .6s;
	-webkit-animation-delay:.4s;
	-webkit-animation-timing-function:step-start;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:count-volume .6s;
	-moz-animation-delay:.4s;
	-moz-animation-timing-function:step-start;
	-moz-animation-fill-mode:forwards;
}

@-webkit-keyframes count-volume {
	0%    { background-position:0px 0px; }
	3%    { background-position:0px -100px; }
	5%    { background-position:0px -200px; }
	8%    { background-position:0px -300px; }
	10%   { background-position:0px -400px; }
	13%   { background-position:0px -500px; }
	15%   { background-position:0px -600px; }
	18%   { background-position:0px -700px; }
	20%   { background-position:0px -800px; }
	23%   { background-position:0px -900px; }
	25%   { background-position:0px -1000px; }
	28%   { background-position:0px -1100px; }
	30%   { background-position:0px -1200px; }
	33%   { background-position:0px -1300px; }
	35%   { background-position:0px -1400px; }
	38%   { background-position:0px -1500px; }
	40%   { background-position:0px -1600px; }
	43%   { background-position:0px -1700px; }
	45%   { background-position:0px -1800px; }
	48%   { background-position:0px -1900px; }
	50%   { background-position:0px -2000px; }
	53%   { background-position:0px -2100px; }
	55%   { background-position:0px -2200px; }
	58%   { background-position:0px -2300px; }
	60%   { background-position:0px -2400px; }
	63%   { background-position:0px -2500px; }
	65%   { background-position:-100px 0px; }
	68%   { background-position:-100px -100px; }
	70%   { background-position:-100px -200px; }
	73%   { background-position:-100px -300px; }
	75%   { background-position:-100px -400px; }
	78%   { background-position:-100px -500px; }
	80%   { background-position:-100px -600px; }
	83%   { background-position:-100px -700px; }
	85%   { background-position:-100px -800px; }
	88%   { background-position:-100px -900px; }
	90%   { background-position:-100px -1000px; }
	93%   { background-position:-100px -1100px; }
	95%   { background-position:-100px -1200px; }
	98%   { background-position:-100px -1300px; }
	100%  { background-position:-100px -1400px; }
}
@-moz-keyframes count-volume {
	0%    { background-position:0px 0px; }
	3%    { background-position:0px -100px; }
	5%    { background-position:0px -200px; }
	8%    { background-position:0px -300px; }
	10%   { background-position:0px -400px; }
	13%   { background-position:0px -500px; }
	15%   { background-position:0px -600px; }
	18%   { background-position:0px -700px; }
	20%   { background-position:0px -800px; }
	23%   { background-position:0px -900px; }
	25%   { background-position:0px -1000px; }
	28%   { background-position:0px -1100px; }
	30%   { background-position:0px -1200px; }
	33%   { background-position:0px -1300px; }
	35%   { background-position:0px -1400px; }
	38%   { background-position:0px -1500px; }
	40%   { background-position:0px -1600px; }
	43%   { background-position:0px -1700px; }
	45%   { background-position:0px -1800px; }
	48%   { background-position:0px -1900px; }
	50%   { background-position:0px -2000px; }
	53%   { background-position:0px -2100px; }
	55%   { background-position:0px -2200px; }
	58%   { background-position:0px -2300px; }
	60%   { background-position:0px -2400px; }
	63%   { background-position:0px -2500px; }
	65%   { background-position:-100px 0px; }
	68%   { background-position:-100px -100px; }
	70%   { background-position:-100px -200px; }
	73%   { background-position:-100px -300px; }
	75%   { background-position:-100px -400px; }
	78%   { background-position:-100px -500px; }
	80%   { background-position:-100px -600px; }
	83%   { background-position:-100px -700px; }
	85%   { background-position:-100px -800px; }
	88%   { background-position:-100px -900px; }
	90%   { background-position:-100px -1000px; }
	93%   { background-position:-100px -1100px; }
	95%   { background-position:-100px -1200px; }
	98%   { background-position:-100px -1300px; }
	100%  { background-position:-100px -1400px; }
}

/* Edge Width Counter Animation
-------------------------------------------*/
body#design #counter-edge .number,
body#design .finished #counter-edge .number {
	background-position:100% -500px; /* fallback */
}

body#design .animate #counter-edge .number {
	background-position:100% 0;
	-webkit-animation:count-edge .2s;
	-webkit-animation-delay:1.15s;
	-webkit-animation-timing-function:step-start;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:count-edge .2s;
	-moz-animation-delay:1.15s;
	-moz-animation-timing-function:step-start;
	-moz-animation-fill-mode:forwards;
}

@-webkit-keyframes count-edge {
	0%    { background-position:100% 0px; }
	20%   { background-position:100% -100px; }
	40%   { background-position:100% -200px; }
	60%   { background-position:100% -300px; }
	80%   { background-position:100% -400px; }
	100%  { background-position:100% -500px; }
}
@-moz-keyframes count-edge {
	0%    { background-position:100% 0px; }
	20%   { background-position:100% -100px; }
	40%   { background-position:100% -200px; }
	60%   { background-position:100% -300px; }
	80%   { background-position:100% -400px; }
	100%  { background-position:100% -500px; }
}

/* Less Energy Counter Animation
-------------------------------------------*/
body#design #counter-energy .number {
	background-position:-100px -2400px; /* fallback */
}

body#design .animate #counter-energy .number {
	background-position:0 0;
	-webkit-animation:count-energy .75s;
	-webkit-animation-delay:.4s;
	-webkit-animation-timing-function:step-start;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:count-energy .75s;
	-moz-animation-delay:.4s;
	-moz-animation-timing-function:step-start;
	-moz-animation-fill-mode:forwards;
}

@-webkit-keyframes count-energy {
	0%    { background-position:0px 0px; }
	2%    { background-position:0px -100px; }
	4%    { background-position:0px -200px; }
	6%    { background-position:0px -300px; }
	8%    { background-position:0px -400px; }
	10%   { background-position:0px -500px; }
	12%   { background-position:0px -600px; }
	14%   { background-position:0px -700px; }
	16%   { background-position:0px -800px; }
	18%   { background-position:0px -900px; }
	20%   { background-position:0px -1000px; }
	22%   { background-position:0px -1100px; }
	24%   { background-position:0px -1200px; }
	26%   { background-position:0px -1300px; }
	28%   { background-position:0px -1400px; }
	30%   { background-position:0px -1500px; }
	32%   { background-position:0px -1600px; }
	34%   { background-position:0px -1700px; }
	36%   { background-position:0px -1800px; }
	38%   { background-position:0px -1900px; }
	40%   { background-position:0px -2000px; }
	42%   { background-position:0px -2100px; }
	44%   { background-position:0px -2200px; }
	46%   { background-position:0px -2300px; }
	48%   { background-position:0px -2400px; }
	50%   { background-position:0px -2500px; }
	52%   { background-position:-100px 0px; }
	54%   { background-position:-100px -100px; }
	56%   { background-position:-100px -200px; }
	58%   { background-position:-100px -300px; }
	60%   { background-position:-100px -400px; }
	62%   { background-position:-100px -500px; }
	64%   { background-position:-100px -600px; }
	66%   { background-position:-100px -700px; }
	68%   { background-position:-100px -800px; }
	70%   { background-position:-100px -900px; }
	72%   { background-position:-100px -1000px; }
	74%   { background-position:-100px -1100px; }
	76%   { background-position:-100px -1200px; }
	78%   { background-position:-100px -1300px; }
	80%   { background-position:-100px -1400px; }
	82%   { background-position:-100px -1500px; }
	84%   { background-position:-100px -1600px; }
	86%   { background-position:-100px -1700px; }
	88%   { background-position:-100px -1800px; }
	90%   { background-position:-100px -1900px; }
	92%   { background-position:-100px -2000px; }
	94%   { background-position:-100px -2100px; }
	96%   { background-position:-100px -2200px; }
	98%   { background-position:-100px -2300px; }
	100%  { background-position:-100px -2400px; }
}
@-moz-keyframes count-energy {
	0%    { background-position:0px 0px; }
	2%    { background-position:0px -100px; }
	4%    { background-position:0px -200px; }
	6%    { background-position:0px -300px; }
	8%    { background-position:0px -400px; }
	10%   { background-position:0px -500px; }
	12%   { background-position:0px -600px; }
	14%   { background-position:0px -700px; }
	16%   { background-position:0px -800px; }
	18%   { background-position:0px -900px; }
	20%   { background-position:0px -1000px; }
	22%   { background-position:0px -1100px; }
	24%   { background-position:0px -1200px; }
	26%   { background-position:0px -1300px; }
	28%   { background-position:0px -1400px; }
	30%   { background-position:0px -1500px; }
	32%   { background-position:0px -1600px; }
	34%   { background-position:0px -1700px; }
	36%   { background-position:0px -1800px; }
	38%   { background-position:0px -1900px; }
	40%   { background-position:0px -2000px; }
	42%   { background-position:0px -2100px; }
	44%   { background-position:0px -2200px; }
	46%   { background-position:0px -2300px; }
	48%   { background-position:0px -2400px; }
	50%   { background-position:0px -2500px; }
	52%   { background-position:-100px 0px; }
	54%   { background-position:-100px -100px; }
	56%   { background-position:-100px -200px; }
	58%   { background-position:-100px -300px; }
	60%   { background-position:-100px -400px; }
	62%   { background-position:-100px -500px; }
	64%   { background-position:-100px -600px; }
	66%   { background-position:-100px -700px; }
	68%   { background-position:-100px -800px; }
	70%   { background-position:-100px -900px; }
	72%   { background-position:-100px -1000px; }
	74%   { background-position:-100px -1100px; }
	76%   { background-position:-100px -1200px; }
	78%   { background-position:-100px -1300px; }
	80%   { background-position:-100px -1400px; }
	82%   { background-position:-100px -1500px; }
	84%   { background-position:-100px -1600px; }
	86%   { background-position:-100px -1700px; }
	88%   { background-position:-100px -1800px; }
	90%   { background-position:-100px -1900px; }
	92%   { background-position:-100px -2000px; }
	94%   { background-position:-100px -2100px; }
	96%   { background-position:-100px -2200px; }
	98%   { background-position:-100px -2300px; }
	100%  { background-position:-100px -2400px; }
}