#main #content { padding-top:45px; }

.content .hero .intro { margin-top:-7px; margin-left:auto; margin-right:auto; margin-bottom:41px; font-size:1.2857em; line-height:1.3333em; }

.content section { margin-bottom:50px; }
.content section.last,
.content section section { margin-bottom:0; }
.content .row { zoom:1; }
.content .row:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

.paddleft { padding-left:190px; }
.paddright { padding-right:190px; }

.content .headline-icon { height:65px; *position:relative; *z-index:2; }
.content .headline-icon img { margin:0 20px 0 0; float:left; }
.content .headline-icon div.headline { display:table-cell; vertical-align:middle; *position:absolute; *z-index:2; *top:50%; }
.content .headline-icon div.headline h1 { *position:relative; *z-index:2; *top:-50%; margin-bottom:0; font-size:2em; font-weight:normal; line-height:1.1em; }
.content .headline-icon p { *position:relative; *z-index:2; *top:-50%; width:735px; margin:5px 0 0; }

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

.content figure img { display:block; }
.content figure figcaption.large { padding:20px 0; text-align:center; }
.content figure figcaption.large p { font-size:1.2857em; line-height:1.3333em; color:#666; }

/* ipad hardware */
.hardware-ipad { position:relative; z-index:1; width:980px; height:354px; background:url(/v/icloud/g/images/hardware_ipad.jpg) 50% 0 no-repeat; }
.hardware-ipad img { position:absolute; z-index:1; top:63px; left:154px; }
.hardware-ipad .gallery-content,
.hardware-ipad .gallery-view { width:980px; height:354px; z-index:1; }
.content .hardware-ipad figure figcaption { position:absolute; display:block; margin:0 auto; padding:0; width:100%; bottom:-45px; font-size:1em; }

.hardware-iphone-ipad { position:relative; z-index:1; width:980px; height:690px !important; }
.hardware-iphone-ipad .gallery-content,
.hardware-iphone-ipad .gallery-view { width:980px; height:690px; z-index:1; }
.hardware-iphone-ipad img { margin-left:20px; }
.content .hardware-iphone-ipad figure figcaption { margin:-29px auto 0; padding:0; width:100%; font-size:1em; text-align:center; }

/* toggle navs */
.content .toggle-nav { position:relative; z-index:2; margin:20px auto 25px; font-size:14px; text-align:center; }
.content .toggle-nav ul { margin:0 auto; }
.content .toggle-nav li { width:190px; }
.content .toggle-nav li,
.content .toggle-nav li a { display:inline-block; display:-moz-table-cell; *display:inline; *zoom:1; vertical-align:top; }
.content .toggle-nav li:first-child a { border:1px solid #cfcfcf; -moz-border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px; }
.content .toggle-nav li:last-child a { -moz-border-radius:0 6px 6px 0; -webkit-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0; }
.content .toggle-nav li a { width:100%; margin:0 auto; padding:8px 0 9px; border:1px solid #cfcfcf; font-size:14px; text-align:center; text-decoration:none;
	-moz-box-shadow:1px 0 0 #fff; -webkit-box-shadow:1px 0 0 #fff; box-shadow:1px 0 0 #fff inset;
	background-color:#f8f8f8;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f4f4f4));
	background:-moz-linear-gradient(100% 100% 90deg, #fefefe, #f4f4f4);
}
#main .toggle-nav li a:hover { color:#0088cc;
	-moz-box-shadow:1px 0 0 #fff; -webkit-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);
}
#main .toggle-nav li a.active { color:#fff; cursor:default; text-decoration:none; border:1px solid transparent; *border:1px solid #636363;
	-moz-box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset; -webkit-box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset; box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset;
	background:#636363;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#545454), to(#7b7b7b));
	background:-moz-linear-gradient(100% 100% 90deg, #7b7b7b, #545454);
}

#main .clipboard { margin:14px 0 0 0; border:1px #ccc solid; border-top-color:#e5e5e5; border-bottom-width:2px;
	background:#f2f1f1;
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(248,248,248)),color-stop(1, rgb(231,230,230)));
	background-image:-moz-linear-gradient(center top,rgb(248,248,248) 0%,rgb(231,230,230) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e7e6e6',GradientType=0 );
	-webkit-box-shadow:0 3px 5px rgba(0,0,0,.5); -moz-box-shadow:0 3px 5px rgba(0,0,0,.5); box-shadow:0 3px 5px rgba(0,0,0,.5);
}
#main .content .clipboard:nth-child(1n) { border:2px #fff solid; }
#main .content .clipboard .paper { width:236px; position:relative; z-index:2; margin:30px auto 20px; padding:39px 35px 20px; background:#eee no-repeat 50% 100%; background-size:100% 436px; background-image:-webkit-gradient(linear,right bottom,left top,color-stop(0, #FFFFFF),color-stop(0.26, #E1E1E1),color-stop(0.6, #F1F1F1),color-stop(1, #F1F1F1)); background-image:-moz-linear-gradient(right bottom,#FFFFFF 0%,#E1E1E1 26%,#F1F1F1 60%,#F1F1F1 100%); -webkit-box-shadow:0 1px 2px rgba(0,0,0,.25), inset 0 20px 20px rgba(0,0,0,.02); -moz-box-shadow:0 1px 2px rgba(0,0,0,.25), inset 0 20px 20px rgba(0,0,0,.02); box-shadow:0 1px 2px rgba(0,0,0,.25), inset 0 20px 20px rgba(0,0,0,.02); border:1px solid #dadada; border-top-color:#e1e1e1; border-bottom-width:2px; border-bottom-color:#cfcfcf; }
#main .content .clipboard .paper:nth-child(1n) { border:none; margin-bottom:33px; }
#main .content .clipboard .paper .clip { position:absolute; z-index:2; left:50px; top:-86px; }
#main .content .clipboard .paper:after { content:" "; width:306px; height:12px; position:absolute; z-index:2; left:0; bottom:-12px; background:url(/v/icloud/g/features/images/clipboard_shadow.png) no-repeat; }
#main .content .clipboard h1 { margin-bottom:20px; font-size:20px; line-height:1em; word-spacing:-1px; }
#main .content .clipboard ul { padding:0; margin:0; list-style:none outside; }
#main .content .clipboard ul li { padding:0 10px 12px 30px; background:url(/v/icloud/g/features/images/clipboard_check.png) no-repeat; }


