/* 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: Arial;
  font-size: small;
}

/* line 42 */
a {
  color: #1d7fc3;
  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: #5ca2d0;
}
/* 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;
  text-align: justify;
}

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

/* line 141 */
ul {
  list-style-type: square;
}

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

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

/* line 157 */
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: #1d7fc3;
  font-weight: bold;
  font-size: 95%;
  text-decoration: none;
}
/* line 166 */
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 172 */
p.testimonial {
  margin: 5px 0;
  background: url(/images/quote-top.png) top left no-repeat;
  padding-top: 8px;
  color: #2d393f;
  font-size: 95%;
}
/* line 178 */
p.testimonial span.quote {
  width: 280px;
  padding: 0px 15px 18px 15px;
  display: block;
  background: url(/images/quote-bottom.png) bottom left no-repeat;
}
/* line 183 */
p.testimonial span.attrib {
  color: black;
  font-weight: bold;
  display: block;
  margin: 10px 0 0 10px;
}

/* line 189 */
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 197 */
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 205 */
#footer {
  width: 975px;
  margin: auto auto auto auto;
  padding: 25px 0;
  clear: both;
  text-align: center;
}

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

/* line 216 */
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 227 */
#column1 hr {
  width: 310px;
}

/* line 230 */
dl.icon-list {
  margin: 50px 0 50px 0;
}
/* line 232 */
dl.icon-list dt {
  clear: both;
  float: left;
  margin-right: 20px;
  width: 100px;
  height: 120px;
}
/* line 239 */
dl.icon-list dt.ios-icon img {
  margin-left: 28px;
}
/* line 241 */
dl.icon-list dd {
  margin-left: 100px;
  text-align: justify;
}
/* line 244 */
dl.icon-list dd.clear {
  height: 30px;
}

/* line 251 */
dl.screenshot {
  width: 320px;
  margin: 25px 0 25px 0;
  float: left;
}
/* line 255 */
dl.screenshot dt {
  position: relative;
  height: 480px;
}
/* line 258 */
dl.screenshot dt img {
  border: 1px solid black;
}
/* line 261 */
dl.screenshot dd {
  text-align: justify;
  margin: 10px 0 10px 0;
  width: 320px;
}
/* line 266 */
dl.screenshot.landscape {
  width: 480px;
}
/* line 268 */
dl.screenshot.landscape dt {
  height: 320px;
}

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

/* line 275 */
#column2 ul, #column2 ol {
  margin-bottom: 1em;
}
/* line 277 */
#column2 li {
  margin-bottom: 0.5em;
  margin-left: 1.5em;
}

/* line 282 */
.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 289 */
.faq h2 a {
  text-decoration: none;
  color: #2d393f;
}
/* line 292 */
.faq h3 {
  margin-top: 0.75em;
  font-size: 1.5em;
}
/* line 295 */
.faq h3 a {
  color: #2d393f;
  text-decoration: none;
  text-shadow: none;
  font-weight: normal;
}
/* line 300 */
.faq h3 a:visited {
  color: #2d393f;
}
/* line 302 */
.faq h3 a:hover {
  color: #1d7fc3;
}
/* line 304 */
.faq h3 a.showing {
  color: #1d7fc3;
}
/* line 306 */
.faq .answer {
  background-color: #bbc9d0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  display: none;
  padding: 1em;
  margin-bottom: 1.5em;
}
/* line 313 */
.faq .answer p {
  margin-bottom: 1em;
}
/* line 315 */
.faq .answer h4 {
  margin-bottom: 1em;
}

/* line 321 */
.palm h2 a,
.palm h3 a {
  text-decoration: none;
  color: #1d7fc3;
}

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