body { background: url('../../pub/img/bg-body.gif') #5D5D5D repeat-x; padding-bottom:10px; }
#header {  height:80px; }
#content { background: url('../../pub/img/main-bg.gif') no-repeat; min-height:720px; }
#drawing { top:100px; background: url('../../pub/img/drawing.png') no-repeat; width:110px; height:491px; position:absolute; left:-18px; }

#content .overflow-content { overflow:auto; height:490px; }

#header ul li.home { margin-left:385px; height:120px; position:relative; }
#header ul li.home a img { position:absolute; top:0px; left:0px; }

#twitter_icon { background: url('../../pub/img/Twitter-32x32.gif') no-repeat; display:block; width:32px; height:32px; }
#facebook_icon { display:block; background: url('../../pub/img/Facebook-32x32.gif') no-repeat; width:32px; height:32px;}

#advertisement { background: url('../../pub/img/iab-728x90.gif') no-repeat; width:728px; height:90px; position:absolute; right:38px; bottom:30px; display:block; }

.overflow #unsubscribe { overflow:hidden; }

.push { /* height: 1em; */ clear:both; text-align:center; }
.clear { height:10px; clear:both; overflow:hidden; float:left; width:900px; }
.footer { width:100%; height:30px; padding:20px 0px; overflow:hidden; background-color:#5d5d5d; margin:0 auto; }
.footer ul { margin-bottom:10px; width:750px; margin:0px 0px 0px 85px; font-size:14px; color:#3d3d3d; height:40px; overflow:hidden; }
.footer ul li  { color:#fff; display:inline; float:left; padding-right:10px; padding-top:10px; }
.footer ul li a { font-size:10px; color:#fff; }
	.footer ul li a:hover { color:#8BC63F; }

#footer_container { position:relative; width:986px; margin-left:auto; margin-right:auto; padding:0px 0px; }
a#facebook { position:absolute; right:160px; top:0px; width:40px; height:63px; display:block; background: url('../../pub/img/Facebook-footer.png') no-repeat; }
a#twitter { position:absolute; right:100px; top:0px; width:40px; height:63px; display:block; background: url('../../pub/img/Twitter-footer.png') no-repeat; }

#callouts { padding-top:25px; height:220px; position:relative; clear:both; }
#callouts p a { color:#007ecb; text-decoration:underline; }
#callouts p { float:left; width:270px; color:#000; font-size:13px; }
#callouts p.left { line-height:16px; }
#callouts p.right { float:left; padding-left:30px; line-height:16px; }

/*
#facebook { padding-top:0px; }
#twitter { padding-top:0px; }
*/

#main_wrapper { position:relative; width:1100px; margin:0 auto; }
#wrapper { position:relative; width:1020px; margin:0 auto; }
#welcome { background: #fff; }
#welcome a:link, a:visited, a:active, a:hover { text-decoration: none; color: #a75906 }
#app_store { display:block; background: url('../../pub/img/app-store.gif') no-repeat; width:125px; height:41px; }
#signup, #unsubscribe { overflow:auto; position:relative; margin-top:90px; margin-right:38px; float:right; width:590px; height:470px; }
#signup { height:610px; }
#signup_bg { margin-bottom:5px; position:relative; background: url('../../pub/img/signup-bg.gif') no-repeat; width:559px; height:190px; padding-top:5px; padding:15px; }
form#unsubscribe { float:left; margin-top:15px; margin-bottom:5px; position:relative; background: url('../../pub/img/unsubscribe-bg.gif') no-repeat; width:559px; height:255px; padding:15px; }
form#unsubscribe textarea { font-family:"Helvetica Neue", Helvetica, sans-serif; font-size:12px; width:340px; background: url('../../pub/img/textarea-bg.gif') repeat-x; border:1px solid #CCCCCC; }

#righthand_drawing { position:absolute; right:0px; top:0px; background: url('../../pub/img/righthand-drawing.gif') no-repeat; width:442px; height:188px; }
#lefthand_drawing { z-index:999; position:absolute; left:-17px; top:250px; background: url('../../pub/img/squiggle-left.gif') no-repeat; width:71px; height:176px; }

#content #animation { background-color:#fff; height:350px; left:68px; overflow:hidden; position:absolute; top:165px; width:240px; }
#content #animation #animation_content { height:350px; overflow:hidden; position:relative; width:1730px; }
#content #animation #animation_content #first { float:left; height:360px; overflow:hidden; width:240px; background: url('../../pub/img/creople-1.jpg') no-repeat; }
#content #animation #animation_content #second { float:left; height:360px; overflow:hidden; width:240px; background: url('../../pub/img/creople-2.jpg') no-repeat; }
#content #animation #animation_content #third { float:left; height:360px; overflow:hidden; width:240px; background: url('../../pub/img/creople-3.jpg') no-repeat; }
#content #animation #animation_content #fourth { float:left; height:360px; overflow:hidden; width:240px; background: url('../../pub/img/creople-4.jpg') no-repeat; }
#content #animation #animation_content #fifth { float:left; height:360px; overflow:hidden; width:240px; background: url('../../pub/img/creople-5.jpg') no-repeat; }


#iphone_promo { top:600px; height:40px; left:60px; padding:10px; position:absolute; width:250px; }
	#iphone_promo a#arrow_left { background: url('../../pub/img/play_button_left.png') no-repeat; display:block; width:32px; height:36px; float:left; margin-top:5px; }
	#iphone_promo a#arrow_right { background: url('../../pub/img/play_button.png') no-repeat; display:block; width:32px; height:36px; float:right; margin-top:5px;}
	#iphone_promo p { position:absolute; width:170px; color:#333333; font-size:11px; font-weight:bold; line-height:13px; left:45px; top:20px; }


.promo1 { position:absolute; top:0px; font-weight:bold; left:140px; font-size:20px; color:#000; }
	p.promo1 span { color:#8bc640; }
p.promo2 { position:absolute; top:20px; font-weight:bold; left:140px; font-size:20px; color:#000; }
	p.promo2 span { color:#007ecb; }
	p.promo3 { position:absolute; top:0px; font-weight:bold; width:400px; left:210px; font-size:22px; color:#000; }
	p.promo4 { position:absolute; top:70px; font-weight:bold; width:400px; left:210px; font-size:14px; color:#000; }
	p.promo4 a { padding-right:10px; color:#007ECB; }
	p.promo4 a:hover { text-decoration:underline; }
   
label#reason { width:180px; margin-top:10px; }
label#email1 { width:115px; margin-top:5px; }
label#email2 { width:147px; margin-left:14px; margin-top:5px; }
textarea#reason { background-color:white; margin-top:10px; height:100px; }

.blue-box1 { padding:5px; background: url('../../pub/img/large_arrow.png') no-repeat; width:94px; height:60px; float:left; position:absolute; bottom:0px; right:185px; }
.blue-box2 { padding:5px; background: url('../../pub/img/large_arrow.png') no-repeat; width:94px; height:60px; float:left; position:absolute; bottom:0px; right:85px; }
.blue-box3 { padding:5px; background: url('../../pub/img/large_square.png') no-repeat; width:69px; height:60px; float:left; position:absolute; bottom:0px; right:10px; }

#callouts .box p { width:40px; padding-top:7px; font-weight:bold; font-size:10px; font-family:"Helvetica Neue", Helvetica, sans-serif; color:#fff; }

h1 { font-size: 25px; }
h2 { font-size: 20px; padding-bottom:20px; }
h3 { font-size: 16px; }
img { border: none; }
form { width: 600px; display: block; margin:30px 0 40px 0; padding: 0; }
label { width: 137px; font-size: 12px; font-weight:bold; text-align: left; float: left; line-height: 28px; color:#36393c; }
label2 { width: 147px; font-size: 13px; font-weight:bold; text-align: left; float: left; line-height: 28px; color:#36393c; }
input { width: 296px; font-size: 22px; background: #fff; color: #999; float: left; padding: 2px 5px 2px 5px; margin: 0 0 2px 10px; border: solid 2px #999; }
textarea { width: 296px; font-size: 22px; background: #ddd; color: #999; float: left; padding: 2px 5px 2px 5px; margin: 0 0 2px 10px; border: solid 1px #999; }
select { width: 296px; font-size: 22px; background: #ddd; color: #999; float: left; padding: 2px 5px 2px 5px; margin: 0 0 2px 10px; }
input.button { font-size:14px; position:absolute; top:166px; right:32px; background: url('../../pub/img/button.gif') no-repeat; color:#000; border:0px solid #000; display:block; width:93px; height:29px; }
	input.button:hover { color:#007ECB; }

form#unsubscribe input.button { font-size:12px; position:absolute; top:233px; right:20px; background: url('../../pub/img/button.gif') no-repeat; color:#000; border:0px solid #000; display:block; width:92px; height:29px; }
	form#unsubscribe input.button:hover { color:#007ECB; }

form#unsubscribe fieldset { margin: 0; padding: 0; border: none; height:220px; }
fieldset.row { position:relative; display:block; clear:both; overflow:hidden; padding-top:5px; }
fieldset.row p span { font-weight:bold; }
legend { font-size: 30px; color: #8bc63f; margin: 0 0 0px 0; padding: 0; }
legend span { font-size:10px; color:#333; }
legend span.name { font-size:24px; font-weight:bold; }
form fieldset input { background: url('../../pub/img/form-bg.gif') repeat-x; border: 1px solid #ccc; width: 110px; height:19px; font-size: 12px; padding: 3px; margin-right:10px; }
p.error { padding:5px; width:275px; color:red; float:left; }
p.success { margin-top:25px; width:90%; margin-bottom:25px; border:1px solid green; clear:both; padding:10px; color:green; font-size:18px; background-color:#64ef64; }

/* subpage styles added 10-17-2009 */

#subpages, #unsubscribe { overflow:auto; position:relative; margin-top:90px; margin-right:38px; float:right; width:590px; height:470px; }
#subpages { height: 500px; }
.title { font-family:Geneva, Arial, Helvetica, sans-serif; color:#FA0000; font-size: 14px; font-weight:bold; line-height:18px; }
.subtitle { font-family:Geneva, Arial, Helvetica, sans-serif; color:#FA0000; font-size: 12px; font-weight:bold; line-height:15px; padding-top: 15px; }
sup { vertical-align:super; font-size:9px; font-weight:bolder; }
.content_body { font-size: 11px; line-height: 15px; color:#666666; }
.content_body a:link, a:visited, a:active { color: #8dc540; text-decoration: none; }
.content_body a:hover { color: #8dc540; text-decoration: none; }
.subcontent_body { font-size: 12px; line-height: 16px; color:#666666; }
.subcontent_body a:link, a:visited, a:active { color: #8dc540; text-decoration: none; }
.subcontent_body a:hover { color: #8dc540; text-decoration: none; }
.rules_subtitle {
	font-family:Geneva, Arial, Helvetica, sans-serif; color:#FA0000; font-size: 11px; font-weight:bold; line-height:15px; padding-top: 15px;
}
.rules_bullet { padding-bottom:8px; }
.rules_bullet a { color: #777777; }
.rules_bullet a:link, a:visited, a:active { color: #8dc540; text-decoration: none; }
.rules_bullet a:hover { color: #8dc540; text-decoration: underline; }
.red_bullet { font-size: 11px; line-height: 15px; font-style: normal; color: #666666; padding-left: 10px; }
.red_bullet li { list-style-image:url('../../pub/img/red_bullet.gif'); list-style-position:outside; padding-left:5px; margin-bottom: 3px; margin-left:5px; }
hr { height: 1px; border: none 0; border-top: 1px solid #CCCCCC; }