@charset "utf-8";

/* MakeBank
--------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { background: #6f6f6f; margin: 0px; font-family: Arial, Helvetica, sans-serif; }
#wrap { width: 1000px; margin: auto; border: 4px solid #333; border-top: none; border-bottom: none; }

#head { background: url(../images/mb_02.gif) no-repeat; height: 151px; position: relative; }
#head h1 { position: absolute; top:0; left: 26px; z-index: 10; }
#head h1 a { background: url(../images/logo.png) no-repeat; height: 173px; width: 299px; display: block; text-indent: -9999px; }
#head form { width: 360px; position: absolute; top: 35px; right: 45px; padding: 15px 5px; }
#head form p { width: 150px; float:left; }
#head form label { display: block; font-size: 11px; font-weight: bold; }
#head form input { float:left; margin-top: 10px; }
#head form input.txt { border: 1px solid #666; width: 140px; float: none; margin:0; }
#head form a { color: #1b7a00; font-size: 11px; font-weight: bold; clear:left; }

#index #splash {background: url(../images/mb_10.gif) no-repeat right 73px;   }
#index #splash #left { width: 319px; float:left; }
#index #splash h2 { background: url(../images/mb_04.gif) no-repeat; height: 117px; font-size: 11px; font-weight: normal; padding: 15px 25px 0 50px; }
#index #splash h2 strong { color: #025; font-size: 14px; display: block; margin-bottom: 5px; }
#index #splash #left ul { list-style: none; }
#index #splash #left ul li { display: block; text-indent: -9999px; height: 59px; background: url(../images/mb_11.gif) no-repeat; }
#index #splash #left ul li.pps { background-position: 0 0; }
#index #splash #left ul li.free { background-position: 0 -59px; }
#index #splash #left ul li.content { background-position: 0 -118px; }
#index #splash #left ul li.tools { background-position: 0 -177px; }
#index #splash #left ul li.stats { background-position: 0 -236px; height: 63px; }


#splash #right { width: 681px; float:left; }
#splash #right ul li { float:left; }
#splash #right ul { list-style: none; height: 73px; }
#splash #right ul li a { float:left; background: url(../images/mb_05.gif) no-repeat; height:73px; }
#splash #right ul li.sites a { background-position: 0px 0px; width: 174px; }
#splash #right ul li.programs a { background-position: -174px 0px; width: 161px; }
#splash #right ul li.features a { background-position: -335px 0; width: 163px; }
#splash #right ul li.signup a { background-position: -498px 0px; width: 183px; }

#index #splash #splash-footer { background: url(../images/mb_16.gif) no-repeat; clear: both; height: 73px; }
#index #splash #splash-footer p.learn-more { padding: 9px 0 0 48px; color: #666; font-size: 13px; }
#index #splash #splash-footer p.learn-more a { color: #1b7a00; font-weight: bold; }
#index #splash #splash-footer p.bookmark { padding: 9px 28px 0 0; color: #666; float: right; font-size: 13px; }
#index #splash #splash-footer p.bookmark a { color: #1b7a00; font-weight: bold; }

#index #cols { background: url(../images/mb_20.gif) repeat-y; }
#index #cols-bg { background: url(../images/mb_22.gif) no-repeat bottom; }

#index #cols #news { width: 315px; float:left; }
#index #cols .container { height: 550px; overflow: auto; margin: 0 20px 20px 0; }
#index #cols #latest-sites { width: 336px; float: left; }
#index #cols #featured-sites {width: 339px; float: left;  margin-right: 10px; }

#index #cols #news h1 { background: url(../images/mb_17.gif) no-repeat; height: 102px; width: 315px; text-indent: -9999px; }
#index #cols #latest-sites h1 { background: url(../images/mb_18.gif) no-repeat; height: 102px; width: 336px; text-indent: -9999px; }
#index #cols #featured-sites h1 { background: url(../images/mb_19.gif) no-repeat; height: 102px; width: 349px; text-indent: -9999px; }

#index #cols .entry { margin: 0 20px 14px 25px; font-size: 11px; border-bottom: 1px dotted #a8a8a8; padding-bottom: 14px; }
#index #cols #news .entry { margin-left: 35px; }
#index #cols #featured-sites .entry p img { float:right; margin: 5px 0 5px 5px; border: none; }
#index #cols .entry p img { float: none; margin:0 auto 5px auto; border: 1px solid #000; display: block; }
#index #cols .entry h2 a { color: #1b7a00; font-size: 16px; text-decoration: none; display: block; margin-bottom: 5px; padding-bottom: 5px; }
#index #cols #news .entry .date { color: #1b7a00; font-weight: bold; }
#index #cols .entry strong { color: #025; }

#sites #site-list, #programs #program-list, #features #feature-list, #terms #terms-list, #support #support-list, #resources #resources-list, #signup #signup-list, #access #access-list, #password #password-list { background: url(../images/bg-content.gif) repeat-y; }
#sites #bg, #programs #bg, #features #bg, #terms #bg, #support #bg, #resources #bg, #signup #bg, #access #bg, #password #bg { background: url(../images/sub-footer.gif) no-repeat bottom; padding-bottom: 40px; }

#sites #site-list .site { background: url(../images/bg-site.gif) no-repeat; width: 250px; float:left; position: relative; margin-left:40px; margin-right:25px; }
#sites #site-list .site a { color: #0066ee; }
#sites #site-list .site a:hover { color: #000; }
#sites #site-list .site h3 { text-align: center; height: 27px; padding-top: 6px; color: #1b7a00; font-size: 16px; }
#sites #site-list .site img { margin: auto; display: block; width: 220px; }
#sites #site-list .site .iphone { background: url(../images/bg-iphone.png) no-repeat; height: 232px; width: 120px; position: absolute; left:180px; top: 180px; }
#sites #site-list .site .iphone img { display: block; margin: 31px auto 0 auto; border:3px solid #1f2024; width: 88px; }
#sites #site-list .site h4 { font-size: 12px; margin: 20px 0 3px 12px; line-height:18px; }
#sites #site-list .site p { font-size: 11px; margin: 0px 0 5px 12px; color: #666; margin-right: 70px; margin-bottom: 30px; }
#sites #reality-sites { margin-left: 16px; }
#sites #reality-sites .rsite { width: 198px; height: 247px; float:left; background: url(../images/bg-rsite.gif) no-repeat 0 0; position: relative; margin:40px 0 0 34px; } 
#sites #reality-sites .rsite img { display: block; margin: 14px auto 0 auto; }
#sites #reality-sites .rsite h4 { position: absolute; top: -30px; font-size: 14px; color:#1b7a00; left: 12px;  }
#sites #reality-sites .rsite span.niche { font-weight: bold; position: absolute; top: -14px; font-size: 12px; left: 12px; color: #666; text-shadow: 1px 1px 3px #fff; }

#sites h1#title { background: url(../images/sites_04.gif) no-repeat; height: 52px; color: #1b7a00; font-size: 13px; padding: 63px 0 0 45px; }
#programs h1#title { background: url(../images/programs_04.gif) no-repeat; height: 52px; color: #1b7a00; font-size: 13px; padding: 63px 0 0 45px; }
#features h1#title { background: url(../images/features_04.gif) no-repeat; height: 52px; color: #1b7a00; font-size: 13px; padding: 63px 0 0 45px; }
#terms h1#title { background: url(../images/terms_04.gif) no-repeat; height: 52px; color: #1b7a00; font-size: 13px; padding: 63px 0 0 45px; }
#support h1#title { background: url(../images/support_04.gif) no-repeat; height: 52px; color: #1b7a00; font-size: 13px; padding: 63px 0 0 45px; }
#resources h1#title { background: url(../images/resources_04.gif) no-repeat; height: 52px; color: #1b7a00; font-size: 13px; padding: 63px 0 0 45px; }
#signup h1#title { background: url(../images/signup_04.gif) no-repeat; height: 52px; color: #1b7a00; font-size: 13px; padding: 63px 0 0 45px; }
#access h1#title { background: url(../images/login_04.gif) no-repeat; height: 52px; color: #1b7a00; font-size: 13px; padding: 63px 0 0 45px; }
#password h1#title { background: url(../images/password_04.gif) no-repeat; height: 52px; color: #1b7a00; font-size: 13px; padding: 63px 0 0 45px; }

#sites #splash { background: url(../images/sites_03.jpg) no-repeat bottom; padding-bottom: 0; height: 296px; }
#sites #splash h2 { background: url(../images/sites_01.gif) no-repeat; width: 319px; height: 73px; float:left; text-indent: -9999px; }

#programs #splash { background: url(../images/programs_03.jpg) no-repeat bottom; padding-bottom: 0; height:296px; }
#programs #splash h2 { background: url(../images/programs_01.gif) no-repeat; width: 319px; height: 73px; float:left; text-indent: -9999px; }

#features #splash { background: url(../images/features_03.jpg) no-repeat bottom; padding-bottom: 0; height:296px; }
#features #splash h2 { background: url(../images/features_01.gif) no-repeat; width: 319px; height: 73px; float:left; text-indent: -9999px; }

#terms #splash {padding-bottom: 0; height:73px; }
#terms #splash h2 { background: url(../images/terms_01.gif) no-repeat; width: 319px; height: 73px; float:left; text-indent: -9999px; }

#support #splash {padding-bottom: 0; height:73px; }
#support #splash h2 { background: url(../images/support_01.gif) no-repeat; width: 319px; height: 73px; float:left; text-indent: -9999px; }

#signup #splash {padding-bottom: 0; height:73px; }
#signup #splash h2 { background: url(../images/signup_01.gif) no-repeat; width: 319px; height: 73px; float:left; text-indent: -9999px; }

#resources #splash {padding-bottom: 0; height:73px; }
#resources #splash h2 { background: url(../images/resources_01.gif) no-repeat; width: 319px; height: 73px; float:left; text-indent: -9999px; }

#access #splash {padding-bottom: 0;height:73px;  }
#access #splash h2 { background: url(../images/login_01.gif) no-repeat; width: 319px; height: 73px; float:left; text-indent: -9999px; }

#password #splash {padding-bottom: 0;height:73px;  }
#password #splash h2 { background: url(../images/password_01.gif) no-repeat; width: 319px; height: 73px; float:left; text-indent: -9999px; }

#signup #bg,#password #bg,#access #bg { padding: 1px 45px 30px 45px; }
#signup #bg h3,#password #bg h3,#access #bg h3 { color: #1b7a00; font-weight: normal; font-size: 13px; font-weight: bold; clear: left; padding: 0 0 0 20px; margin-bottom: 4px; border: none; }
#signup #bg p,#password #bg p,#access #bg p { margin: 10px 0 10px 20px; width: 390px; float:left; font-size: 12px; }
#signup #bg label,#password #bg label,#access #bg label { float:left; width: 130px; font-weight: bold; color: #666; margin-top: 4px; }
#signup input.signup_input,#password input.signup_input,#access input.signup_input { width: 200px; border: 1px solid #999; padding: 4px; }
#signup select.signup_select,#password select.signup_select,#access select.signup_select { width: 212px; border: 1px solid #999; }
#signup input.signup_submit,#password input.signup_submit,#access input.signup_submit { display: block; margin: auto; clear: left; width: 287px; }
#signup span.error,#password span.error,#access span.error { font-size: 11px; font-weight: bold; color: #e20000; margin-left: 130px; margin-top: 4px; display:inline; }
#signup #bg p.note { border: 1px solid #339933; background: #ccffcc; padding: 10px; margin:0; font-size: 11px; color: #333; clear: left; width: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; margin-bottom: 10px; }
#signup .section,#password .section,#access .section { background: #f8f8f8; border: 1px solid #dfdfdf; padding: 10px; margin-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

#resources #bg { padding: 10px 80px; }
#resources #bg p { clear: left; font-size: 12px; }
#resources #bg p a { color: #1b7a00; display: block; font-weight: bold; }
#resources #bg img { float:left; border: none;  margin-bottom: 20px; margin-right: 10px; }

#support #bg { padding: 1px 45px 40px 45px; }
#support #support-list h1 { color: #1b7a00; font-size: 18px; font-weight: normal; }
#support #support-list p { margin: 10px 0; font-size: 12px; }
#support #support-list p a { color: #1b7a00; }

#support form p label { float:left; width: 140px; font-weight: bold; }

#terms #terms-list #bg { padding: 1px 45px 40px 45px; font-size: 12px; }
#terms #terms-list p { margin: 15px 0; line-height: 18px; }

#programs #payout-table { width: 900px; margin: auto; background: url(../images/programs_06.gif) repeat-y; }
#programs #payout-table img { display: block; border: none; }
#programs #payout-table .col { width: 240px; float:left; padding: 20px 30px; }
#programs #payout-table .col h1 { font-size: 18px; border-bottom: 1px dotted #a8a8a8; font-weight: normal; color: #666; margin-bottom: 6px; }
#programs #payout-table .col p { font-size: 13px; line-height: 20px; }

#programs .box, #terms .box { width: 372px; float: left; margin-left: 49px; background: #fff; border: 1px solid #a8a8a8; padding: 1px; margin-bottom: 20px; display: inline; }
#programs .box h2, #terms .box h2 { background: #317300; color: #fff; padding: 5px 10px; font-size: 14px; clear:both; }
#programs .box span,#terms .box span { float:left; width: 104px; font-size: 12px; background: #f2f2f2; padding: 5px  10px;}
#programs .box span.alt,#terms .box span.alt { width: auto; float: none; background: none; }
#programs .box span.alt span,#terms .box span.alt span { background: #fff; }
#programs .box strong span,#terms .box strong span { font-weight: bold; background: #ffe9a0; color: #333; display: block; border-top: 1px solid #fff;  }
#programs p.small { font-size: 11px; clear:left; margin: 10px 50px; }

#programs .wide { float: none; width: auto; clear: left; margin-right: 49px; display: block; }
#programs .wide p { padding: 5px 10px; font-size: 12px; }

#index #flash_inner { height: 358px; margin: 0; padding: 0; }

#features #feature-list .feature { background: url(../images/feature_02.gif) repeat-y; width: 896px; margin: auto; margin-bottom: 20px; }
#features #feature-list .feature h1 { padding: 18px 0 0 50px; background: url(../images/feature_01.gif) no-repeat; height: 51px; color: #1b7a00; font-size: 18px; font-weight: normal; }
#features #feature-list .feature p { padding: 20px 20px 14px 60px; font-size: 12px; color: #444; }
#features #feature-list .feature img { display: block; }

#footer { background: url(../images/sub-footer2.gif) no-repeat; height: 122px; clear:both; }
#index #footer { background: url(../images/mb_23.gif) no-repeat; }
#footer ul { list-style: none; padding: 48px 0 20px 20px; }
#footer ul li { display: inline; border-left: 1px solid #666; font-size: 11px; padding: 0 8px; }
#footer ul li a { color: #1b7a00; font-weight: bold; font-size: 11px; text-transform: capitalize; }
#footer ul li.first { border: none; }
#footer p { padding: 0 0 0 28px; font-size: 11px; }