html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

blockquote, q { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; quotes: "" ""; }
blockquote:before, q:before, blockquote:after, q:after { content: ""; }

th, td, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; font-weight: normal; vertical-align: middle; }

table { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-collapse: separate; border-spacing: 0; vertical-align: middle; }

a img { border: none; }

body { line-height: 1.5; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; color: #333333; font-size: 75%; }

h1 { font-weight: normal; color: #222222; font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h1 img { margin: 0; }

h2 { font-weight: normal; color: #222222; font-size: 2em; margin-bottom: 0.75em; }

h3 { font-weight: normal; color: #222222; font-size: 1.5em; line-height: 1; margin-bottom: 1em; }

h4 { font-weight: normal; color: #222222; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

h5 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }

h6 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; }

h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

p { margin: 0 0 1.5em; }
p img.left { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a { text-decoration: underline; color: #000099; }
a:visited { color: #000066; }
a:focus { color: black; }
a:hover { color: black; }
a:active { color: #cc0099; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }

strong { font-weight: bold; }

em { font-style: italic; }

dfn { font-style: italic; font-weight: bold; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color: #666; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

li ul, li ol { margin: 0 1.5em; }

ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: disc; }

ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

table { margin-bottom: 1.4em; width: 100%; }

th { font-weight: bold; }

thead th { background: #c3d9ff; }

th, td, caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #e5ecf9; }

tfoot { font-style: italic; }

caption { background: #eee; }

.quiet { color: #666666; }

.loud { color: #111111; }

.clear { clear: both; }

.nowrap { white-space: nowrap; }

.clearfix { overflow: hidden; display: inline-block; }
.clearfix { display: block; }

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }

.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }

.first { margin-left: 0; padding-left: 0; }

.last { margin-right: 0; padding-right: 0; }

.top { margin-top: 0; padding-top: 0; }

.bottom { margin-bottom: 0; padding-bottom: 0; }

.container { width: 960px; margin: 0 auto; overflow: hidden; display: inline-block; }
.container { display: block; }

.column, div.span-1, div.span-2, div.span-3, div.span-4 { display: inline; float: left; margin-right: 0px; }
* html .column, * html div.span-1, * html div.span-2, * html div.span-3, * html div.span-4 { overflow-x: hidden; }

.last, div.last { margin-right: 0; }

.span-1 { width: 240px; }

.span-2 { width: 480px; }

.span-3 { width: 720px; }

.span-4, div.span-4 { width: 960px; margin: 0; }

input.span-1, textarea.span-1, select.span-1 { width: 240px !important; }
input.span-2, textarea.span-2, select.span-2 { width: 480px !important; }
input.span-3, textarea.span-3, select.span-3 { width: 720px !important; }
input.span-4, textarea.span-4, select.span-4 { width: 960px !important; }

.append-1 { padding-right: 240px; }

.append-2 { padding-right: 480px; }

.append-3 { padding-right: 720px; }

.prepend-1 { padding-left: 240px; }

.prepend-2 { padding-left: 480px; }

.prepend-3 { padding-left: 720px; }

.pull-1, .pull-2, .pull-3, .pull-4 { display: inline; float: left; position: relative; }

.pull-1 { margin-left: -240px; }

.pull-2 { margin-left: -480px; }

.pull-3 { margin-left: -720px; }

.pull-4 { margin-left: -960px; }

.push-1, .push-2, .push-3, .push-4 { display: inline; float: right; position: relative; }

.push-1 { margin: 0 -240px 1.5em 240px; }

.push-2 { margin: 0 -480px 1.5em 480px; }

.push-3 { margin: 0 -720px 1.5em 720px; }

.push-4 { margin: 0 -960px 1.5em 960px; }

.prepend-top { margin-top: 1.5em; }

.append-bottom { margin-bottom: 1.5em; }

.showgrid { background: url('/images/grid.png'); }

.error { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.error a { color: #8a1f11; }

.notice { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #fff6bf; color: #514721; border-color: #ffd324; }
.notice a { color: #514721; }

.success { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #e6efc2; color: #264409; border-color: #c6d880; }
.success a { color: #264409; }

.hide { display: none; }

.highlight { background: yellow; }

.added { background: #006600; color: white; }

.removed { background: #990000; color: white; }

label { font-weight: bold; }

fieldset { padding: 1.4em; margin: 0 0 1.5em 0; }

legend { font-weight: bold; font-size: 1.2em; }

input.text, input.title, input[type=text] { margin: 0.5em 0; background-color: #fff; padding: 5px; }
input.title { font-size: 1.5em; }
input[type=checkbox], input.checkbox, input[type=radio], input.radio { position: relative; top: 0.25em; }

textarea { margin: 0.5em 0; padding: 5px; }

select { margin: 0.5em 0; }

fieldset { border: 1px solid #cccccc; }

input.text, input.title, textarea, select { border: 1px solid #bbbbbb; }
input.text:focus, input.title:focus, textarea:focus, select:focus { border: 1px solid #666666; }

input.text, input.title { width: 300px; }

textarea { width: 390px; height: 250px; }

body { background: #231919 url('../images/top_background_repeat.png') top left repeat-x; }
body #sky { position: absolute; top: 0px; left: 0px; float: left; z-index: 1; }

#container { width: 960px; margin: 0 auto; overflow: hidden; display: inline-block; padding: 0px 77px 0px 77px; background: url('../images/top_background.png') top left no-repeat; }
#container { display: block; }

#top { display: inline; float: left; margin-right: 0px; width: 960px; }
* html #top { overflow-x: hidden; }
#top #movie { display: inline; float: left; margin-right: 0px; width: 480px; background: transparent url('../images/iphone.png') top center no-repeat; display: block; float: left; height: 585px; margin-top: 10px; position: relative; z-index: 2; }
* html #top #movie { overflow-x: hidden; }
#top #movie #screencast { margin: 90px 0px 0px 100px; position: relative; z-index: 2; display: block; }
#top #sun { display: inline; float: left; margin-right: 0px; width: 480px; width: 460px; height: 460px; margin-left: 20px; margin-top: -285px; z-index: 100; }
* html #top #sun { overflow-x: hidden; }
#top #top_content { display: inline; float: left; margin-right: 0px; width: 480px; width: 460px; margin-left: 20px; margin-top: -70px; }
* html #top #top_content { overflow-x: hidden; }
#top #top_content img#logo { z-index: 101; }
#top #top_content h2 { font: bold 17px/22px Helvetica, Arial; color: #1e4176; padding: 20px 0px 0px 0px; }
#top #top_content #ituneslink { margin-top: 145px; width: 252px; height: 87px; float: left; background: url('../images/appstore_sprite.png') 0px 0px no-repeat; }
#top #top_content #ituneslink:hover { background: url('../images/appstore_sprite.png') 0px -87px no-repeat; cursor: pointer; }
#top #top_content #ituneslink:active { background: url('../images/appstore_sprite.png') 0px -174px no-repeat; }
#top #top_content img#clicktobuy { float: left; margin: 140px 0px 0px 30px; }

#content { display: inline; float: left; margin-right: 0px; width: 960px; clear: both; }
* html #content { overflow-x: hidden; }
#content h2 { color: white; font: bold 24px/62px Helvetica, Arial; padding: 0px 5px 0px 72px; margin: 0px; height: 62px; display: block; }
#content h2#weatherman { background: url('../images/coffeecub.png') top left no-repeat; }
#content h2#push { background: url('../images/clock.png') top left no-repeat; }
#content h2#rain { background: url('../images/raindrop.png') top left no-repeat; }
#content h2#uv { background: url('../images/sun.png') top left no-repeat; }
#content h2#cold { background: url('../images/cold.png') top left no-repeat; }
#content h2#tshirt { background: url('../images/tshirt.png') top left no-repeat; }
#content p { color: #f1c7a9; font: bold 12px/18px Helvetica, Arial; margin-top: 15px; }
#content .types { display: inline; float: left; margin-right: 0px; width: 240px; width: 212px; margin-right: 37px; margin-top: 55px; }
* html #content .types { overflow-x: hidden; }
#content .types h2 { height: 40px; font: bold 24px/40px Helvetica, Arial; padding-left: 60px; }
#content .types.last { margin-right: 0px; }
#content #screenshots { display: inline; float: left; margin-right: 0px; width: 480px; background: url('../images/screenshotbox_background.png') top left no-repeat; display: block; height: 323px; margin-top: 18px; float: left; }
* html #content #screenshots { overflow-x: hidden; }
#content #screenshots .screenshot { float: left; margin: 24px 0px 0px 24px; }
#content #screenshots .screenshot:hover { cursor: pointer; }
#content #screenshots #screenshot_hover { background: url('../images/screenshot_hover.png') top left no-repeat; width: 121px; height: 121px; position: absolute; float: none; }
#content #screenshots #screenshot_hover:hover { cursor: pointer; }
#content #features { display: inline; float: left; margin-right: 0px; width: 480px; width: 460px; margin-left: 20px; }
* html #content #features { overflow-x: hidden; }
#content #features p { margin-bottom: 45px; }
#content #notifications { display: inline; float: left; margin-right: 0px; width: 480px; width: 460px; margin-left: 20px; }
* html #content #notifications { overflow-x: hidden; }
#content .buttons { margin-top: 80px; }
#content .buttons .btn { float: left; display: block; }
#content .buttons .btn#download { width: 417px; height: 80px; margin-right: 20px; background: url('../images/presspackage.png') 0px 2px no-repeat; }
#content .buttons .btn#download:hover { background: url('../images/presspackage.png') 0px -80px no-repeat; }
#content .buttons .btn#download:active { background: url('../images/presspackage.png') 0px -162px no-repeat; }
#content .buttons .btn#robocat { width: 207px; height: 72px; margin-top: 1px; margin-right: 20px; background: url('../images/robocat.png') 0px 3px no-repeat; }
#content .buttons .btn#robocat:hover { background: url('../images/robocat.png') 0px -71px no-repeat; }
#content .buttons .btn#robocat:active { background: url('../images/robocat.png') 0px -145px no-repeat; }
#content .buttons .btn#worksworldwide { width: 294px; height: 59px; margin-top: 11px; background: url('../images/worldwide.png') 0px 0px no-repeat; }
#content .buttons .btn#worksworldwide:hover { background: url('../images/worldwide.png') 0px 0px no-repeat; }
#content .buttons .btn#worksworldwide:active { background: url('../images/worldwide.png') 0px 0px no-repeat; }
#content .quote { margin-left: 0px; margin-bottom: 15px; margin-top: 20px; display: inline; float: left; margin-right: 32px; width: 480px; _width: 462px; _height: 119px; width: 422px; height: 79px; padding: 20px; text-align: center; background: url('../images/quote-bg.png') 0px 0px no-repeat; }
* html #content .quote { overflow-x: hidden; }
#content .quote blockquote { margin: 0px; font: bold italic 22px/25px Helvetica, Arial; color: #ffd3b3; }
#content .quote p { font: bold italic 12px/12px Helvetica, Arial; color: #858080; text-align: right; }
#content .quote.last { margin-right: 0px; float: right; }

#footer { width: 960px; margin: 0 auto; overflow: hidden; display: inline-block; padding-top: 10px; padding-bottom: 10px; }
#footer { display: block; }
#footer p { display: inline; float: left; margin-right: 0px; width: 480px; width: 360px; font: normal 12px/12px Helvetica, Arial; color: #8c8787; float: left; padding-top: 3px; }
* html #footer p { overflow-x: hidden; }
#footer p img { margin: 0px 0px -5px 5px; }
#footer p#contact { text-align: right; padding-top: 32px; margin-right: 0px; float: none; width: 370px; }
#footer a.small_logo { height: 22px; width: 125px; display: block; background: url('../images/small_logo_sprite.png') 0px 0px no-repeat; float: left; margin-right: 55px; margin-top: -2px; }
#footer a.small_logo:hover { background: url('../images/small_logo_sprite.png') 0px -22px no-repeat; cursor: pointer; }

#treeline { display: block; width: 100%; height: 62px; background: url('../images/footer.png') top left no-repeat; }

a#maillink { padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; margin-left: 5px; padding-left: 35px; background: #171111 url('../images/mail_link_background_regular.png') 4px 4px no-repeat; color: #868383; }
a#maillink:hover { background: #a22222 url('../images/mail_link_background_hover.png') 4px 4px no-repeat; color: white; }

#zoom:hover { cursor: pointer; }