/* ---- BUILT FILE. DO NOT MODIFY THIS DIRECTLY. ---- */
body { position: relative; z-index: 1; width: 100%; min-height: 100%; min-width: 1024px; background: #fff; }
body:nth-child(1n) { border: none; }
body:before { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

#content { width: 980px; margin: 0 auto; padding: 0; position: static; zoom: 1; }

@media only screen and (max-device-width: 768px) { body { width: 1024px; padding: 0; }
  #main { overflow: hidden; } }
#main .content .content { width: auto; padding: 0; }

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

#main { overflow: hidden; }
#main .content, #main #content { background: transparent; box-shadow: none; border: none; border-radius: 0; }
#main .flushpad, #main .flushright, #main .flushleft, #main .relative { _position: relative; _z-index: 1; _zoom: 1; }
#main #hero, #main .row { zoom: 1; }
#main .row { width: 980px; margin: 0 auto; }
#main #hero:after, #main .row:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

.main { font-size: 1.3334em; line-height: 1.5715; color: #404040; }
.main h1 { font-size: 1.7142em; line-height: 1.1666; margin-bottom: 10px; font-weight: normal; }
.main h2 { font-size: 1.3em; line-height: 1.3888; margin-bottom: 10px; }
.main h3 { font-size: 1.1428em; line-height: 1.25; margin-bottom: 25px; }
.main h4 { font-size: 1.1667em; margin-bottom: 7px; }
.main h1 img, .main h2 img { display: block; margin: 0; }
.main .title { font-size: 2em; margin-bottom: 10px; }
.main .title h1, .main .title h2, .main .title h3 { line-height: 1.2142; font-weight: normal; }
.main .title h1, .main .title h2, .main .title h3 { font-size: 1em; margin-bottom: 0; }
.main .title h2 { color: #898989; }
.main .small { font-size: 0.8571em; line-height: 1.5; }
.main .caption { color: #999; }
.main sup { bottom: 7px; }
.main #hero .intro, .main .hero .intro { line-height: 1.6875; color: #404040; }
.main .flushrow { overflow: hidden; *position: relative; }
.main .flushrow .row { width: 100%; }
.main .column { *display: inline; }
.main .block { display: block; }
.main .inline { display: inline; }
.main .left { float: left; }
.main .right { float: right; }
.main .center { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.main .flushpad, .main .padright { padding-right: 125px; }
.main .flushpad, .main .padleft { padding-left: 125px; }
.main .flushpad, .main .flushright { margin-right: -125px; }
.main .flushpad, .main .flushleft { margin-left: -125px; }
.main .inset { border: 1px solid #ccc; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4); }
.main .inset:nth-child(1n) { border: none; }
.main .gradient { background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f2f2f2)); }
.main .border-top { border-top: 1px solid #e2e2e2; }
.main .border-bottom { border-bottom: 1px solid #ccc; }
#productheader { border-bottom: 1px solid #e6e6e6; }
#productheader h2 a { width: 153px; text-indent: 0; }
#productheader li a { text-shadow: #fff 0 1px 0; }
#productheader ul li a { margin-left: 24px; }
.page-features #pn-features a, .page-design #pn-design a, .page-performance #pn-performance a, .page-osx #pn-osx a, .page-builtinapps #pn-apps a, .page-specs #pn-specs a { color: #999 !important; cursor: default; }
.page-features .main .hero p.intro { width: 834px; margin-bottom: 29px; }
.page-features .main .hero .scroll-tiles { margin-bottom: 34px; }
.page-features .main .hero .scroll-tiles ul { *margin-bottom: 50px; }
.page-osx #content { line-height: 1.75; word-spacing: -1px; }

.page-builtinapps #main .row { width: 880px; }

.page-specs .main { padding-top: 68px; }
.page-specs .main table { color: #000; }
.page-specs .main h3 { font-size: 0.775em; }