/* Variables */
/* Basics */
/* line 17 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

/* line 33 */
.hidden {
  display: none;
}

/* line 36 */
body {
  background-color: black;
  font-family: "Helvetica Neue", Helvetica, Arial;
  font-size: small;
}

/* line 42 */
a {
  color: #cf0000;
  text-decoration: none;
}

/* line 46 */
a:hover {
  text-decoration: underline;
}

/* line 49 */
#showcase-wrap {
  background: url(/images/background-top.png) top left repeat-x;
  background-color: #334047;
  color: #eef0f1;
  padding-top: 50px;
  padding-bottom: 50px;
}
/* line 55 */
#showcase-wrap #showcase {
  margin: auto auto auto auto;
  width: 975px;
}
/* line 58 */
#showcase-wrap #showcase #screenshot {
  position: relative;
}
/* line 60 */
#showcase-wrap #showcase #screenshot img {
  position: absolute;
  left: -15px;
  z-index: 100;
}
/* line 64 */
#showcase-wrap #showcase p#intro {
  margin-left: 350px;
  font-size: 125%;
  font-weight: normal;
  line-height: 200%;
  text-shadow: 0 -1px 1px black;
}
/* line 70 */
#showcase-wrap #showcase p#intro img {
  display: block;
  margin-bottom: 25px;
}

/* line 74 */
#nav-wrap {
  background: url(/images/background-nav.png) top left repeat-x;
  background-color: black;
}
/* line 77 */
#nav-wrap ul#nav {
  color: #e4e4e4;
  font-family: "Myriad Pro", "Trebuchet MS", Arial, sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  list-style: none;
  margin: auto auto auto auto;
  text-shadow: 0 -1px 1px black;
  width: 975px;
}
/* line 86 */
#nav-wrap ul#nav li {
  float: left;
}
/* line 88 */
#nav-wrap ul#nav li a {
  display: inline-block;
  padding: 7px 25px 7px 25px;
  text-decoration: none;
  color: white;
  font-size: 100%;
  font-weight: bold;
  position: relative;
}
/* line 96 */
#nav-wrap ul#nav li a img {
  display: none;
}
/* line 98 */
#nav-wrap ul#nav li a.selected,
#nav-wrap ul#nav li a:hover {
  background: url(/images/background-nav-hover.png) bottom left repeat-x;
  background-color: #fc0000;
}
/* line 102 */
#nav-wrap ul#nav li a.selected img,
#nav-wrap ul#nav li a:hover img {
  display: block;
  position: absolute;
  bottom: -10px;
  margin-left: -11px;
  left: 50%;
}
/* line 108 */
#nav-wrap ul#nav li.first {
  margin-left: 350px;
}

/* line 111 */
#content-wrap {
  background: url(/images/background-content.png) top left repeat-x;
  background-color: #dee2e4;
}
/* line 114 */
#content-wrap #content {
  margin: auto auto auto auto;
  width: 975px;
}
/* line 117 */
#content-wrap #content #column1 {
  float: left;
  width: 350px;
  border-right: 575px solid transparent;
  margin-right: -577px;
  padding: 275px 0 50px 0;
  background: url(/images/vertical-rule.png) top right repeat-y;
}
/* line 124 */
#content-wrap #content #column2 {
  background: url(/images/vertical-rule.png) top left repeat-y;
  float: left;
  width: 575px;
  padding: 50px 0 50px 50px;
}
/* line 129 */
#content-wrap #content #column2 p.headline {
  font-size: 125%;
  line-height: 150%;
  text-shadow: 0 1px 1px white;
}

/* Typography */
/* line 136 */
p {
  line-height: 1.4em;
  margin-bottom: 1em;
}

/* line 140 */
li {
  line-height: 1.4em;
}

/* line 143 */
.inline-callout {
  margin: 1em 0;
  display: block;
  background-color: #bbc9d0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
/* line 149 */
.inline-callout p {
  font-size: 1.05em;
  padding: 1em 1em;
}

/* line 153 */
a.callout-link {
  margin: 25px 0 25px 0;
  display: block;
  background: url(/images/callout-link-top.png) top left no-repeat;
  padding-top: 8px;
  color: #c1282e;
  font-weight: normal;
  font-size: 100%;
  text-decoration: none;
}
/* line 162 */
a.callout-link span {
  width: 280px;
  padding: 0px 15px 8px 15px;
  display: block;
  background: url(/images/callout-link-bottom.png) bottom left no-repeat;
}

/* line 168 */
a.try {
  margin: 25px 0 25px 0;
  display: block;
  padding-top: 8px;
  background: url(/images/callout-link-top.png) top left no-repeat;
  color: #c1282e;
  font-size: 120%;
  text-decoration: none;
  margin-right: 40px;
}
/* line 177 */
a.try span {
  width: 280px;
  padding: 0px 15px 8px 15px;
  display: block;
  background: url(/images/callout-link-bottom.png) bottom left no-repeat;
}

/* line 183 */
p.testimonial {
  margin: 5px 0;
  background: url(/images/quote-top.png) top left no-repeat;
  padding-top: 8px;
  color: #2d393f;
  font-size: 95%;
}
/* line 189 */
p.testimonial span.quote {
  width: 280px;
  padding: 0px 15px 18px 15px;
  display: block;
  background: url(/images/quote-bottom.png) bottom left no-repeat;
}
/* line 194 */
p.testimonial span.attrib {
  color: black;
  font-weight: bold;
  display: block;
  margin: 10px 0 0 10px;
}

/* line 200 */
h3 {
  color: #2d393f;
  font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
  font-size: 1.8em;
  font-weight: bold;
  text-shadow: 0 1px 1px white;
  margin-bottom: 0.5em;
}

/* line 208 */
h2 {
  color: #2d393f;
  font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
  font-size: 2em;
  font-weight: bold;
  text-shadow: 0 1px 1px white;
  margin-bottom: 0.25em;
}

/* line 216 */
h4 {
  color: black;
  font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

/* line 223 */
#footer {
  width: 975px;
  margin: auto auto auto auto;
  padding: 25px 0;
  clear: both;
  text-align: center;
}

/* line 230 */
.clear {
  clear: both;
  height: 0px;
}

/* line 234 */
hr {
  background: url(/images/horizontal-rule.png) top left repeat-x;
  text-align: left;
  padding: 0;
  margin: 25px 0 25px 0;
  height: 2px;
  color: transparent;
  border: 0;
  outline: 0;
  clear: both;
}

/* line 245 */
#column1 hr {
  width: 310px;
}

