html, body, h2, h3 { margin: 0; padding: 0; }
body { font-size: 100.1%; font-family: "Lucida Grande", Helvetica, sans-serif; color: rgb(116, 116, 116); line-height: 1.6; }
a { color: rgb(116, 116, 116); text-decoration: none; }
a img { border: none; }
#container { width: 900px; margin: 50px auto 20px auto; font-size: 0.9em; }
#head { border-bottom: 5px solid rgb(207, 207, 207); margin-bottom: 30px; position: relative; }
#head h1, #head p { margin: 0 0 8px 0; padding: 0; }
#logo { background: url('logo.png'); width: 159px; height: 52px; }
#logo a { display: none; }
#menu { position: absolute; bottom: 8px; right: 0; }
#menu a { padding: 0 0 0 1.8em; }
#menu a.active { color: rgb(0, 174, 239); }
.fr { float: right; margin: 0 0 1em 1em; }
.fl { float: left; margin: 0 1.5em 1em -10px; }
.hidden { display: none; }
#footer { clear: both; border-top: 1px solid rgb(207, 207, 207); }

h2 { float: left; height: 34px; width: 307px; background: no-repeat; }
#iPhone { background-image: url(../media/iPhone-headline.png); }
#android { background-image: url(../media/Android-headline.png); clear: both; }
#sendAMessage { background-image: url(../media/send-a-message.png); height: 104px; }
#changeIdea { background-image: url(../media/changeIdea.png); height: 214px; }
#greatApplications { background-image: url(../media/great-applications.png); height: 164px; }
h2 span { display: none; }
.beta { margin-left: 340px; margin-bottom: 70px; }
.beta h3 { font-size: 1.1em; font-weight: bold; }
.beta p { margin-top: 0; }
.beta ul { margin-top: 0; margin-left: 182px; }
.beta .download { float: right; }
.beta .download a { opacity: 0.8; }
.beta .download a:hover { opacity: 1; position: relative; }
.beta .clear { clear: both; }

.screenshot { margin-right: 35px; }
.screenshot.last { margin-right: 0; }

#iPhone-more { display: none; }

.button { padding: 0.8em 1.5em 0.7em 1.5em; background: rgb(0, 174, 239); color: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
button.button { border: 0; font-size: 1em; }
.beta .more { margin: 30px 0 50px 0; }

#contact .gamma, #contact .delta { width: 45%; }
#contact .gamma { float: left; }
#contact .delta { float: right; }
#contact dl { margin-top: 0; }
#contact dd { margin-left: 0; }
#contact input { width: 98%; }
#contact textarea { width: 100%; height: 12em; }