#header {
	background-image: url(i/top_bkg_photo.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	height: 510px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-position: center top;
}
#slogan {
	position: absolute;
	left: 75px;
	top: 45px;
}
#logo {
	position: absolute;
	left: 547px;
	top: 45px;
}
#appicon {
	position: absolute;
	left: 73px;
	top: 392px;
}
#appname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
	color: #cce5f4;
	position: absolute;
	left: 71px;
	top: 457px;
}
#appstorebadge {
	position: absolute;
	left: 159px;
	top: 393px;
}
  #appstorebadge a {
    display: block;
    background: url(i/appstore_badge.gif) no-repeat 0 0;
    width: 164px;
    height: 58px;
    text-decoration: none;
  }
  #appstorebadge a:hover {
    background-image: url(i/appstore_badge_hover.gif);
  }
#iphone {
	height: 490px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	/*top: 510px;*/
}
#iphonewire {
	height: 490px;
	width: 720px;
	position: absolute;
	left: 40px;
	background-image: url(i/iphone_wireframe.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#iphonephoto {
	height: 490px;
	width: 720px;
	position: absolute;
	background-image: url(i/iphone.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#screenshots {
  position: absolute;
  left: 120px;
  top: 33px;

	height: 320px;
	width: 480px;
	overflow: hidden;
}
  #screenshots .screenstrip {
    /*float: left;*/
  }
    #screenshots .screenstrip img {
      float: left;

      width: 480px;
      height: 320px;
    }
#scroll_left {
	height: 60px;
	width: 40px;
	position: absolute;
	left: 0px;
	top: 164px;

	display: none;

	cursor: pointer;
}
#scroll_right {
	height: 60px;
	width: 40px;
	position: absolute;
	left: 760px;
	top: 164px;

	display: none;

  cursor: pointer;
}
#scroll_bullets {
	height: 20px;
	margin-top: 404px;
	margin-right: auto;
	margin-left: auto;
}
  #scroll_bullets .bullet {
    background: url(i/screenshots_bullet.gif) no-repeat 0 0;
    float: left;
    display: block;
    width: 20px;
    height: 20px;
  }
#text_plate_shadow_top {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(i/text_plate_shadow_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
	width: 680px;
}
#text_plate_shadow {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(i/text_plate_shadow.gif);
	background-repeat: repeat-y;
	background-position: center;
	width: 680px;
}
#text_plate_shadow_bottom {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(i/text_plate_shadow_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 60px;
	width: 680px;
}
#text_plate {
	background-color: #FFF;
	width: 650px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.text_page_top {
	width: 550px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}
.text_page {
	width: 550px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
}
.text_page_more {
	width: 550px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.text_page_bottom {
	width: 550px;
	height: 40px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.page_separator {
	background-image: url(i/page_sep.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: -20px;
	height: 64px;
	width: 650px;
}
.more_btn {
	padding-right: 50px;
}
.more-sep .fade {
	height: 50px;
	width: 650px;
	margin-top: -50px;
	background-image: url(i/more_fade.png);
	background-repeat: no-repeat;
	position: relative;
}
.more-content {
  display: none;
}
body {
	background-color: #007DC8;
	margin: 0px;
}
a img {
	border: 0px;
}
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-style: normal;
	font-weight: normal;
	color: #007DC8;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-style: normal;
	font-weight: normal;
	color: #777;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: 125%;
}
.strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #000;
}
.more_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #F60;
}
form .field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #777;
	margin:  10px 0;
}
form .field label {
    display: block;
	margin-bottom: 5px;
}
form .buttons {
	margin: 10px 0;
}
form .validation-advice {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 95%;
  color: #F60;
  margin: 2px 0;
}