/* page specific
------------------------*/

/* itunes */
#itunes-in-the-cloud #main .content { width:980px; padding-right:0; padding-left:0; }
#itunes-in-the-cloud .content { font-size:1.167em; line-height:1.4285em; word-spacing:-1px; } /* 14px/20px */
#itunes-in-the-cloud .content h1 { font-size:1.7142em; line-height:1.1666em; margin-bottom:5px; font-weight:normal; } /* 24px/28px */
#itunes-in-the-cloud .content h2 { font-size:1.2857em; line-height:1.3888em; margin-bottom:7px; } /* 18px/25px */
#itunes-in-the-cloud .content h3 { font-size:1.1428em; line-height:1.25em; margin-bottom:7px; }/* 16px/20px */
#itunes-in-the-cloud .content h4 { font-size:1em; margin-bottom:7px; } /* 14px/20px */
#itunes-in-the-cloud .content figure figcaption { margin:0; line-height:1.3888em; }
#itunes-in-the-cloud .content figure figcaption h4 { margin-bottom:0; }
#itunes-in-the-cloud .content figure figcaption p { font-size:1em; }

#itunes-in-the-cloud .hero { padding-bottom:50px; }
#itunes-in-the-cloud .hero h1 { font-size:1.1417em; line-height:1.4em; }
#itunes-in-the-cloud .hero .intro { width:765px; }
#itunes-in-the-cloud .hero figure img.center { margin-top:43px; }
#itunes-in-the-cloud .hero figure .caption { text-align:center; font-size:1.2857em; }
#itunes-in-the-cloud .hero figure .caption.first { margin-right:-90px; width:518px; }
#itunes-in-the-cloud .hero figure .caption.last { width:501px; }

#itunes-in-the-cloud #purchases { padding:0 180px; margin-bottom:0; }
#itunes-in-the-cloud #purchases img.right { margin:0 -80px 0 20px; }
#itunes-in-the-cloud #purchases figure { position:relative; z-index:1; margin-left:-180px; margin-right:-180px; font-size:.875em; }
#itunes-in-the-cloud #purchases figure img.center { position:relative; z-index:1; margin-top:50px; }
#itunes-in-the-cloud #purchases figure figcaption { padding:0; font-size:1em; text-align:left; }
#itunes-in-the-cloud #purchases figure figcaption .caption { position:absolute; z-index:2; width:114px; _width:140px; }
#itunes-in-the-cloud #purchases figure figcaption .caption.right { right:40px; top:96px; padding-left:67px; }
#itunes-in-the-cloud #purchases figure figcaption .caption.left { left:40px; top:119px; width:130px; padding-right:62px; }
#itunes-in-the-cloud #purchases figure figcaption .caption.below { padding-top:7px; border-top:1px solid #7f7f7f; }
#itunes-in-the-cloud #purchases p.purchase-history { margin-right:30px; }

