/* Platterization
------------------------*/
html { background:#f2f2f2; width:100%; height:100%; }
body { min-height:100%; width:980px; margin:0 auto; padding:0 70px; position:relative; z-index:1; background:#fff; border:1px solid #d9d9d9; border-top:none; border-bottom:none; overflow-x:hidden; overflow-y:auto; *overflow-y:visible;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.3);
	   -moz-box-shadow:0 0 4px rgba(0,0,0,.3);
	        box-shadow:0 0 4px rgba(0,0,0,.3);
}
body:nth-child(1n) { border:none; }
body:before { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

#main,
#main #content { position:static; padding:0; background:transparent; }
#main .content,
#main #content { border:none;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	        box-shadow:none;
	-webkit-border-radius:0;
	   -moz-border-radius:0;
	        border-radius:0;
}

@media only screen and (max-width:1119px) {
	html { background:#fff; }
	body { width:980px; padding-left:22px; padding-right:22px;
		-webkit-box-shadow:none;
		   -moz-box-shadow:none;
		        box-shadow:none;
	}
}

@media only screen and (max-width:1023px) {
	body { overflow:auto; }
}

@media only screen and (max-device-width:768px) {
	body { width:1024px; padding-left:0; padding-right:0; }
	#main { overflow:hidden; width:980px; padding:0 22px; }
}

/* Globalheader adjustments */
#globalheader { margin-left: -70px; margin-right: -70px; }
/* ipad */
@media only screen and (max-device-width: 768px) {
	#globalheader { margin-left: 0px; margin-right: 0px; }
}
/* iphone */
@media only screen and (max-device-width: 767px) {
	#globalheader { margin-bottom: 1.9em; }
}


#globalfooter { clear:both; }


/* Site-wide Styles
------------------------*/
#main { margin:0 auto; position:static; }
#main .content { width:880px; margin:0 auto 18px; padding:60px 50px 32px; zoom:1; }
#main .content .content { width:auto; padding:0; }
.content:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

/* links */
a.more,
em.more,
span.more { display:inline-block; padding-right:.7em; line-height:1.71; background-image:url(https://www.apple.com/v/iwork-for-icloud/a/images/more_16.png); background-position:100% 59%; background-size:6px 11px; }

.small a.more,
.small em.more,
.small span.more { background-image:url(https://www.apple.com/v/iwork-for-icloud/a/images/more_14.png); background-size:5px 9px; }

@media only screen {
	a.more,
	em.more,
	span.more,
	.small a.more,
	.small em.more,
	.small span.more { background-image:url(/v/iwork-for-icloud/a/images/more.svg); }

}

/* fonts */
.content { font-size:1.167em; line-height:1.4285em; word-spacing:-1px; } /* 14px/20px */
.content h1 { font-size:1.7142em; line-height:1.1666em; margin-bottom:10px; font-weight:normal; } /* 24px/28px */
.content h2 { font-size:1.2857em; line-height:1.3888em; margin-bottom:7px; } /* 18px/25px */
.content h3 { font-size:1.1428em; line-height:1.25em; margin-bottom:7px; }/* 16px/20px */
.content h4 { font-size:1em; margin-bottom:7px; } /* 14px/20px */

.content h1 img,
.content h2 img { display:block; margin:0; }

.content .title,
.content .title h1,
.content .title h2 { line-height:1.2142em; font-weight:normal; }

.content .title { font-size:2em; margin-bottom:10px; }
.content .title h1,
.content .title h2 { font-size:1em; margin-bottom:0; }
.content .title h2 { color:#898989; }

.content .small { font-size:.8571em; line-height:1.5em; } /* 12px/18px */
.content .intro { font-size:1.2857em; line-height:1.3888em; color:#888; font-weight:normal; } /* 18px/25px */
.content .caption { color:#666; }

.content .hero h1 { margin-bottom:2px; }

body.specs #main { font-size:1em; line-height:1.4286em; }

/* layout */
.content .row { padding-top:50px; padding-bottom:100px; }

.content .column { *display:inline; }

.content .block { display:block; }
.content .inline { display:inline; }
.content .left { float:left; }
.content .right { float:right; }
.content .center { display:block; margin-right:auto; margin-left:auto; text-align:center; }

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

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

.content img.flushleft { margin-left:-103px; margin-bottom:0; }
.content img.flushright { margin-right:-103px; margin-bottom:0; }

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

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

.content .flushtop,
.content .flushbottom,
.content .flushright,
.content .flushleft,
.content .relative { *position:relative; *z-index:1; *zoom:1; }

/* links */
.content a { cursor:pointer; }
.content a.block { color:#000; }
.content a.wrap { text-decoration:none; }
.content a.wrap:hover span { text-decoration:underline; cursor:pointer; } /* investigate styles for 2 line .more links */

/* aesthetic */
.content .shadow { border:1px solid #ccc; -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.4); -moz-box-shadow:0 1px 4px rgba(0,0,0,0.4); box-shadow:0 1px 4px rgba(0,0,0,0.4); }
.content .inset { border:1px solid #ccc; -webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,0.4); -moz-box-shadow:inset 0 1px 4px rgba(0,0,0,0.4); box-shadow:inset 0 1px 4px rgba(0,0,0,0.4); }

.content .shadow:nth-child(1n),
.content .inset:nth-child(1n) { border:none; }

.content .gradient {
	background:#f2f2f2;
	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:     -o-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%);
}

/* product header */
#productheader { position:relative; z-index:1; border-bottom:1px solid #e6e6e6;
	background:-webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%, #f4f4f4), color-stop(100%, #fff));
	background:-webkit-radial-gradient(50% 100%, ellipse farthest-side, rgba(244,244,244,1) 0%, rgba(244,244,244,0) 100%);
	background:   -moz-radial-gradient(50% 100%, ellipse farthest-side, rgba(244,244,244,1) 0%, rgba(244,244,244,0) 100%);
	background:     -o-radial-gradient(50% 100%, ellipse farthest-side, rgba(244,244,244,1) 0%, rgba(244,244,244,0) 100%);
	background:        radial-gradient(50% 100%, ellipse farthest-side, rgba(244,244,244,1) 0%, rgba(244,244,244,0) 100%);
}
#productheader:after { position:absolute; z-index:1; display:block; content:''; bottom:-1px; width:980px; height:1px;
	background:-webkit-gradient(linear, left top, right top, color-stop(0%, #f4f4f4), color-stop(50%, #e6e6e6), color-stop(100%, #f4f4f4));
	background:-webkit-linear-gradient(left, #f4f4f4 0%, #e6e6e6 50%, #f4f4f4 100%);
	background:   -moz-linear-gradient(left, #f4f4f4 0%, #e6e6e6 50%, #f4f4f4 100%);
	background:     -o-linear-gradient(left, #f4f4f4 0%, #e6e6e6 50%, #f4f4f4 100%);
	background:        linear-gradient(left, #f4f4f4 0%, #e6e6e6 50%, #f4f4f4 100%);
}
#productheader h2 a { text-indent:0; }
#productheader li a { text-shadow:#fff 0 1px 0; }
#productheader ul li a { margin-left:24px; }

#section #pn-section a,
#section #pn-section a,
#section #pn-section a,
#section #pn-section a,
#section #pn-section a,
#section #pn-section a,
#section #pn-section a { color:#999 !important; cursor:default; }


/* Footers
------------------------*/

/* sosumi */
.sosumi { width:940px; margin:18px auto; padding:0 20px; }
.sosumi a { color:#333; }
.sosumi ol { margin:0; padding-right:21px; padding-left:21px; }
.sosumi ul { margin:0; }
.sosumi li { padding-bottom:5px; }
.sosumi p { margin:0; padding-bottom:5px; }
.sosumi small { font-size:1em; }
ol.sosumi { width:898px; margin:18px auto; }



/* Page Specific
------------------------*/
body#overview #content { padding-top:36px; }

body#overview .divider-down { padding-bottom:80px; border-top:1px solid #e2e2e2; background:url(https://www.apple.com/v/iwork-for-icloud/a/images/divider_down.png) 0 0 no-repeat; }

body#overview .row { width:914px; padding-top:57px; border-top:1px solid #e2e2e2; }
body#overview .row .icon { margin-bottom:15px; }
body#overview .row .intro { margin:0 auto 52px; text-align:center; font-size:1.286em; color:#555; }
body#overview .row .hero .caption { width:575px; margin:0 auto; text-align:center; font-size:1em; color:#888; }

body#overview .hero { padding-bottom:64px; }
body#overview .hero h1 { margin-top:18px; }
body#overview .hero.spacing h1 { margin:14px 0; }
body#overview .hero h2 { position:relative; z-index:1; margin-top:-6px; margin-bottom:20px; }
body#overview .hero.spacing h2 { margin-bottom:14px; }
body#overview .hero .intro { width:720px; margin-bottom:14px; font-size:1.3em; color:#555; }
body#overview .hero .more { margin-bottom:35px; font-size:1.143em; }
body#overview .hero .more.first-link { margin-bottom:0; }
body#overview .hero .heroimg img { position:relative; z-index:1; margin:0 -120px; }
body#overview .hero .heroimg .caption { position:relative; z-index:2; width:auto; margin-top:-14px; padding:0 17px; font-size:0.857em; color:#888; }

body#overview .collaboration h1 { position:relative; z-index:1; margin:16px -33px 12px; }
body#overview .collaboration .intro { width:840px; }
body#overview .collaboration .intro.narrower { width:780px; }

body#overview .pages .intro { width:734px; }
body#overview .pages .hero { padding-bottom:66px; }
body#overview .pages .templates { padding-bottom:80px; }
body#overview .pages .templates .column.last { position:relative; z-index:1; width:380px; margin-right:-13px; padding-top:148px; }
body#overview .pages .editing { padding-bottom:66px; }
body#overview .pages .editing .column.first { position:relative; z-index:2; width:362px; padding-top:142px; }
body#overview .pages .editing img.right { position:relative; z-index:1; margin-left:-60px; }
body#overview .pages .formatting .column.last { position:relative; z-index:1; width:370px; margin-right:-3px; padding-top:114px; }

body#overview .numbers h2 { margin-left:-2px; }
body#overview .numbers .intro { width:770px; }
body#overview .numbers .hero { padding-bottom:76px; }
body#overview .numbers .hero .caption { width:755px; }
body#overview .numbers .figures { padding-bottom:77px; }
body#overview .numbers .figures .column.last { position:relative; z-index:1; width:372px; margin-right:-6px; padding-top:152px; }
body#overview .numbers .templates { padding-bottom:77px; }
body#overview .numbers .templates .column.first { width:367px; padding-top:128px; }
body#overview .numbers .tables img.left { position:relative; z-index:1; margin-right:-50px; }
body#overview .numbers .tables .column.last { position:relative; z-index:2; width:360px; padding-top:143px; padding-right:6px; }

body#overview .keynote .intro { width:727px; }
body#overview .keynote .hero { padding-bottom:70px; }
body#overview .keynote .hero .caption { width:672px; }
body#overview .keynote .themes { padding-bottom:78px; }
body#overview .keynote .themes .column.first { width:353px; padding-top:141px; }
body#overview .keynote .graphics { padding-bottom:76px; }
body#overview .keynote .graphics .column.last { position:relative; z-index:1; width:367px; margin-right:-1px; padding-top:134px; }
body#overview .keynote .anywhere .column.first { position:relative; z-index:2; width:360px; padding-top:103px; }
body#overview .keynote .anywhere img.right { position:relative; z-index:1; margin-left:-30px; }

body#overview .msoffice .intro { width:800px; }
body#overview .msoffice .hero { padding-bottom:0; }

body#overview .comingsoon { padding-bottom:7px; }
body#overview .comingsoon .intro { width:825px; }

body#overview .additional { width:680px; padding:0 100px 43px; }
body#overview .additional h3 { margin-bottom:10px; font-size:1.286em; }
body#overview .additional p { width:330px; margin-bottom:22px; }
body#overview .additional img.right { margin:0; }

body#overview .footer-wrapper { margin-left:-70px; margin-right:-70px; padding-bottom:0; }
body#overview .footer-wrapper .devices { width:980px; padding-top:0; margin:30px auto 0; font-size:1em; }
body#overview .footer-wrapper .devices .column { width:436px; padding:30px 25px 48px 28px; }
body#overview .footer-wrapper .devices .column figure { position:relative; z-index:1; float:right; text-align:center; color:#666; font-size:11px; line-height:15px; }
body#overview .footer-wrapper .devices .column figure img { position:relative; z-index:1; margin-bottom:-5px; }
body#overview .footer-wrapper .devices .column.first { border-right:1px solid #eaeaea; }
body#overview .footer-wrapper .devices .column.first figure { width:226px; margin-right:-5px; margin-left:15px; }
body#overview .footer-wrapper .devices .column.last figure { width:240px; margin-right:-2px; margin-left:10px; }
body#overview .footer-wrapper .devices .column.last figure figcaption { padding:0 28px; }
body#overview .footer-wrapper .devices .column.last .more { position:relative; z-index:1; display:inline-block; margin-right:-20px; }
body#overview .footer-wrapper .devices ul li { display:inline; padding:0 6px; border-right:1px solid #333; }
body#overview .footer-wrapper .devices ul li.first { padding-left:0; }
body#overview .footer-wrapper .devices ul li.last { border-right:none; }

@media only screen and (max-device-width:768px) {
	body#overview .footer-wrapper { margin:0; }
}