/* line 248 */
dl.icon-list {
  margin: 50px 0 50px 0;
}
/* line 250 */
dl.icon-list dt {
  clear: both;
  float: left;
  margin-right: 20px;
  width: 100px;
  height: 100px;
}
/* line 256 */
dl.icon-list dd {
  margin-left: 100px;
}
/* line 258 */
dl.icon-list dd.clear {
  height: 50px;
}

/* line 265 */
dl.screenshot {
  width: 240px;
  margin: 25px 0 25px 0;
  float: left;
}
/* line 269 */
dl.screenshot dt {
  position: relative;
  height: 353px;
}
/* line 272 */
dl.screenshot dt img {
  position: absolute;
  left: -25px;
}
/* line 275 */
dl.screenshot dd {
  margin: 10px 0 10px 0;
  width: 240px;
}

/* line 279 */
dl.screenshot.left {
  margin-right: 61px;
}

/* line 283 */
#column2 ul, #column2 ol {
  margin-bottom: 1em;
}
/* line 285 */
#column2 li {
  margin-bottom: 0.5em;
  margin-left: 1.5em;
}
/* line 289 */
#column2 ul.downloads li {
  margin-left: 0;
  margin-right: 2em;
  display: inline;
  float: left;
}
/* line 294 */
#column2 ul.downloads li a {
  text-decoration: underline;
}

/* line 297 */
.faq h2 {
  color: #2d393f;
  font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
  font-size: 2em;
  font-weight: bold;
  text-shadow: 0 1px 1px white;
  margin-bottom: 0.5em;
}
/* line 304 */
.faq h2 a {
  text-decoration: none;
  color: #2d393f;
}
/* line 307 */
.faq h3 {
  margin-top: 0.75em;
  font-size: 1.5em;
}
/* line 310 */
.faq h3 a {
  color: #2d393f;
  text-decoration: none;
  text-shadow: none;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial;
}
/* line 316 */
.faq h3 a:visited {
  color: #2d393f;
}
/* line 318 */
.faq h3 a:hover {
  color: #c1282e;
}
/* line 320 */
.faq h3 a.showing {
  color: #c1282e;
}
/* line 322 */
.faq .answer {
  background-color: #bbc9d0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  display: none;
  padding: 1em;
  margin-bottom: 1.5em;
  font-size: 1.2em;
  line-height: 1.4em;
}
/* line 331 */
.faq .answer p {
  margin-bottom: 1em;
}

/* line 337 */
.palm h2 a,
.palm h3 a {
  text-decoration: none;
  color: #c1282e;
}

/* line 342 */
.history p {
  text-align: justify;
}
/* line 344 */
.history #palm-screens {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

/* line 350 */
.feature-list ul, .feature-list ol {
  margin-left: 0;
  padding-left: 0;
  margin-top: 1em;
  margin-bottom: 1em;
}
/* line 355 */
.feature-list li {
  background: url(../images/check-bullet.png) no-repeat 0% 0%;
  list-style-type: none;
  padding-left: 30px;
  padding-bottom: 5px;
  margin-left: 0 !important;
  font-size: 110%;
}

/* line 364 */
.twitter a {
  color: #2d393f;
  font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  text-shadow: 0 1px 1px white;
}

/* line 371 */
#topfive,
#contents {
  text-shadow: none;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial;
}
/* line 377 */
#topfive ol li,
#contents ol li {
  font-size: 1.2em;
}
/* line 379 */
#topfive ol li a,
#contents ol li a {
  color: #2d393f;
  text-decoration: none;
}
/* line 382 */
#topfive ol li a:visited,
#contents ol li a:visited {
  color: #2d393f;
}
/* line 384 */
#topfive ol li a:hover,
#contents ol li a:hover {
  color: #c1282e;
  text-decoration: underline;
}
/* line 387 */
#topfive ol li a.showing,
#contents ol li a.showing {
  color: #c1282e;
}

/* line 390 */
.helpwanted {
  text-shadow: none;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial;
  font-size: 1.2em;
}
/* line 397 */
.helpwanted ol li a {
  color: #2d393f;
  text-decoration: none;
}
/* line 400 */
.helpwanted ol li a:visited {
  color: #2d393f;
}
/* line 402 */
.helpwanted ol li a:hover {
  color: #c1282e;
  text-decoration: underline;
}
/* line 405 */
.helpwanted ol li a.showing {
  color: #c1282e;
}