#itunes-in-the-cloud #itunes-match { position:relative; z-index:1; padding:70px 120px 45px; }
#itunes-in-the-cloud #itunes-match figure { position:relative; z-index:1; font-size:.875em; }
#itunes-in-the-cloud #itunes-match figure img.center { position:relative; z-index:1; margin-left:-60px; }
#itunes-in-the-cloud #itunes-match figure figcaption { padding:0; font-size:1em; }
#itunes-in-the-cloud #itunes-match figure figcaption .caption { position:absolute; z-index:2; width:146px; }
#itunes-in-the-cloud #itunes-match figure figcaption .caption.right { right:-50px; bottom:19px; }
#itunes-in-the-cloud #itunes-match figure figcaption .caption.left { left:0px; top:60px; width:262px; }

/* photostream */
#photostream .content h1 { font-size:1.65em; font-weight:normal; } /* consider making this global? */

#photostream .paddleft { padding-left:250px; }
#photostream .paddright { padding-right:250px; }

#photostream .paddleft .flushleft { margin-left:-250px; }
#photostream .paddright .flushright { margin-right:-250px; }

#photostream figure figcaption { padding:0; }
#photostream .captions { position:relative; z-index:1; }
#photostream .captions .caption { position:absolute; z-index:1000; width:79px; text-align:left; }
#photostream .captions .caption.left { left:86px; }
#photostream .captions .caption.right { left:970px; }
#photostream .captions .caption p { font-size:.8571em; line-height:1.5em; color:#666; }

#photostream .hero h1 { font-size:1.1417em; }
#photostream .hero .intro { width:730px; margin-bottom:42px; }

#photostream .sync { margin-bottom:5px; }
#photostream .sync figcaption { margin-top:-72px; padding-top:70px; padding-bottom:45px; position:relative; text-align:center; }
#photostream .sync figcaption .first { position:relative; z-index:2; width:414px; margin-top:-92px; padding-left:143px;  }
#photostream .sync figcaption .last { width:370px; padding-right:39px; }


#photostream .my-stream h1 { margin-bottom:0; }
#photostream .my-stream figure img,
#photostream .my-stream h1 img { margin:0; }
#photostream .my-stream img { margin:20px 0 62px; }
#photostream .my-stream .widen { width:653px; }

#photostream .my-stream img.right { margin:10px 10px 16px; _position:relative; _z-index:2; }

#photostream .my-stream .all-photo { margin-top:34px; margin-bottom:106px; }
#photostream .my-stream .all-photo img { padding-bottom:87px; }
#photostream .my-stream .all-photo .caption { bottom:0; padding-left:10px; }
#photostream .my-stream .all-photo .caption p { margin-bottom:0; }
#photostream .my-stream .all-photo .caption.thousand { left:108px; width:208px; padding-left:11px; }
#photostream .my-stream .all-photo .caption.thousand .pinline { position:absolute; left:0; bottom:0; display:block; width:40px; height:249px; border-left:1px solid #acacac; border-top:1px solid #acacac; }
#photostream .my-stream .all-photo .caption.save { left:360px; width:340px; padding-top:21px; border-left:1px solid #acacac; }
#photostream .my-stream .all-photo .caption.all { left:782px; width:225px; padding-top:65px; border-left:1px solid #acacac; }


#photostream .shared { margin-bottom:78px; padding-top:20px; }
#photostream .shared .audience p.widen { width:665px; }
#photostream .shared .audience img.stream { position:relative; z-index:1; margin:13px -98px 100px; }

#photostream .shared .comments p.widen { width:657px; }
#photostream .shared .comments .gallery { padding-top:10px; }
#photostream .shared .comments .gallery-comments-comments .one { bottom:81px; }
#photostream .shared .comments .gallery-comments-comments .two { bottom:265px; width:90px; }
#photostream .shared .comments .gallery-comments-web .one { top:179px; width:92px; }
#photostream .shared .comments .toggle-nav li { width:235px; }

#photostream .homebase { margin-bottom: 24px; }
#photostream .homebase img.flushleft { margin-top:14px; }

#photostream .appletv { position:relative; z-index:2; margin-bottom:110px; }
#photostream .appletv p.widen { width:638px; }
#photostream .appletv figure { margin-top:43px; }
#photostream .appletv figure .stream { top:549px; left:750px; width:212px; }

@media only screen and (max-device-width:768px) {
	#photostream .appletv { padding-right:170px; }
}

