/* =Reset
----------------------------------------------- */

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,
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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	color: black;
	background: white;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* =Global
----------------------------------------------- */
body {
	background: #fff;
	color: #000;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	text-align: left;
}
 
strong { font-weight: bold; }
em { font-style: italic; }
 
h1, h2, h3 { font-weight: bold; }
 
h1 { font-size: 1.8em; margin: 0 0 1em 0; line-height: 1; }

h2 {
	font-size: 1.6em;
	margin: 1.5em 0 1em 0;
	line-height: 1;
}

h3 { font-size: 1.4em; margin: 2em 0 1em 0; }
 
p, li, td, th, cite { font-size: 1.2em; }
p, li, td, th, cite { line-height: 1.4; }
input, select { font-size: 1.2em; }
 
p { margin: 0 0 1em 0; }
 
ul, ol { margin: 2em 0 2em 2em; }

ul li, ol li {
	list-style: disc;
	margin-left: 1.4em;
}

ol li { list-style-type: decimal;} 
ol li li { font-size: 1em; }
ul li li { font-size: 1em; }
 
img { display: block; }

.clear {
  clear:both;
  display:block;
  height:5px;
}

/* =Base
----------------------------------------------- */
body {
	background: #fff url("../img/foreground-bg.jpeg") center 350px repeat-x;
}

a, a:visited, a:active {
	color: #379;
	text-decoration: none;
}

#header a, #header a:visited {
  color:#9DE;
}

a:hover { color: #046; }

#header a:hover {
  text-decoration:underline;
}

.wrap {
	width: 870px;
	margin: 0 auto;
	position: relative;
}

.replace {
	display: block;
	overflow: hidden;
	text-indent: -999em;
}

#container {
	padding-bottom: 40px;
  background:transparent url("../img/background-header.jpg") 50% 0% repeat-x;
}

#header {
	min-height: 350px;
	border-bottom: 1px solid #E2E5E4;
  background:transparent url("../img/background-rays.jpg") 100% 0% no-repeat;
	overflow: hidden;
}

#header strong {
  color:#fff;
}

h1 {
	position: absolute;
	top: 40px;
	left: 0;
	width: 230px;
	height: 268px;
	background: url("../img/logo.png") no-repeat;
}

.intro {
	padding-top: 83px;
	width: 220px;
	margin-left: 285px;
	color: #A0B2B3;
}

.intro p {
	font-size: 1.6em;
	margin: 0 0 30px;
}

.app-store, .app-store a {
	width: 220px;
	height: 72px;
}

.app-store {
	background: #737F7E url("../img/app-store-bg.jpeg") top repeat-x;
}

.app-store a {
 	background: url("../img/app-store.png") no-repeat; 
}

#phone {
	position: absolute;
	top: -301px;
	right: 23px;
	width: 266px;
	height: 563px;
	background: url("../img/iphone.png") no-repeat;
}

#content {
  margin-top:-34px;
}

/* =Footer
----------------------------------------------- */

#footer {
	background: url("../img/divider.png") top left no-repeat;
	overflow: hidden;
	padding-top: 2em;
}

#footer p {
	width: 185px;
	float: left;
	margin-right: 40px;
	padding-left: 35px;
	color: #888;
	font-size: 1.1em;
	background: url("../img/support-icons.png") 0 0 no-repeat;
}

#footer p.feedback {
	background-position: -260px 0;
	padding-left: 30px;
}

#footer p.credits {
	width: 210px;
	padding-left: 0;
	margin-left: 75px;
	background: none;
}

/* =Screenshots
----------------------------------------------- */
.screens, .screens li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.screens {
	position: absolute;
	top: 95px;
	left: 24px;
}

.screens li { display: none; }

.section ul {
  margin:0;
}

.section li {
  margin:0;
}

.pane .section .pane {
  width:550px;
}

/* =Tabs
----------------------------------------------- */
.section .tabs {
  float:left;
}

.tabs li {
  list-style:none;
  float:left;
}

.tabs li a {
  display:block;
  padding:5px 30px;
  font-size:1.3em;
  border:1px solid #333;
  border-width:1px 1px 0px 0px;
}

.tabs li:first-child a {
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
}

.tabs li:last-child a {
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
}

.tabs li a.current {
  color:#fff;
  background:#555 url('../img/nav-current-arrow.png') no-repeat bottom center;
  filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
  border-color:#555;
}

.tabs li:first-child a {
  border-left-width:1px;
}

.pane .tabs {
  margin-top:-5px;
}

.pane .tabs li a {
  border:none;
  font-size:1em;
  padding:3px 15px;
  background-color:#ddd;
}

.pane .tabs li a.current {
  color:#8c9e31;
  font-weight:bold;
  filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
  border-bottom:none;
}

.ie8 .pane .tabs li a.current {
  padding:3px 15px 2px 15px;
}

.pane .tabs li:last-child a {
  padding-right:30px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
}

.pane .tabs li:first-child a {
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
}

.pane .tabs li:last-child a {
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
}


.pane .section .pane {
  margin-top:20px;
  padding-left:5px;
}

.pane .section h3 {
  color: rgb(102, 0, 0);
}

.pane .section table {
  border-right:1px solid #ddd;
  margin-bottom:15px;
  background-color:#fff;
}

.pane .section table td {
  border:1px solid #ddd;
  border-width:0 0 1px 1px;
  padding:3px 15px 3px 7px;
}

.pane .section table th {
  border:1px solid #ddd;
  background-color:#9bab48;
  border-width:1px 0 1px 1px;
  padding:3px 15px 3px 7px;
  font-weight:bold;
}

.pane .section table td:first-child {
  border-left-width:1px;
}

.pane .section table tr:nth-child(odd) {
  background: #ddd;
}

ul li {
  list-style:disc;
}

/* =Sidebar
----------------------------------------------- */

.sidebar {
  position:absolute;
  width:245px;
  margin-left:25px;
  top:500px;
}

.sidebar li, .sidebar li a {
  padding:0;
  margin:0;
}

.sidebar ul {
  margin-left:0 15px;
}