@import url(page.css);
body { background-color: #689098; }
#container { width: 960px; }
#content { background: none; padding: 0; }
#featured { width: 640px; padding: 0 300px 20px 20px; position: relative; margin: 0 auto; }
#footer { width: 100%; background: #689098; border: 0; border-top: 10px solid #FFF; padding: 20px 0; text-align: center; }
#footer p { width: 960px; margin: 0 auto; color: #FFF; float: none; }
#footer a { color: #FFF; }

#summary { margin-top: 0; }
#captionWrapper { float: left; width: 340px; }
h2#caption { width: 300px; margin-left: 40px; height: 0; padding-top: 63px; overflow: hidden; background: url(img/h2-someone.png) 0 0 no-repeat; }
#summary p.description { font: 15px/1.4em Georgia,"Times New Roman",serif; color: #810024; width: 320px; padding: 10px; text-align: center; }
#summary > p { font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; }
#summary p strong { font-weight: normal; background: #FFF; padding: 2px; }
#summaryProcess { float: left; width: 476px; height: 0; padding-top: 190px; overflow: hidden; background: url(img/summary-process.gif) 0 0 no-repeat; margin: 0 0 0 90px; }

#createAccount { clear: both; padding: 20px 220px; margin-top: 20px; margin-bottom: 10px; }
#createAccount .button { display: block; float: left; height: 0; width: 260px; padding-top: 42px; padding-bottom: 0; overflow: hidden; background: url(img/button/create_account.png) 0 0 no-repeat; margin-right: 20px; }
#createAccount p { font-size: 12px; font-weight: normal; color: #475F2A; }
#createAccount a { font-weight: bold; }

#create, #share { position: relative; width: 420px; padding: 10px 20px; float: left; background: url(img/createshare-bg.gif) 0 0 no-repeat; border-bottom: 5px solid #A8D473; min-height: 340px; margin-bottom: 20px; }
#create { margin-right: 20px; margin-left: 10px; }
#create h2 { height: 0; padding-top: 15px; overflow: hidden; background: url(img/create-h2.gif) 0 0 no-repeat; }
#create li { margin-left: 10px; color: #6B909B; font-weight: bold; list-style: none; padding-left: 28px; background: url(img/arrow_right.png) 0 4px no-repeat; }
#share img.book { float: left; margin-right: 15px; margin-bottom: 10px; }
#share img.website { float: right; margin-left: 15px; margin-bottom: 10px; }
#share h2 { height: 0; padding-top: 15px; overflow: hidden; background: url(img/share-h2.gif) 0 0 no-repeat; }
#priceBook { height: 0; padding-top: 22px; overflow: hidden; background: url(img/starting_at_3999.gif) 0 0 no-repeat; }
#priceOnline { margin-left: 150px; margin-top: -18px; height: 0; padding-top: 21px; overflow: hidden; background: url(img/6months_for_1999.gif) 0 0 no-repeat; width: 179px;; }
#create p, #share p { font-size: 1.4em; line-height: 1.5em; }
#create p, #share p, #testimonials p { color: #443013; }
#create .start a, #share .start a { display: block; position: absolute; right: 0; bottom: 0; width: 77px; height: 0; padding-top: 23px; overflow: hidden; background: url(img/createshare-signup.png) 0 0 no-repeat; }
#testimonials { clear: both; margin-left: 10px; width: 890px; padding: 10px 20px; background: #A5D26D url(img/testimonials_bg.gif) 0 0 repeat-x; border: 5px solid #A5D26D; }
#testimonials h2 { height: 0; padding-top: 15px; overflow: hidden; background: url(img/testimonials-h2.gif) 0 0 no-repeat; }
#testimonials blockquote { float: left; width: 370px; padding: 0 20px; }
#testimonials p { font-family: Georgia,"Times New Roman",Times,serif; }
#testimonials blockquote.first { padding-left: 50px; background: url(img/ldquo.gif) 0 0 no-repeat; }
#testimonials blockquote.second { padding-right: 50px; background: url(img/rdquo.gif) 100% 100% no-repeat; }
#testimonials p.author { text-align: right; font-family: Helvetica,Arial,sans-serif; font-size: 1.2em; }


#body { margin-top: 2em; }
#body h2 { color: #FFF; margin-bottom: 0.1em; font-size: 2em; }
#body h3 { color: #425827; font-size: 1.4em; }
#body p { color: #222; margin: 2em 0; font: 1.4em/1.5 "Myriad Pro",Myriad,Tahoma,"Trebuchet MS",Arial,Helvetica; }
#body blockquote { padding: 1.5em; margin: 0 0 1em 3em; background-color:#E5F2D4; -webkit-border-radius: 12px; float: right; width: 200px; clear: right; }
#body blockquote p { color: #304346; margin: 0; font: 1.4em/1.5 "Hoefler Text",Georgia,"Times New Roman",serif; }