@charset "utf-8";
body { margin: 0px; background: #3D3D3D repeat-x url('/images/layout/main-bg.gif'); font-family: Arial, Helvetica, sans-serif; color: #FFF6B6; font-size: 12px; }

a { text-decoration: underline; color: #FFDF17;}
a:hover { text-decoration: none; color: #FFDF17;}

a img { border: 0 solid; }

form { padding: 0; margin: 0; }

.cleaner { clear: both; }
.cleaner-padding { clear: both; margin: 0; padding: 5px; }

.left { float: left; }
.right { float: right; }

.separator { height: 0px; font-size: 0px; border-bottom: 1px solid #4D4D4D; padding: 0; margin: 10px 0 10px 0; clear: both; }

.color { color: #FFDF17; }
.comment { font-size: 11px; }

#container { width: 960px; overflow: hidden; margin: 0 auto; }
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}

/* header */
#header { width: 960px; height: 163px; background: url('/images/layout/header-bg.jpg'); }
#header .join { float: right; padding: 40px 20px 0 0; margin: 0; } 
#header .join .title {font-size: 16px}
#header .join label { float: left; margin: 3px 3px 0 0; }
#header .join .textfields { width: 60px; font-size: 11px; margin: 0 5px 0 0; float: left; background: #FFF6B6; border: 2px solid #333333; }
#header .join .button { display: block; float: left; padding: 0; margin: 0; }
#header .join .links { font-size: 11px; }
#header .join .links imput { margin: 0; padding: 0;}

/* navigation */
#navigation-wrapper { width: 769px; height: 33px; margin: 0; padding: 0 0 0 191px; background:url('/images/layout/navigation-bg.jpg') }

#navigation { width: 960px; height: 33px; margin: 0; padding: 0; }
#navigation a {  float: left; height: 33px; text-decoration: none; background-position: 0 0; margin: 0; padding: 0; }

#navigation a.home { background: url('/images/navigation/home.gif') no-repeat; width: 64px; }
#navigation a.singup { background: url('/images/navigation/singup.gif') no-repeat; width: 67px; }
#navigation a.whatyouget { background: url('/images/navigation/whatyouget.gif') no-repeat; width: 104px; }
#navigation a.ourwebsites { background: url('/images/navigation/ourwebsites.gif') no-repeat; width: 101px; }
#navigation a.payout { background: url('/images/navigation/payout.gif') no-repeat; width: 61px; }
#navigation a.marketingtools { background: url('/images/navigation/marketingtools.gif') no-repeat; width: 115px; }
#navigation a.freehosting { background: url('/images/navigation/freehosting.gif') no-repeat; width: 99px; }
#navigation a.faq { background: url('/images/navigation/faq.gif') no-repeat; width: 46px; }
#navigation a.contact { background: url('/images/navigation/contact.gif') no-repeat; width: 91px; }

#navigation a:hover { background-position: 0 -33px; }

#navigation a.home-a { background: url('/images/navigation/home.gif') no-repeat; width: 64px; background-position: 0 -66px; }
#navigation a.singup-a { background: url('/images/navigation/singup.gif') no-repeat; width: 67px; background-position: 0 -66px; }
#navigation a.whatyouget-a { background: url('/images/navigation/whatyouget.gif') no-repeat; width: 104px; background-position: 0 -66px; }
#navigation a.ourwebsites-a { background: url('/images/navigation/ourwebsites.gif') no-repeat; width: 101px; background-position: 0 -66px; }
#navigation a.payout-a { background: url('/images/navigation/payout.gif') no-repeat; width: 61px; background-position: 0 -66px; }
#navigation a.marketingtools-a { background: url('/images/navigation/marketingtools.gif') no-repeat; width: 115px; background-position: 0 -66px; }
#navigation a.freehosting-a { background: url('/images/navigation/freehosting.gif') no-repeat; width: 99px; background-position: 0 -66px; }
#navigation a.faq-a { background: url('/images/navigation/faq.gif') no-repeat; width: 46px; background-position: 0 -66px; }
#navigation a.contact-a { background: url('/images/navigation/contact.gif') no-repeat; width: 91px; background-position: 0 -66px; }

/* welcome-box */
#welcome-box { width: 752px; min-height: 155px; height: auto !important; _height: auto !important; padding: 20px 0 0 208px; background: no-repeat url('/images/layout/welcomerow-bg.jpg'); }
#welcome-box p { width: 480px; padding:0; margin: 0; font-size: 13px; line-height: 1.5em; }
#welcome-box .label { float: right; margin: 0 40px 0 20px; padding: 0; }
#welcome-box .title { font-size: 30px; color: #FFE31C; font-weight: normal; margin: 0; padding: 0 0 5px 0; line-height: 1em; letter-spacing: -0.03em }

/* contet */
#features { padding: 0 0 0 20px; }
#features #fold-freehost { width: 284px; height: 177px; margin: 0 10px 0 0; padding: 20px 0 0 15px; float: left; background: no-repeat url('/images/layout/fold-bg-freehost.jpg'); }
#features #fold-payouts { width: 284px; height: 177px; margin: 0 10px 0 0; padding: 20px 0 0 15px; float: left; background: no-repeat url('/images/layout/fold-bg-payouts.jpg'); }
#features #fold-marketing-tools { width: 284px; height: 177px; margin: 0 10px 0 0; padding: 20px 0 0 15px; float: left; background: no-repeat url('/images/layout/fold-bg-marketingtools.jpg'); }

#features .title { font-size: 17px; font-weight: normal; color: #FBDF1C; margin: 0; padding: 0 0 18px 0; }
#features ul { margin: 0; padding: 0 10px 0 13px; line-height: 1.7em; list-style-image: url('/images/layout/yellowdot.gif'); }
#features li { padding: 0 0 5px 0; }

#last-news-wrap { width: 299px; margin: 0; padding: 0 23px 0 0; float: right; }
#last-news-wrap .news { background: no-repeat url('/images/layout/fold-bg-box1.jpg'); padding: 20px 15px 0 15px; font-size: 12px; }
#last-news-wrap .news .title { font-size: 17px; font-weight: normal; color: #FBDF1C; margin: 0; padding: 0 0 25px 0; }
#last-news-wrap .news .news-title { font-size: 14px; margin: 0; padding: 0; line-height: 1em;}
#last-news-wrap .news .date { padding: 3px 0 5px 0; margin: 0; font-size: 11px; }
#last-news-wrap .news .news-desc { padding: 0; margin: 0; line-height: 1.5em; }

#our-sites-wrap { margin: 0; padding: 0 0 0 20px; float: left; }
#our-sites-wrap .our-sites { width: 608px; background: 0 8px no-repeat url('/images/layout/fold-bg-box2.jpg'); padding: 12px 5px 0 0; font-size: 12px; float: left; height: 700px;}
#our-sites-wrap .our-sites .title { font-size: 17px; font-weight: normal; color: #FBDF1C; margin: 0; padding: 8px 0 5px 15px; }
img.site-thumb {float: left; width: 240px; height: 180px; border: 1px solid #ccc; margin: 0 14px 0 14px;}
#hold h3 {font-size: 14px; font-weight: normal; color: #fff6b6;}
#hold p {line-height: 15px; padding-right: 30px;}
#our-sites-wrap .separator {padding: 10px 0 0 0; margin-bottom: 15px; min-height: 1px;}

#our-sites-wrap .why-join { width: 590px; background: no-repeat url('/images/layout/fold-bg-why-join.jpg'); padding: 12px 0 0 15px; font-size: 12px; float: left; }
#our-sites-wrap .why-join .title { font-size: 17px; font-weight: normal; color: #FBDF1C; margin: 0; padding: 8px 0 25px 0; }
#our-sites-wrap .why-join ul { margin: 0; padding: 0 10px 0 18px; line-height: 1.7em; list-style-image: url('/images/layout/yellowdot.gif'); }
#our-sites-wrap .why-join li { padding: 0 0 5px 0; }
#our-sites-wrap .why-join .button { float: right; margin: 158px 0 0 0; }

#new-sites-wrap { width: 219px; margin: 0; padding: 0 23px 0 0; float: right; }
#new-sites-wrap .news { background: no-repeat url('/images/layout/fold-bg-box4.jpg'); padding: 20px 15px 0 15px; font-size: 12px; }
#new-sites-wrap .news .title { font-size: 17px; font-weight: normal; color: #FBDF1C; margin: 0; padding: 0 0 25px 0; }
#new-sites-wrap .news .thumb { border: 2px solid #FFF6B6; margin: 0 auto; }
#new-sites-wrap .news a { text-align: center; display: block; margin: 0; padding: 3px 0 10px 0; }

#features-big-wrap { width: 668px; margin: 0; padding: 0 0 0 20px; float: left; }
#features-big-wrap .feature { width: 668px; background: no-repeat url('/images/layout/fold-bg-box3.jpg'); padding: 20px 0 0 15px; margin: 0; font-size: 12px; float: left; }
#features-big-wrap .feature .title { font-size: 17px; font-weight: normal; color: #FBDF1C; margin: 0; padding: 0 0 20px 0; }
#features-big-wrap .feature .desc { padding: 0 30px 5px 0; margin: 0; line-height: 1.5em; }
#features-big-wrap .feature .desc-right { width: 480px; margin: 0; padding: 0 20px 0 0; line-height: 1.5em; float: right; }
#features-big-wrap .feature ul { width: 150px; display: block; margin: 0; padding: 3px 0 5px 18px; font-size: 12px; line-height: 1.4em; list-style-image: url('/images/layout/yellowdot.gif'); float: left; }
#features-big-wrap .feature ul.full-width { width: 185px; padding: 3px 18px 5px 18px; }
#features-big-wrap .feature ul.full { width: 600px; padding: 3px 0 0 18px; margin: 0; }
#features-big-wrap .feature li { margin: 0; padding: 0 0 5px 0; }
#features-big-wrap .question { font-size: 14px; color: #FBDF1C; padding: 0 0 3px 0; margin: 0; }

#features-big-wrap .form-tab td { height: 30px; text-align: left; }
#features-big-wrap .form-tab td.name { width: 120px; }
#features-big-wrap .textfield { width: 170px; height: 15px; padding: 2px 4px 2px 4px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border: 0px solid; background: #FFF6B6; }
#features-big-wrap .textarea { width: 248px; height: 106px; margin: 5px 0 0 8px; padding: 2px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border: 0px solid; background: #FFF6B6; }

#more-freatures-wrap { margin: 0; padding: 0 0 0 20px; float: left; }
#more-freatures-wrap .feature { width: 902px; background: no-repeat url('/images/layout/fold-bg-box5.jpg'); padding: 20px 0 0 15px; font-size: 12px; float: left; }
#more-freatures-wrap .feature .title { font-size: 17px; font-weight: normal; color: #FBDF1C; margin: 0; padding: 0 0 25px 0; }
#more-freatures-wrap .feature .desc { padding: 0 30px 10px 0; margin: 0; line-height: 1.5em; }
#more-freatures-wrap .feature .button { float: right; margin: 180px 0 0 30px; }

#sign-up-wrap { margin: 0; padding: 0 0 0 20px; float: left; }
#sign-up-wrap .feature { width: 882px; background: no-repeat url('/images/layout/fold-bg-box6.jpg'); padding: 20px 20px 0 15px; font-size: 12px; float: left; }
#sign-up-wrap .feature .title { font-size: 17px; font-weight: normal; color: #FBDF1C; margin: 0; padding: 0 0 20px 0; }
#sign-up-wrap .feature .desc { padding: 0 30px 10px 0; margin: 0; line-height: 1.5em; }

#sign-up-wrap .left-half { width: 430px; float: left; padding: 10px 0 10px 0; }
#sign-up-wrap .right-half { width: 430px; float:right; padding: 10px 0 10px 20px; }

#sign-up-wrap .feature .form-title { font-size: 16px; line-height: 1.0em; padding: 0 0 5px 0; margin: 0;}
#sign-up-wrap .feature .form-tab td { height: 30px; text-align: left; }
#sign-up-wrap .feature .form-tab td.name { width: 130px; }
#sign-up-wrap .feature .form-tab .textfield { width: 220px; height: 15px; padding: 2px 4px 2px 4px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border: 0px solid; background: #FFF6B6; }
#sign-up-wrap .feature .form-tab .country { width: 227px; font-size: 12px; border: 0px solid; background: #FFF6B6; }
#sign-up-wrap .feature .form-tab .req { font-size: 10px; color: #FF0000; }
#sign-up-wrap .feature .form-tab .small { font-size: 10px; }
#sign-up-wrap .feature .form-tab .next-step { margin: 10px 0 0 130px; }

#sign-up-wrap .half-feature { width: 425px; background: no-repeat url('/images/layout/fold-bg-box7.jpg'); padding: 20px 25px 0 15px; font-size: 12px; float: left; }
#sign-up-wrap .title { font-size: 17px; font-weight: normal; color: #FBDF1C; margin: 0; padding: 0 0 20px 0; }
#sign-up-wrap .half-feature .site-desc { width: 205px; padding: 0 30px 10px 0; margin: 0; float: left; line-height: 1.5em; }
#sign-up-wrap .half-feature .site-thumb { float: right; border: 2px solid #FFF6B6; margin: 0; }

.news2 { background: no-repeat url('../images/layout/fold-bg-box1.jpg'); padding: 20px 15px 0 15px; font-size: 12px; }
.news2 p { font-size: 17px; font-weight: normal; color: #FBDF1C; margin: 0; padding: 0 0 25px 0; border: none;}
.news2 b {font-size: 13px; color: #FBDF1C; margin: 0; padding: 0;display:block;}
.news2 div {border-bottom: 1px solid #3e3e3e; margin: 0 0 12px 0; }


/* footer */
#footer { width: 625px; margin: 0 auto; padding: 30px 294px 15px 0; text-align: center; font-size: 11px; background: no-repeat url('/images/layout/footer-bg.jpg'); }
#footer a { margin: 0 3px 0 3px; padding: 0;}