/* documents */
#documents .hero { padding-top:10px; }
#documents .hero p.intro { width:730px; }
/* gallery */
#documents .hero .gallery { width:1005px; margin:0 -12px; padding-top:22px; }
#documents .hero .gallery .gallery-content,
#documents .hero .gallery .gallery-view { height:516px; }
#documents .hero .gallery .gallery-content img { margin:0 auto; }
#documents .hero .gallery p.caption { width:715px; margin:0 auto; font-size:1em; }
#documents .hero .gallery .document-iwork p.caption { width:680px; }
#documents .hero .toggle-nav { margin-top:5px; }

#documents .section h2 { margin-bottom:6px; font-size:1.2em; }
#documents .section p { font-size:1em; line-height:1.5em; }
#documents .section.paddright { padding-right:200px; }
#documents .section.paddleft { padding-left:226px; }
#documents .section .screen { padding-top:17px; }

#documents .documents { padding-top:46px; }
#documents .documents .screen { margin-left:-107px; }

#documents .icloud-ready { position:relative; z-index:2; padding-top:2px; margin-bottom:40px; }
#documents .icloud-ready .screen { margin-left:-117px; }
#documents .icloud-ready p { zoom:1; }

/* contacts, calendar, and mail */
#ccm .hero .intro { width:713px; margin-bottom:70px; }

#ccm .calendar figure { padding-bottom:24px; }
#ccm .calendar figcaption.first { width:410px; }
#ccm .calendar figcaption.last { width:445px; }

#ccm .mail img.left { margin:0 0 30px 55px; }
#ccm .mail hgroup { position:relative; z-index:3; }

#ccm .contacts { padding-top:48px; padding-bottom:8px; }
#ccm .contacts .last { padding-top:15px; width:352px; }
#ccm .contacts img.left { margin:0 0 0 55px; }

#ccm .snr { margin-bottom:74px; }

#ccm .dotcom { position:relative; z-index:2; }
#ccm .dotcom img.center { margin-bottom:31px; }
#ccm .dotcom .column { padding-top:80px; width:310px; }

@media only screen and (max-device-width:768px) {
	#ccm .hero .intro { width:730px; }
	#ccm .mail p { width:630px; }
}

/* find my friends */
#findmyfriends h1 { font-size:2em; font-weight:500; letter-spacing:-1px; }
#findmyfriends p.intro { width:755px; padding-bottom:28px; }
#findmyfriends figcaption { font-size:1em; }

#findmyfriends .fade-gallery { position:relative; }
#findmyfriends #main .toggle-nav { margin:13px auto 25px; }

#findmyfriends header hgroup { padding-bottom:28px; }
#findmyfriends header hgroup .intro { padding-bottom:37px; }
#findmyfriends header h1 { font-size:1.1417em; }

#findmyfriends #good-friends,
#findmyfriends #your-rules { zoom:1; padding-top:45px; border-top:1px solid #d4d4d4; }

#findmyfriends #app { margin-bottom:95px; }
#findmyfriends #app h2,
#findmyfriends #app p { margin:0 auto; width:720px; }

#findmyfriends #good-friends p.intro { width:670px; }

#findmyfriends #your-rules { position:relative; z-index:2; }
#findmyfriends #your-rules p.intro { width:600px; }
#findmyfriends #your-rules figcaption { left:0; bottom:-65px; margin:0 70px; width:840px; line-height:1.5714em; text-align:center; }
#findmyfriends #your-rules .toggle-nav { margin-top:90px; }

/* find my iphone */
#findmyiphone .hero { padding:10px 0 0; }
#findmyiphone .hero p.intro { margin-bottom:52px; width:720px; }

#findmyiphone .device { margin:-13px 0 30px; }
#findmyiphone .device .padleft { padding-left:148px; }
#findmyiphone .device .padright { padding-right:187px; }
#findmyiphone .device .padleft a.more { margin-right:50px; }

#findmyiphone .device .missing { padding-bottom:51px; }
#findmyiphone .device .missing p { line-height:1.5em; }

#findmyiphone .device .gallery figcaption { position:static; margin:0 auto; padding:377px 0 0; width:820px; font-size:1.2em; text-align:center; }
#findmyiphone .device .gallery .gallery-device-wipe figcaption { width:675px; }
#findmyiphone .device .gallery .gallery-device-found figcaption { width:570px; }
#findmyiphone .device .gallery figcaption p { margin-bottom:0; }
#findmyiphone .device .gallery .gallery-content,
#findmyiphone .device .gallery .gallery-view { width:980px; height:417px; z-index:1; }
#findmyiphone .device .gallery .toggle-nav { margin-top:17px; }