#content {margin-top: -18px}
#title {height: 312px; width: 652px; padding: 0; margin: 0; background: url(/images/title.png) no-repeat}
#blurb {position: relative; top: 72px; left: 18px; width: 306px; font-size: 24px; line-height: 36px; font-weight: bold; color: #fff}
#blurb h1 {margin-bottom: 18px; color: #fff; font-size: 36px}
#signup {position: relative; top: 90px; left: 18px}
#sub_content {font-size: 14px; line-height: 18px; color: #000; background: url(/images/gray-fade.gif) repeat-x; border: solid 2px #575a5d; height: 318px; width: 646px}
#sub_content div {padding: 18px; height: 284px}
#sub_content p {margin: 0 0 18px 8; padding: 0; text-align: justify}
#sub_content h1 {font-size: 20px}
#how_it_works {width: 198px; position: absolute}
#how_it_works h1 {color: #006ea4}
#screencast {position: absolute; left: 360px; width: 180px; border-left: solid 2px #575a5d}
#screencast h1 {color: #eb7924}
#updates {position: absolute; width: 162px; left: 576px; border-left: solid 2px #575a5d}
#updates h1 {color: #0bb417}
#twitter_updates {list-style: none; margin: 0; padding: 0; font-size: 12px; height: 198px; overflow: auto}
#twitter_updates li {padding-top: 9px}
#twitter_updates li span.date {font-weight: bold; display: block}
#screencast a.image {text-align: center; width: 100%; margin: 50px 7px 0px 16px}
#screencast a.image img {border: solid 2px #999}
#facebox .body .content {height: 530px; width: 680px}
.fade {opacity: 0; background: url(/images/fade.png); height: 100%; width: 100%; z-index: 50; position: absolute; top: 0; left: 0}