pullout-setup html { background:#f2f2f2; }

/* global */
.content { font-size:1.143em; line-height:1.65em; word-spacing:-1px; }
.content h1 { margin-bottom:5px; font-size:1.1417em; line-height:1.4em; color:#000; }
.content h2 { margin-bottom:5px; font-size:1.1417em; line-height:1.4em; color:#000; }
.content h3 { margin-bottom:0; font-size:.8em; line-height:1.5em; font-weight:600; }
.content header p.intro { font-size:1.4143em; line-height:1.35em; }
.content figure h4 { margin-bottom:2px; font-size:.85em; line-height:1.5em; }
.content figure p { font-size:.85em; line-height:1.4em; color:#666; }

/* layout */
.content .column { display:inline; }
.content .left { float:left; }
.content .right { float:right; }
.content .center { margin-right:auto; margin-left:auto; text-align:center; }
.content .middle { vertical-align:middle; }

.content .flushpad,
.content .padright { padding-right:70px; }

.content .flushpad,
.content .padleft { padding-left:70px; }

.content .flushpad,
.content .flushright { margin-right:-70px; }

.content .flushpad,
.content .flushleft { margin-left:-70px; }

.content .flushpad,
.content .flushtop,
.content .flushbottom,
.content .flushright,
.content .flushleft,
.content .relative { _position:relative; _z-index:1; _zoom:1; }

.content img.coming-soon { position:absolute; top:0; left:0; }
.content img.inline { margin-top:1em; }
.content img.center { display:block; margin-right:auto; margin-left:auto; }
.content img.relative { _position:relative; }

.content div.headline-icon { height:60px; margin:0 0 16px; display:table; *position:relative; }
.content div.headline-icon img { margin:0 15px 0 0; position:relative; z-index:1; }
.content div.headline-icon .double { width:250px; }
.content span.headline-icon { *position:absolute; *top:50%; display:table-cell; vertical-align:middle; }
.content span.headline-icon h1 { position:relative; top:-50%; font-size:1.8em; }

/* aesthetic */
.content .inset { border:1px solid #d5d5d5;
	-webkit-box-shadow:inset rgba(0,0,0,0.4) 0 1px 3px; -moz-box-shadow:inset rgba(0,0,0,0.4) 0 1px 3px; box-shadow:inset rgba(0,0,0,0.4) 0 1px 3px;
	background:#f6f6f6;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcfc), to(#f0f0f0));
	background:-moz-linear-gradient(100% 100% 90deg, #f0f0f0, #fcfcfc);
}
.content .inset:nth-child(1n) { border:none; } /* reset border for smart browsers */

.content .badge { position:relative; padding:0 8px; *padding-bottom:1px; top:-3px; *top:-1px; z-index:1; display:inline-block; *display:inline; *zoom:1; font-weight:normal; text-shadow:0 1px 0 rgba(0,0,0,.3); color:#fff; font-size:12px; line-height:18px; -webkit-font-smoothing:auto;
	border:1px solid #f88c13; border-top-color:#cf7310; border-bottom-color:#ffa312;
	background:#ff9a13;
	background:-webkit-gradient(linear, left top, left bottom, from(#ff8e14), to(#ffa312));
	background:-moz-linear-gradient(top, #ff8e14, #ffa312);
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px #cf7310; -moz-box-shadow:inset 0 1px 1px #cf7310; box-shadow:inset 0 1px 1px #cf7310;
}
.content .badge:nth-child(1n) { border:0; line-height:20px; }

.content span.coming-soon { display:block; margin-bottom:15px; font-size:16px; font-weight:normal; color:#f7941d; }
.content h2 span.coming-soon { display:inline; margin-bottom:0; }

.video-thumb { display:block; position:relative; z-index:1; width:213px; height:127px; margin:0 auto; *cursor:pointer; }
.video-thumb img { display:block; position:relative; z-index:1; }
.video-thumb .play { display:block; position:absolute; z-index:2; top:26px; left:70px; width:71px; height:71px; background:url(/v/icloud/g/images/video_play.png) no-repeat 0 0; _behavior:url(/global/scripts/lib/iepngfix.htc); }
.video-thumb:hover .play,
a:hover .video-thumb .play { background-position:0 -71px; }

/* scroll-tiles */
.content .scroll-tiles { text-align:center; }
.content .scroll-tiles li,
.content .scroll-tiles li a { display:-moz-table-cell; display:inline-block; *display:inline; *zoom:1; }
.content .scroll-tiles li { margin:5px 7px; vertical-align:bottom; }
.content .scroll-tiles li a { width:163px; min-height:150px; border:1px solid #ccc; color:#000; font-weight:bold; text-decoration:none;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	background:#f0f0f0;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
    background:-moz-linear-gradient(100% 100% 90deg, #f0f0f0, #fff);
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25) inset; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25) inset; box-shadow:0 1px 3px rgba(0, 0, 0, 0.25) inset;
}
.content .scroll-tiles li a:hover { color:#3e3e3e;
	background:#f6f6f6;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,1)), to(rgba(228,228,228,1)));
    background:-moz-linear-gradient(100% 100% 90deg, rgba(228,228,228,1), rgba(255,255,255,1));
    background:     linear-gradient(100% 100% 90deg, rgba(228,228,228,1), rgba(255,255,255,1));
}
.content .scroll-tiles li a:nth-child(1n) { border:none; }
.content .scroll-tiles li a img { margin:0; }

/* galleries
------------------------*/
.content .gallery { *position:static; }
.gallery:after,
.gallery-view:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

.gallery .gallery-view,
.gallery .gallery-content { width:100%; position:relative; z-index:1000; }
.gallery .gallery-content { top:0; left:0; display:none; }
.gallery .gallery-view .gallery-content { display:block; }

.gallery .crop img { border-bottom:1px solid #dadada; }

/* slide view hardware galleries */
.slide-gallery { width:980px; overflow:hidden; -webkit-user-select:none; -webkit-transform:translateZ(0); position:relative; z-index:1001; }
.slide-gallery .gallery-view { -webkit-transform:translateZ(0); position:relative; z-index:1001; }
.slide-gallery .gallery-content,
.slide-gallery figure { float:left; display:inline; margin:0; -webkit-transform:translateZ(0); position:relative; z-index:1001; }

/* movie galleries */
.gallery .gallery-content.gallery-movie { position:relative; width:880px; height:480px; padding:50px 120px 46px; background:#fff; z-index:1; border-bottom:1px solid #e5e5e5; }
.gallery .gallery-content.gallery-movie:nth-child(1n) { border:none; } /* reset border for smart browsers */
.gallery .gallery-content.gallery-movie .moviePanel { position:relative; width:848px; height:480px; z-index:5; }

.gallery .gallery-content .close { position:absolute; top:12px; left:133px; width:29px; height:29px; text-indent:-9999px; overflow:hidden; z-index:1; background:url(/global/elements/buttons/close_touchable.png) no-repeat 0 0; cursor:pointer;
	-webkit-transition-duration:.20s; -moz-transition-duration:.20s; transition-duration:.20s;
}
.gallery .gallery-content .close:hover { opacity:.7; -moz-opacity:.7; }

/* toggle-nav */
.content .toggle-nav { width:100%; margin:0 auto; text-align:center; position:relative; z-index:1001; }
.content .toggle-nav li,
.content .toggle-nav li a { display:-moz-table-cell; display:inline-block; *display:inline; *zoom:1; }
.content .toggle-nav li a { padding:6px 20px 7px; min-width:115px; border:1px solid #cfcfcf; border-left-color:transparent; text-decoration:none;
	background-color:#f8f8f8;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f4f4f4));
	background:-moz-linear-gradient(100% 100% 90deg, #f4f4f4, #fefefe);
	-webkit-box-shadow:inset 1px 0 0 #fff; -moz-box-shadow:inset 1px 0 0 #fff; box-shadow:inset 1px 0 0 #fff;
}
.content .toggle-nav li a:hover { color:#0088cc;
	-webkit-box-shadow:1px 0 0 #fff; -moz-box-shadow:1px 0 0 #fff; box-shadow:1px 0 0 #fff;
	background-color:#fcfcfc;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fafafa));
	background:-moz-linear-gradient(100% 100% 90deg, #fff, #fafafa);
}

.content .toggle-nav li a.first-child { border-left: 1px solid #cfcfcf; }

.content .toggle-nav li:first-child a {
	-webkit-border-radius:6px 0 0 6px; -moz-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px;
	-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
}
.content .toggle-nav li:last-child a { -webkit-border-radius:0 6px 6px 0; -moz-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0; }

.content .toggle-nav li a.active { color:#fff; cursor:default; text-decoration:none; border:1px solid #666;
	background:#636363;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#545454), to(#7b7b7b));
	background:-moz-linear-gradient(100% 100% 90deg, #7b7b7b, #545454);
	-webkit-box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset; -moz-box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset;  box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset;
}

.content section.manage-photos { margin-bottom:100px; }

/* captions with indicator lines */
figure.tips { position:relative; z-index:0; }
figure.tips figcaption { position:absolute; top:0; left:0; width:100%; z-index:0; }
figure.tips .tip { position:absolute; width:140px; text-align:left; z-index:0; }
figure.tips .tip-left { left:40px; }
figure.tips .tip-right { right:40px; }
figure.tips .tip.all { left:55px; top:400px; }
figure.tips .tip.save { left:330px; top:400px; }
figure.tips .tip.thousand { left:730px; top:400px; }
figure.tips .tip.stream { left:780px; top:530px; }

/* productheader */
#productheader { background:url(/v/icloud/g/images/top_gradient_divider.jpg) no-repeat 50% 100%; background-size:981px 61px; }
#productheader h2 a { text-indent:0; width:160px; }
#productheader li a { text-shadow:#fff 0 1px 0; }
#productheader ul li a { margin-left:24px; }

.overview #pn-overview a,
#features #pn-features a,
#itunes-in-the-cloud #pn-features a,
#ccm #pn-features a,
#photostream #pn-features a,
#documents #pn-features a,
#findmyiphone #pn-features a,
#findmyfriends #pn-features a,
.setup    #pn-setup    a { color:#999 !important; text-shadow:#fff 0 1px 0; }

.documents .screen { margin-left:-142px; margin-right:-142px; }
.icloud-ready .screen { margin-left:-123px; margin-right:-123px; }

/* footers
------------------------*/
.bottom-callout { width:980px; margin:18px auto 0; }
.grid2col .tile { width:484px; padding:0;
	background:#fff;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(252,252,252,1)), color-stop(60%, rgba(252,252,252,1)), to(rgba(240,240,240,1)));
	background:-moz-linear-gradient(top, rgba(252,252,252,1), rgba(252,252,252,1) 60%, rgba(240,240,240,1));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f0f0f0',GradientType=0 )";
}
.tile a { display:block; width:403px; padding:16px 30px 0 50px; color:#000; }
.tile a:hover { text-decoration:none;
	background:#efefef;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,.03)), to(rgba(0,0,0,0)));
	background:-moz-linear-gradient(top, rgba(0,0,0,.03), rgba(0,0,0,0));
}
.tile h2 { text-align:left; margin-top:6px; margin-bottom:2px; }
.tile p { font-size:1.2em; line-height:1.5em; margin-left:88px; }
.tile.last p { margin-left:124px; }
.tile a:hover span.more { text-decoration:underline; }
.tile.first a.grid2col div.last { width:310px; }
.tile.last a.grid2col div.last { width:285px; }
.tile.first a.grid2col div.last p { margin-left:0; }
.tile.last a.grid2col div.last p { margin-left:0; }
.tile.last a { padding-left:40px; width:414px; *width:413px; }

/* icloud setup promo */
#main .content .pullout-setup { position:relative; margin:0 -70px -6px; padding-top:13px; padding-bottom:44px; background:url(/v/icloud/g/features/images/pullout_setup_gradient_bottom.png) 50% 100% no-repeat; }
#main .content .pullout-setup span.top-bg { position:absolute; top:-120px; left:0; z-index:-1; display:block; width:1120px; height:134px; background:url(/v/icloud/g/features/images/pullout_setup_gradient_top.png) 0 0 no-repeat; behavior:url(/global/scripts/lib/ie7pngfix.htc); }
#main .content .pullout-setup a.block { position:relative; width:980px; margin:0 70px; padding-bottom:6px; color:#000; }
#main .content .pullout-setup .first { width:226px; padding:77px 0 20px 64px; }
#main .content .pullout-setup h2 { font-size:1.4286em; font-weight:bold; margin-bottom:5px; }
#main .content .pullout-setup p { color:#000; margin-bottom:14px; font-size:1.071em; line-height:1.4em; word-spacing:-1px; }
#main .content .pullout-setup img.right { display:block; margin:50px 40px 32px 0; }

/* legibility on iPhone and iPad */
@media only screen and (max-device-width:768px) {
	#main .content .pullout-setup h1,
	#main .content .pullout-setup p { font-size: 1.1417em; } /* changing pullout font-size to ~13.714px, which changes .content font-size to 16px */
}

/* sosumi */
.sosumi { position:relative; z-index:3; width:940px; margin:0 auto; margin-bottom:0 !important; padding:0 20px 0; }
ol.sosumi { margin-left:auto; padding-left:0; *padding-left:3px; }
.sosumi a { color:#333; }
.sosumi li { line-height:14px; padding-bottom:5px; margin-bottom:0; }
ol.sosumi li { margin-left:2em; }
.sosumi ul,
.sosumi ol,
.sosumi p { margin-bottom:0; }

.selfclear { zoom:1; }
.selfclear:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

/* page specific
------------------------*/
#overview header { padding-top:56px; padding-bottom:15px; }
#overview header .column.first { width:440px; padding:75px 0 0 64px; }
#overview header .column.first h1 { margin-bottom:26px; }
#overview header .column.first p { width:360px; font-size:1.2143em; line-height:1.3529em; color:#333; }
#overview header .column.first .more { background-image:url(/global/elements/arrows/morearrow_med_08c.gif); }

#overview header .column.last { width:612px; }
#overview header .column.last figure { display:block; position:relative; width:612px; height:581px; }
#overview header .column.last figure img { width:612px; height:558px; }
#overview header .column.last figcaption { position:absolute; left:0; bottom:37px; width:612px; text-align:center; color:#000; font-size:1.2143em; line-height:1.4em; }
#overview header .column.last .simple-nav { display:none; }

#overview header .gallery .gallery-content.gallery-movie { margin-top:-40px; }
#overview header .gallery .gallery-content.gallery-movie:after { background:none; }

#overview .buckets { padding-top:2px; background:url(/v/icloud/g/images/overview_buckets_divider_top.jpg) no-repeat 0 0; zoom:1; }
#overview .buckets .grid3col { width:auto; padding-bottom:2px; background:url(/v/icloud/g/images/overview_buckets_divider_bottom.jpg) no-repeat 0 100%; }
#overview .buckets .grid3col .column { width:326px; margin-left:0; text-align:center; border-right:1px solid #e3e3e3; }
#overview .buckets .grid3col .column.first { border-left:none; }
#overview .buckets .grid3col .column.last { width:326px; border-right:none; }
#overview .buckets .grid3col .column.last img { margin-right:2px; }
#overview .buckets a { display:block; width:326px; padding:30px 0 33px; position:relative; }
#overview .buckets a:hover { text-decoration:none; }
#overview .buckets a:hover span.more { text-decoration:underline; }
#overview .buckets .copy { display:block; min-height:130px; *height:130px; }
#overview .buckets h1 { margin-bottom:0; font-size:1.2858em; line-height:1.5em; font-color:#111; font-weight:normal; }
#overview .buckets p { margin:0 24px; color:#555; text-align:center; }
@media only screen and (max-device-width:768px) {
	#overview .buckets p { margin: 0 36px; }
}	
#overview .buckets img { display:block; margin:0 auto; }
#overview .sosumi { padding-top:18px; }

/* How to Setup pages */
.setup #main .header h1 { margin-bottom:6px; }
.setup section h2 { padding-top:55px; margin-bottom:7px; line-height:1.3em; background:no-repeat left top; }

 /* graybox */
.setup .graybox { padding:0; border:1px solid #D5D5D5; background:no-repeat left bottom #fafafa;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; 
	-webkit-box-shadow:inset rgba(0,0,0,0.4) 0 1px 3px; -moz-box-shadow:inset rgba(0,0,0,0.4) 0 1px 3px; box-shadow:inset rgba(0,0,0,0.4) 0 1px 3px;
	background:-webkit-gradient(linear, 0% 0%, 0% 120%, from(#fafafa), to(#eaeaea));
	background:-moz-linear-gradient(100% 100% 90deg, #eaeaea, #fafafa);
}
.content .graybox:nth-child(1n) { padding:1px; border:none; } /* reset border for smart browsers */
.setup .graybox .column ul li { list-style:disc inside; font-size:1.05em; line-height:1.5; color:#000; }

.setup .email { margin:70px 35px 18px; }
.setup .email div { line-height:1.5em; background-repeat:no-repeat; }
.setup .email h2 { margin-top:81px; font-size:1.15em; }

#devices .email div { min-height:344px; _height:344px; padding:40px 642px 20px 48px; background-position:right bottom; }
#mac .email { position:relative; z-index:10; margin-top:70px; }
#mac .email div { min-height:361px; _height:361px; background-position:15px 29px; padding:67px 15px 30px 661px; }

.setup #main .content { padding-top:0; }
.setup .header { margin:0 -70px; padding:55px 0; position:relative; z-index:2;
	border-bottom:1px solid #dadada;
}
.setup .header .intro { width:620px; margin:0 auto; padding-bottom:35px; }

.setup .setup-nav { position:relative; text-align:center; z-index:2; }
.setup .setup-nav ul { height:172px; text-align:center; }
.setup .setup-nav li { position:relative; width:228px; height:172px; padding:0 20px; vertical-align:top; display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; }
.setup .setup-nav a { display:block; width:228px; height:166px; padding-top:20px; font-weight:bold; text-align:center; color:#000; border:1px solid #d6d6cf;
	background:#fafafa;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ececec));
	background:-moz-linear-gradient(100% 100% 90deg, #ececec, #fff);
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.2), 0 1px 1px rgba(255,255,255,1); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.2), 0 1px 1px rgba(255,255,255,1); box-shadow:inset 0 1px 3px rgba(0,0,0,.3), 0 1px 1px rgba(255,255,255,1);
}
.setup .setup-nav a:nth-child(1n) { border:none; }
#devices .setup-nav ul li a.sn-devices,
#mac .setup-nav ul li a.sn-mac,
#pc .setup-nav ul li a.sn-pc { color:#fff; cursor:default; *border:1px solid #666;
    background:#3a3a3a;
    background:-webkit-gradient(linear, left top, left bottom, from(#999), to(#3c3c3c));
    background:-moz-linear-gradient(90deg, #3c3c3c, #999);
    -webkit-box-shadow:0 2px 12px rgba(0,0,0,.52) inset; -moz-box-shadow:0 2px 12px rgba(0,0,0,.52) inset;
}
.setup .setup-nav ul li a:hover { color:#3e3e3e; text-decoration:none; 
	background:#f6f6f6;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,1)), to(rgba(228,228,228,1)));
    background:-moz-linear-gradient(100% 100% 90deg, rgba(228,228,228,1), rgba(255,255,255,1));
}
.setup .setup-nav ul li a span { display:block; }

.setup .column img { margin-bottom:10px; }
.setup .column { width:275px; position:relative; z-index:2; }
.setup .other-devices img.center { margin-bottom:0; }

/* setup gateway */
#setup #content { padding-top:0; padding-bottom:0; }

#setup .gradient {
	background:#fdfdfd;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(249,249,249,1)));
	background:-webkit-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(249,249,249,1) 100%);
	background:   -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(249,249,249,1) 100%);
	background:        linear-gradient(top, rgba(253,253,253,1) 0%,rgba(249,249,249,1) 100%);
}

#setup a.gradient:hover {
	background:#f9f9f9;
	background:-webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(249,249,249,1)));
	background:-webkit-linear-gradient(bottom, rgba(253,253,253,1) 0%,rgba(249,249,249,1) 100%);
	background:   -moz-linear-gradient(bottom, rgba(253,253,253,1) 0%, rgba(249,249,249,1) 100%);
	background:        linear-gradient(bottom, rgba(253,253,253,1) 0%,rgba(249,249,249,1) 100%);
}
#setup .row { width:615px; padding:55px 65px 32px 300px; }
#setup a.block { color:#333; }

#setup #hero { padding-top:62px; zoom:1; }
#setup #hero .intro { margin:0 auto; color:#888; font-weight:normal; font-size:1.4257em; }
#setup #hero .scroll-tiles { padding-top:50px; padding-bottom:60px; border-bottom:1px solid #d4d4d4; }
#setup #hero .scroll-tiles li { border-bottom:1px solid #fff; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; }
#setup #hero .scroll-tiles li a { width:280px; min-height:302px; _height:302px; padding-bottom:1.4em; font-size:1.2857em; line-height:1.3333em; }
#setup #hero .scroll-tiles li a img { margin-bottom:1.4em; *margin-bottom:28px; }
#setup #hero .scroll-tiles li:first-child a img { margin-bottom:0; }
#setup #hero .scroll-tiles li a .more { font-weight:normal; font-size:.8em; }

#setup #apple-tv img.left { margin:12px 0 0 -187px; }

#setup #mobileme .row { padding-top:30px; padding-bottom:11px; }
#setup #mobileme img.left { margin:27px 0 0 -220px; }


/* iOS Devices Setup */
#devices .header p.intro { width:630px;}
#devices section { margin:0 -70px 0 40px; min-height:332px; _height:332px; padding:0 740px 22px 0; line-height:1.5em; background:no-repeat right bottom; }
#devices .step1 { margin-right:0; min-height:300px; _height:300px; padding-top:60px; padding-right:620px; background-position:right top; }
#devices .step1 h2 { width:280px; }
#devices .step2 { padding-top:40px; padding-right:715px; }
#devices .step2 .last { margin-bottom:15px; }
#devices .step3 { margin-top:89px; }
#devices .step4 { margin-top:70px; margin-bottom:24px; padding-right:743px; }
#devices .step5 { min-height:240px; _height:240px; margin-top:89px; padding-right:0; }
#devices .step5 .column.first { width:225px; }
#devices .step5 .column.last { margin-right:112px; width:492px; padding-top:33px; }
#devices .step5 ul li { float:left; width:245px; text-align:center; font-size:0.9286em; line-height:1.3846em; }
#devices .email { margin:70px 17px 18px 19px; }
#devices .email div { padding:28px 648px 32px 23px; line-height:1.5em; }
#devices .other-devices img.center { margin-bottom:6px; }

/* Mac Setup */
#mac section { margin:0 -70px 0 0; line-height:1.5em; background-repeat:no-repeat; }
#mac .step1 { min-height:389px; _height:389px; padding:62px 744px 0 38px; background-position:right 58px; }
#mac .step2 { min-height:400px; _height:400px; padding:26px 722px 0 38px; background-position:right 25px; }
#mac .step3 { min-height:431px; _height:431px; padding:70px 720px 0 38px; background-position:right 70px; }
#mac .step3 h2 { width:181px; }
#mac .step4 { margin-bottom:56px; min-height:350px; _height:350px; padding:70px 735px 0 38px; background-position:right 73px; }
#mac .step4 h2 { width:245px; }
#mac .step5 { min-height:290px; _height:290px; padding:42px 0 0 40px; }
#mac .step5 .column.first { width:225px; }
#mac .step5 .column.last { margin-right:112px; width:475px; padding-top:25px; }
#mac .step5 ul li { float:left; width:236px; text-align:center; font-size:0.9286em; line-height:1.3846em; }

/* PC Setup */
#pc .header p.intro { width:650px;}
#pc section { background-repeat:no-repeat; line-height:1.5em; }
#pc .step1 { min-height:360px; _height:360px; margin:0 -36px 0 0; padding:60px 708px 0 38px; background-position:right 62px; }
#pc .step1 h2 { width:180px; }
#pc .step2 { margin-right:40px; min-height:374px; _height:374px; padding:62px 600px 0 38px; background-position:right 60px; }
#pc .step3 { margin-right:40px; min-height:356px; _height:356px; padding:50px 595px 16px 38px; background-position:right 55px; }
#pc .step4 { margin-left:40px; min-height:280px; _height:280px; padding-top:70px; padding-right:0; }
#pc .step4 .column.first { width:225px; }
#pc .step4 .column.last { margin-right:58px; width:492px; padding-top:30px; }
#pc .step4 ul li { float:left; width:226px; text-align:center; font-size:0.9286em; line-height:1.3846em; }

/* getting started */
#get-started #main #content { padding-top:50px; padding-bottom:0; }
.get-started img.flushright { margin:20px -70px 0 0; }
.get-started h2 { margin-bottom:40px; font-size:2em; font-weight:normal; letter-spacing:-1px; color:#333; }
.get-started h3 { font-size:1.32em; margin-bottom:4px; }
.get-started h4 { font-size:1.245em; }

.get-started .hero,
.get-started section { border-bottom:1px solid #e6e6e6; }
.get-started section.flushpad { padding-top:30px; padding-bottom:30px; }
.get-started section .column.first { padding-left:45px; width:586px; }

.get-started .hero hgroup { margin-bottom:30px; }
.get-started .hero h1 { margin-bottom:18px; }
.get-started .hero p.intro { text-align:center; font-size:1.245em; }
.get-started .hero .column.first { width:470px; padding-left:45px; padding-top:85px; }
.get-started .hero img.left { margin-top:-10px; _position:relative; _z-index:1; }

.get-started .icon-lockup { margin-bottom:38px; }
.get-started .icon-lockup p { margin-left:110px; }
.get-started .callout { padding:25px 18px 8px 30px; }
.get-started .callout h4 { margin-left:81px; }
.get-started .callout p { margin-bottom:22px; margin-left:81px; font-size:1.25em; line-height:1.5em; }
.get-started img.apple-icon { margin-bottom:-1px; _position:relative; _z-index:1; }
.get-started section.appletv { padding-bottom:0; border-top:1px solid #fff; border-bottom:0; }

.get-started section.appletv img.right { margin-right:40px; }

.get-started .mac .icon-lockup p { margin-right:-40px; }

/* coming soon */
#coming-soon #content { width:820px; padding:0 80px; }
#coming-soon #content .flushpad,
#coming-soon #content .padright { padding-right:80px; }
#coming-soon #content .flushpad,
#coming-soon #content .padleft { padding-left:80px; }
#coming-soon #content .flushpad,
#coming-soon #content .flushright { margin-right:-80px; _position:relative; _z-index:1; }
#coming-soon #content .flushpad,
#coming-soon #content .flushleft { margin-left:-80px: _position:relative; _z-index:1; }

#coming-soon .gradient {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1)));
	background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
	background:   -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
	background:        linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
}
#coming-soon a.gradient:hover {
	background:#f2f2f2;
	background:-webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1)));
	background:-webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
	background:   -moz-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
	background:        linear-gradient(bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
}

#coming-soon #content .divider-down { background:url(/v/icloud/g/images/divider_down.png) no-repeat 50% 0; }
#coming-soon #content .border-top { border-top:1px solid #e0e0e0; }

#coming-soon #content .row { padding-top:58px; padding-bottom:40px; *zoom:1; }
#coming-soon #content .row:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
#coming-soon #content .row h1 .icon { *zoom:1; margin-right:15px; }
#coming-soon #content .row p { width:760px; }
#coming-soon #content .row .gallery-content p { width:auto; }

#coming-soon #content .pin { width:110px; position:absolute; z-index:3; font-size:1em; line-height:1.4em; text-align:left; }
#coming-soon #content .pin h4 { margin-bottom:0; }

#coming-soon #content .row .hero-image { margin-top:30px; }
#coming-soon .gallery .toggle-nav { margin-top:30px; }
#coming-soon .gallery .caption { padding-top:.5em; color:#777; font-size:1.2857em; text-align:center; }

#coming-soon #hero { padding:82px 0 68px; position:relative; z-index:1; }
#coming-soon #hero.icloud-hero { padding:60px 0 40px; position:relative; z-index:1; }
#coming-soon #hero .violator { position:absolute; z-index:1; top:0; left:-80px; }

#coming-soon #content #photostream .hero-image { margin-top:60px; }
#coming-soon #photostream .gallery-content img { _position:relative; _z-index:1; }
#coming-soon #photostream .gallery-photostream-1 img { margin-left:-45px; }
#coming-soon #photostream .gallery-photostream-2 img { margin-left:-40px; }
#coming-soon #photostream .gallery-photostream-2 .pin1 { bottom:55px; left:-40px; width:80px; }
#coming-soon #photostream .gallery-photostream-2 .pin2 { right:-47px; bottom:236px; width:90px; }
#coming-soon #photostream .gallery-photostream-3 img { margin-left:-32px; }
#coming-soon #photostream .gallery-photostream-3 .pin1 { right:-15px; top:148px; }

#coming-soon #content #photostream.photostream .hero-image { margin-top:40px; }

#coming-soon #osx h1 .icon { margin:0 7px 0 0; top:-3px; left:-2px; position:relative; z-index:1; }

#coming-soon .promos { width:980px; margin:18px auto 0; padding:0; }
#coming-soon .promos .block { width:auto; padding:32px 120px 24px 182px; color:#333; }
#coming-soon .promos .block h2 {margin-bottom:1px; }
#coming-soon .promos .block .icon { margin:-9px 27px 0 0; _position:relative; _z-index:1; }

#coming-soon #content #find-my-iphone { padding-bottom:17px; }
#coming-soon #content #find-my-iphone .hero-image { margin-top:-6px; }

#coming-soon #content #find-my-friends { padding-bottom:28px; padding-top:57px; }
#coming-soon #content #find-my-friends img.hero-image { margin-top:39px; }

#coming-soon #content #safari img { margin-top:-14px; }