/* numbers */

#hero { width: 880px; }

#content .row { clear: both; padding-bottom: 4em; width: 880px; zoom:1; *padding-bottom:0; }
#content .row h2,
#content .row h3,
#content .row p { width: 420px; }

#content .row.pic_left img { float: left; }
#content .row.pic_left h2 { float:right; margin-bottom: 1em; }

#content .row.pic_right h2,
#content .row.pic_right h3,
#content .row.pic_right p { margin-right: 37px; _margin-right: 0; }
#content .row.pic_right h2 { margin-bottom: 0.6em; }
#content .row.pic_right img { float: right; }

#content .row .callout h2,
#content .row .callout h3,
#content .row .callout p { float: none; width: auto; margin-left: 137px; margin-right: 0; }

#content .row .callout a.thumb img { float: none;  }

/* what is numbers */
#whatis.numbers #hero { min-height:415px; _height:415px; padding-top:21px; background-image:none;  }
#whatis #hero h1 { width:auto; text-align:center; behavior:url(/global/scripts/lib/iepngfix.htc); }
#whatis #hero h2 { padding-top:30px; }
#whatis #hero p.intro { width: 325px; margin-top:-8px; }
#whatis #hero img.hero-img { position: absolute; top:120px; z-index:1; right:0; }
#whatis #hero h2,
#whatis #hero p { position: relative; z-index: 2; }

#whatis #main { width:980px; padding:0; background-color:#fff; background-image:none; }
#whatis #main .grid5col { border-top: 1px solid #e4e4e4; margin: 0 auto; width: 880px; }
#whatis #content .row { padding-top: 48px; }

#whatis #content #spreadsheet { padding-top: 50px; }
x#whatis #content p.backtotop { clear:both; }
#whatis #content div.pic_left .copy { float:right; }
#whatis #content div.pic_right .copy { float:left; }
#whatis #content #share { position:relative; zoom:1; }
#whatis #content #share .callout { clear:right; float:right; margin: 36px 24px 25px 0; _margin-right:10px; }
#whatis #content #chart img.flushleft { margin-top:56px; }
#whatis #content #share h2 { padding-top:30px; }
#whatis #content #formulas img.flushleft { margin-top:65px; }
/* functions */
body.functions #content { padding:42px 50px 100px; }
body.functions hr { position:relative; display:block; clear:both; width:100%; height:1px; margin:1.8em 0; border:none; border-bottom:1px solid #e5e5e5; background:#fff; }

body.functions div#hero { text-align:center; }
body.functions div#hero h1 { margin:0; font: 45px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; font-weight: normal; text-align:center; }
body.functions div#hero p.intro { font-size: 21px; line-height: 26px; margin: 0 200px; }

body.functions div#categories h3 { margin:1em 0; }

body.functions div.grid4col, body.functions div.grid5col { width:880px; }
body.functions div.grid5col .column a { display:block; color:#666; }
body.functions div.grid5col .column a:hover { color:#08c; text-decoration:none; }

body.functions div.grid4col { margin-top:50px; }
body.functions div.grid4col hr { padding-top:36px; margin-bottom:18px; }
body.functions div.grid4col .column p { border-top:1px solid #e5e5e5; }
body.functions div.grid4col .column h4.new { background:url(/iwork/numbers/images/funtions-new-20090106.gif) right no-repeat; display:inline; padding-right:24px; }

/* Anchor List */
.anchorlist .column.last { width:19%; }
.anchorlist .column.first img { margin-left:15px; }

