/* Reset CSS and general stuff */
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}
html { overflow:-moz-scrollbars-vertical; }
.clear { clear: both; font: 0; }
a { outline: none; }

body { background: #000 url(../images/bg.jpg) top center repeat-y; font: 12px/15px Arial, Helvetica, sans-serif; color: #fff; }
h1 { position: absolute; left: -9000px; }
a { color: #8de121; }

/*********** HEADER *************/
#header { position: relative; width: 100%; height: 386px; background: url(../images/header.jpg) top center no-repeat; }
#header-content { position: relative; width: 900px; height: 100%; margin: 0 auto; }
#header-content #flash { position: absolute; width: 679px; height: 217px; top: 157px; left: 0; }
#header-content #signup { position: absolute; display: block; width: 127px; height: 36px; bottom: 0; right: 0; background: url(../images/btn-signup.jpg) top left no-repeat; color: #fff;font: bold italic 22px/36px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; text-decoration: none; }
#header-content #signup strong { display: none; }
#header-content #link-index { position: absolute; width: 100%; height: 140px; }
#header-content #link-index strong { display: none; }
#header-content #panel { position: absolute; width: 300px; top: 1px; right: 5px; text-align: right; }
#header-content #panel a { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; margin-left: 12px; }
#header-content #panel a:hover { text-decoration: underline; }
#header-content #newandimproved { position: absolute; width: 165px; height: 165px; top: 26px; right: 12px; }
#header-content #newandimproved strong { display: none; }
#header-content #poweredbygammae { position: absolute; width: 178px; height: 78px; top: 228px; right: 15px; }
#header-content #poweredbygammae strong { display: none; }

/*** MENU ***/
#menu { position: relative; width: 898px; height: 23px; border: 1px solid #abb7c0; margin: 0 auto 20px; background: #eaeff1 url(../images/bg-menu.jpg) top left repeat-x; list-style-type: none; }
#menu li { float: left; height: 23px; }
#menu li a { display: block; float: left; width: 100%; height: 100%; font: bold 12px/23px Arial, Helvetica, sans-serif; color: #000; background: url(../images/bg-menuitem.jpg) top right no-repeat; text-align: center; text-decoration: none; text-transform: uppercase; }
#menu li a:hover { color: #424547; }

/* Menu widths */
#menu #mnu-home { width: 104px; }
#menu #mnu-whatyouget { width: 141px; }
#menu #mnu-payoutsandstats { width: 140px; }
#menu #mnu-oursites { width: 129px; }
#menu #mnu-promotools { width: 140px; }
#menu #mnu-aboutus { width: 125px; }
#menu #mnu-aboutus a { background: none; }
#menu #mnu-affiliatelogin { width: 140px; }
#menu #mnu-signup { width: 119px;  }
#menu #mnu-signup a { background: url(../images/bg-menu-signup.jpg) top left no-repeat; }


/* Menu background change on active page */
#home #menu #mnu-home a,
#whatyouget #menu #mnu-whatyouget a,
#payoutsandstats #menu #mnu-payoutsandstats a,
#oursites #menu #mnu-oursites a,
#promotools #menu #mnu-promotools a,
#aboutus #menu #mnu-aboutus a,
#joinourteam #menu #mnu-joinourteam a,
#contactus #menu #mnu-contactus a { background-position: bottom right; }
#affiliatelogin #menu #mnu-affiliatelogin a { background-position: bottom left; }


/*************** CONTENT ***************/
#content { position: relative; width: 900px; margin: 0 auto; }
#content h2 { height: 33px; padding: 0 0 0 12px; background: url(../images/bg-box.gif) top left repeat-x; font: bold 18px/30px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-transform: capitalize; }
#content h2 span { float: right; display: block; width: 24px; height: 33px; background: url(../images/bg-box-corner4.gif) top left no-repeat; }
#content h2 strong { font: italic 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #222; }
#content h3 { padding: 0 0 0 25px; background: url(../images/ico-news.gif) center left no-repeat; color: #8de121; font-weight: bold; }
#content .content-box { padding: 0 0 15px 0; background: url(../images/bg-content-box2.jpg) 0 33px no-repeat; }
#content .content-box h2 { margin-bottom: 20px; }
#content .content-box p { padding: 0 10px; margin: 0 0 12px 0; }
#content .content-box .about-news { padding: 0 10px 10px; line-height: 24px; border-bottom: 1px solid #4e4d49; margin-bottom: 25px; }

/* Exceptions */
#home #content .content-box h2 span { background-image: url(../images/bg-box-corner.gif); }
#content .content-box .nomargins { margin: 0; }
#affiliatelogin #content h2 { height: 40px; padding: 0 0 0 12px; background: url(../images/bg-box2.gif) top left repeat-x; font: bold 18px/30px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-transform: capitalize; }
#affiliatelogin #content h2 span { float: right; display: block; width: 27px; height: 40px; background: url(../images/bg-box-corner-white.gif) top left no-repeat; }
#affiliatelogin #content .content-box { background: #fff; color: #000; }
#promotools #content h2 { padding-left: 35px; } 

/*** Home Columns ***/
#content #official-sites { position: relative; float: left; display: inline; width: 238px; margin: 0 9px 0 0; }
#content #official-sites h2 span { background-image: url(../images/bg-box-corner2.gif); }
#content #official-sites .site { position: relative; display: block; width: 228px; height: 28px; padding: 140px 0 0 10px; font: bold 14px Arial, Helvetica, sans-serif; color: #8de121; text-decoration: none; background-position: top left; background-repeat: no-repeat; }
#content #official-sites .site strong { font-size: 20px; color: #fff; }
#content #official-sites .more { display: block; width: 100%; margin: 8px 0 12px; font: bold italic 13px Arial, Helvetica, sans-serif; color: #fff; text-align: right; text-decoration: none; } 
#content #official-sites .more em { position: relative; font-size: 20px; color: #7fd800; top: 1px; }

/* Primiry content on homepage */
#content #primary-content { position: relative; float: left; display: inline; width: 429px; margin: 0 8px 0 0; }
#content #primary-content .content-box { background: url(../images/bg-content-box.jpg) top left no-repeat; }
#content #primary-content .tag { position: absolute; width: 141px; height: 100px; top: -22px; left: 135px; }
#content #primary-content .tag strong { display: none; }
#content #primary-content .more { text-align: right; }
#content #primary-content .more a { display: block; float: right; width: 65px; height: 15px; text-align: center; font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif; color: #fff; background: url(../images/btn-more.gif) top left no-repeat; text-decoration: none; }
#content #primary-content .more a:hover { background-position: bottom; }

/* News on homepage */
#content #news { position: relative; float: left; display: inline; width: 216px; background: url(../images/bg-news.jpg) top left no-repeat; }
#content #news h2 span { background-image: url(../images/bg-box-corner3.gif); }
#content #news .content-box { padding: 20px 30px 20px 10px; border-bottom: 1px solid #656457; line-height: 22px; background: none; }
#content #news .content-box a { color: #8de121; font-weight: bold; text-transform: capitalize; }
#content #news .content-box a:hover { color: #75ae2c; }

/* Our Sites */
#content .oursites { position: relative; height: 539px; padding: 15px 23px 0; background-position: top left; background-repeat: no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; }
#content .oursites h4 { font-size: 16px; line-height: 24px; font-weight: bold; color: #fff; }
#content .oursites h4 strong { display: block; font-size: 23px; color: #8de121; }
#content .oursites div { padding: 20px 0 0 465px; }
#content .oursites div a { font-weight: bold; }
#content .oursites img { position: absolute; display: block; top: 289px; left: 21px; }

#content .oursites-niches { position: relative; padding: 10px 0 45px; border-top: 1px solid #7b7768; background: url(../images/bg-stay-tuned.jpg) bottom left no-repeat; }
#content .oursites-niches img { margin: 0 10px 0 0; }
#content .oursites-niches p { margin: 0; padding: 0; line-height: 20px; }
#content .oursites-niches a { position: relative; display: block; float: left; width: 204px; height: 22px; padding: 143px 0 0 10px; margin: 0 5px 0; font-size: 12px; font-weight: bold; color: #8de121; text-decoration: none; background-position: top left; background-repeat: no-repeat; }
#content .oursites-niches a strong { font-size: 18px; color: #fff; }
#content .oursites-niches .last { margin-right: 0; }

/* Payouts and Stats */
#content .payout { position: relative; width: 620px; margin: 0 auto; padding: 150px 140px 0; text-align: justify; background-position: top left; background-repeat: no-repeat; }
#content .payout .pitch { position: absolute; font: bold 26px Verdana, Arial, Helvetica, sans-serif; color: #fff; }
#content .payout .pitch strong { color: #8de121; }

#content #payout-35 { height: 63px; background-image: url(../images/payouts-35.jpg); }
#content #payout-35 .pitch { width: 500px; top: 70px; left: 275px; }
#content #payout-50 { height: 96px; background-image: url(../images/payouts-50.jpg); }
#content #payout-50 .pitch { width: 360px; top: 75px; left: 360px; }
#content #payout-10 { height: 82px; background-image: url(../images/payouts-10.jpg); }
#content #payout-10 .pitch { width: 400px; top: 75px; left: 375px; }

#content #stats { position: relative; height: 501px; background: url(../images/bg-stats.jpg) top left no-repeat;  }
#content #stats .example { position: absolute; left: 52px; font-size: 15px; font-weight: bold; font-style: italic; color: #8de121; }
#content #stats .example strong { color: #fff; }
#content #stats #example { top: 25px; }

/* Whatyouget */
#whatyouget #content .payout { padding: 130px 140px 0; }
#whatyouget #content #payout-35 { height: 63px; background-image: url(../images/wyg-payouts-35.jpg); }
#whatyouget #content #payout-35 .pitch { width: 500px; top: 40px; left: 275px; }
#whatyouget #content #payout-50 { height: 96px; background-image: url(../images/wyg-payouts-50.jpg); }
#whatyouget #content #payout-50 .pitch { width: 360px; top: 50px; left: 360px; }
#whatyouget #content #payout-10 { height: 82px; background-image: url(../images/wyg-payouts-10.jpg); }
#whatyouget #content #payout-10 .pitch { width: 400px; top: 53px; left: 375px; }

#content .centered-content { position: relative; padding: 0 120px; }
#content .centered-content2 { padding: 0 40px; }
#content .wyg-site { position: relative; display: inline; float: left; width: 154px; margin: 12px 10px 12px 0; }
#content .wyg-site img { display: block; background: #bfbfbf; padding: 1px; border: 1px solid #383736; margin: 0 0 5px 0; }
#content .wyg-site p { margin: 0; padding: 0; }
#content .wyg-site a { position: relative; display: block; width: 152px; height: 22px; border: 1px solid #b4b2b3; background: url(../images/bg-sitetitle.gif) top left repeat-x; font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif; color: #000; text-align: center; text-decoration: none; }

#content .button { position: relative; text-align: right; }
#content .button a { font-size: 18px; font-weight: bold; font-style: italic; color: #7fd800; text-decoration: none; }
#content .button a:hover { text-decoration: underline; }
#content .button a strong { font-size: 13px; font-size: 13px; color: #fff; }

/* Contact us */
#content .col { position: relative; float: left; display: inline; width: 200px; }
#content .col strong { display: block; float: left; font-weight: bold; color: #80e200; width: 75px; }
#content select { border: 1px solid #85826b; padding: 2px; font: 10px Verdana, Arial, Helvetica, sans-serif; width: 140px; }
#content .textbox { width: 140px; border: 1px solid #85826b; background: #fff; padding: 2px; font: 10px Verdana, Arial, Helvetica, sans-serif; }
#content textarea { border: 1px solid #85826b; padding: 2px; font: 10px Verdana, Arial, Helvetica, sans-serif; }
#content .submitbutton { display: block; margin: 10px 0 0 50px; width: 143px; height: 28px; background: url(../images/bg-submit.jpg) top left no-repeat; text-align: center; font: bold 11px/24px Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; }




/* Login */



/* Promo Tools */
#promotools #content .content-box { position: relative; }
#promotools #content .tag { position: absolute; width: 119px; height: 95px; top: -21px; left: -55px; }
#promotools #content .content-box p { line-height: 18px; margin-bottom: 23px; text-align: justify; }
#content #fhfg { height: 230px; background: url(../images/bg-promo-fhfg.jpg) 0 33px no-repeat; }
#content #fhfg p { padding: 0 480px 0 37px; }
#content #fhfm { height: 300px; background: url(../images/bg-promo-fhfm.jpg) 0 33px no-repeat; }
#content #fhfm p { padding: 0 385px 0 37px; }
#content #efm { height: 215px; background: url(../images/bg-promo-efm.jpg) 0 33px no-repeat; }
#content #efm p { padding: 0 325px 0 37px; }
#content #rssf { height: 183px; background: url(../images/bg-promo-rssf.jpg) 0 33px no-repeat; }
#content #rssf p { padding: 0 255px 0 37px; }
#content #zipc { height: 185px; background: url(../images/bg-promo-zipc.jpg) 0 33px no-repeat; }
#content #zipc p { padding: 0 255px 0 37px; }
#content #fma { height: 180px; background: url(../images/bg-promo-fma.jpg) 0 33px no-repeat; }
#content #fma p { padding: 0 255px 0 37px; }
#content #ct { height: 220px; background: url(../images/bg-promo-ct.jpg) 0 33px no-repeat; }
#content #ct p { padding: 0 255px 0 37px; }

#promotools #content .centered-content { padding: 0 40px; height: 560px;}
#content .promo-site { float: left; width: 154px; margin: 12px 10px 12px 0; }
#content .promo-site img { display: block; background: #bfbfbf; padding: 1px; border: 1px solid #383736; margin: 0 0 5px 0; }
#content .promo-site p { margin: 0; padding: 0; }
#content .promo-site a { display: block; width: 152px; height: 22px; border: 1px solid #b4b2b3; background: url(../images/bg-sitetitle.gif) top left repeat-x; font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif; color: #000; text-align: center; text-decoration: none; }



/* Footer */
#footer { text-align: center; margin: 70px 0 20px; font-size: 10px;  padding-bottom: 20px;  }