body {text-align: center; background: url('images/top-bar.png') repeat-x top #eeeeee; color: #4e4e4e; font-family: Helvetica, sans-serif; font-size: 12pt; padding: 0px; margin: 0px; height:100%; }


a {color: #222; text-decoration: underline}
h1 {font-size: 1.2em; color: #555; text-align: center; margin: 10px;}
h2 {margin-bottom: 10px; padding-bottom: 0px; font-size: 1.2em;  color: #555;}
h3 {margin-bottom: 0px; padding-bottom: 0px; font-size: 1em;  color: #666;}
p {margin-top: 0px;}

a img {border: none;}

.header{width: 900px; height: 44px; margin: 0px auto 20px auto; text-align: left; position: relative;}

.header .menu {height: 44px; border-right: 1px solid #ccc; position: absolute; top: 0px; right: 247px; text-align: center; padding: 0px; font-size: .8em; color: #888;}
.header .menu tbody {padding: 0px; margin: -2px 0px;}
.header .menu tr {padding: 0px; margin: 0px;}
.header .menu td {border-left: 1px solid #ccc; width: 100px; margin: -1px 0px; padding: 0px;}
.header .menu td:hover {background: #f5f5f5; color: #555; cursor: pointer;}
.header .menu td:hover a {color: #555;}
.header .menu a {color: #888; text-decoration: none;}

.header .badgeflap {display: block; position: absolute; top: 18px; right: 40px; width: 197px; height: 71px; background: url('images/app-store-badge-flap.png');}
.header .badgeflap:hover { background: url('images/app-store-badge-flap-hover.png');}


.wrapper1 {width: 900px; height:100%;  margin: 0px auto 0px auto; text-align: left; position: relative;}

.rightbar {float: right; width: 190px; right: 0px; top: 0px; margin-top: 40px; margin-right: 45px; text-align: center;}
.rightbar p {font-size: .8em; color: #777;}

.contentwrapper {width: 653px; background: url('images/rounded-white-top.png') no-repeat top; padding-top: 10px;}
.content {text-align: left; padding: 15px; padding-top: 5px; background: white; border-left: 1px solid #aeaeab; border-right: 1px solid #aeaeab; color: #777; }
.content-bottom {background: url('images/rounded-white-bottom.png') no-repeat bottom; height: 10px;}




.iconheader {margin: 0px; margin-bottom: 30px;}
.icon {margin: 0px; margin-right: 10px; border: none; position: relative; top: 25px;}


.iphonespacer {width: 40px; height: 580px; float: right; clear: right;}
.iphonescreenshot {background: url('images/iphone.png'); width: 297px; height: 557px; position: absolute; right: -25px; margin: 20px 15px 10px 5px; clear: left;}
.iphonescreenshot img {margin: 91px 0px 0px 29px;}


.footer {text-align: center; margin: 15px; clear: both; font-size: .8em; color: #777;}
.footer a {color: #777;}
.footer a:hover {color: #222;}


/* form stuff */
label { width: 5em; float: left; text-align: right; margin-right: 0.5em; display: block; position: relative; top: 5px; }
input, textarea { color: #777; background: white; border: 1px solid #aeaeab; margin-bottom: 5px; font-size: .9em; padding: 3px;}
.submit { text-align: center; font-size: .9em;}