html, body { background: #f2f2f2; }

#productheader h1 { width:50%; }
#productheader h1 a img { display:block; }

#main { width: 980px; }
#main .content { background: #fff; font-size: 14px; line-height: 21px; padding: 50px 50px 10px; }

#main .hero { text-align: center; padding: 0 35px 15px; }
#main .hero p.intro { color: #888; font-size: 18px; line-height: 23px; margin-bottom: 27px; }

#main h1 { margin-bottom: 0; }
#main h2 { margin-bottom: 1.5em; font-size: 1.29em; line-height: 1.2em; text-align: center; }
#main h4 { font-size: 1.14em; line-height: 1.375em; margin-bottom: .5em; }
#main h4.new { float:left; padding-right:35px; background:url(/global-cn/elements/buttons/new_icon.png) no-repeat 100% 50%; }

#main .right { float: right; }
#main .left { float: left; }
#main .flushright { margin-right: -50px; _position: relative; }
#main .flushleft { margin-left: -50px; _position: relative; }

#main a.block { display: block; color: inherit; text-decoration: none; }
#main a.block * { cursor: pointer; }
#main a.block span.more { color: #08c; white-space: nowrap; padding-right: 10px; background: url(/global-cn/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; *background-position: 100% 60%; }
#main a.block:hover span.more { text-decoration: underline; }
#main h2 .more { padding-right:.8em; background:url(/global-cn/elements/arrows/morearrow_big_08c.gif) no-repeat 100% 60%; }
@media only screen { 
		#main h2 .more.morelarge { background-image:url(/global-cn/elements/arrows/morearrow_big_08c.svg); }
}

#main .callout { clear: both; margin:0 0 3em; border: 1px solid #dbdbdb; color: #000; font-size:14px; line-height:1.45; background:#f7f7f7;
	-webkit-box-shadow:inset rgba(0,0,0,0.20) 0 2px 3px; -moz-box-shadow:inset rgba(0,0,0,0.20) 0 2px 3px; box-shadow:inset rgba(0,0,0,0.20) 0 2px 3px;
}
#main .callout:nth-child(1n) { border: none; } /* reset border for smart browsers */

#main .section { padding-top: 60px; }
#main .section-divider { width: auto; margin-left: -50px; margin-right: -50px; padding-left: 50px; padding-right: 50px; _position: relative; background: url(/mac/facetime/images/facetime_section_gradient20101020.png) repeat-x; }

.sosumi { width:960px; margin:0 auto; padding:18px 10px 0; }



/* overview */
#overview .further img.flushright { margin-left: -100px; }
#overview .further .column.first { width: 39%; padding-top: .75em; }
#overview .further h4 { padding-top: 80px; }

#overview .views .column.first { margin-left: -50px !important; width: 492px; }
#overview .views .column.last { width: 336px; }

#overview .calling { padding-top: 100px !important; }
#overview .calling .column.first { width: 380px; }
#overview .calling .column.last { width: 466px; }
#overview .calling .column.last img { margin: -50px 0 -20px 30px; *position: static; }

#overview .ringing img.flushleft { margin-right: -100px; }
#overview .ringing .column.last { width: 322px; padding-top: 70px; position: relative; }

#overview .everywhere .column.first { width: 370px; padding-top: 66px; }

#overview .hd { padding-top: 80px; }
#overview .hd .column.first img { margin-top: -40px; margin-right: -98px; *position: relative; }
#overview .hd .column.last { padding-right: 30px; width: 350px; }