/* Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a:focus, a:active { border:none; outline:none; }
section, header, nav, footer { display: block; }
body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 rgb(0,0,0);}}

nav, header, section {
	display: block;
}

body {
	background: rgb(0,0,0);
	margin: 0 10px 10px;
}

a {
	color: rgb(50,50,50);
}

strong {
	font-style: italic;
}

header {
	background: url(/img/affiliate-sprites.png) top center no-repeat;
	width: 100%;
	height: 140px;
}

#content {
	position: relative;
	background: rgb(217,217,217);
	width: 100%;
	min-height: 400px;
	min-width: 1024px;
}

.tlcorner,
.trcorner,
.blcorner,
.brcorner {
	position: absolute;
	background-image: url(/img/affiliate-sprites.png);
	width: 10px;
	height: 10px;
}

.tlcorner {
	top: 0;
	background-position: 0 -140px;
	left: 0;
}
.trcorner {
	top: 0;
	background-position: -10px -140px;
	right: 0;
}
.blcorner {
	bottom: 0;
	background-position: 0 -150px;
	left: 0;
}
.brcorner {
	bottom: 0;
	background-position: -10px -150px;
	right: 0;
}

body.home .tlcorner,
body.home .trcorner,
body.home .blcorner,
body.home .brcorner,
body.signin .tlcorner,
body.signin .trcorner,
body.signin .blcorner,
body.signin .brcorner,
body.apply .tlcorner,
body.apply .trcorner,
body.apply .blcorner,
body.apply .brcorner {
	background-image: url(/img/signin-sprites.png);
}
body.home .tlcorner {
	background-position: 0 -205px;
}
body.home .trcorner {
	background-position: -10px -205px;
}
body.apply .tlcorner {
	background-position: -20px -205px;
}
body.apply .trcorner {
	background-position: -30px -205px;
}
body.home .blcorner,
body.apply .blcorner,
body.signin .blcorner {
	background-position: 0 -215px;
}
body.home .brcorner,
body.apply .brcorner,
body.signin .brcorner {
	background-position: -10px -215px;
}

body.signin .tlcorner {
	background-position: -20px -205px;
}
body.signin .trcorner {
	background-position: -30px -205px;
}

body.home a.thumbnail {
	position: absolute;
	top: 66px;
	left: 228px;
}

body.home a.overlay {
	position: absolute;
	top: 200px;
	left: 0;
	width: 100%;
	height: 100%;
}

body.home a.overlay img {
	position: absolute;
	top: 10px;
	left: 50%;
	margin: 0 0 0 -400px;
}

body.home div.blackout {
	background: rgba(0,0,0,0.75);
	width: 100%;
	height: 100%;
}

body.home div#content {
	width: 820px;
	min-width: 820px;
	margin: 0 auto;
}

body.home header,
body.apply header,
body.signin header {
	background: url(/img/signin-sprites.png) top center no-repeat;
	width: 100%;
	height: 200px;
}

body.home div.signin {
	background: url(/img/signin-sprites.png) 0 -230px repeat-x;
	height: 47px;
	width: 100%;
}

body.home form {
	display: none;
}

body.home div.signin a.show,
body.home div.signin a.contact {
	font: 11px/46px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	color: rgb(150,150,150);
	text-decoration: none;
	display: block;
	padding: 0 20px 0;
	height: 45px;
}
body.home div.signin a.show {
	color: rgb(90,90,90);
	width: 110px;
	text-align: right;
	float: right;
}
body.home div.signin a.contact {
	color: rgb(100,100,100);
	text-decoration: none;
	text-align: left;
	float: left;
}
body.home div.signin a.contact:hover {
	text-decoration: underline;
}

body.signin input,
body.signin label,
body.apply input,
body.apply label,
body.apply textarea {
	font: 12px/18px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	position: absolute;
	top: 9px;
	height:auto !important;
	padding: 3px 3px 1px;
}
body.apply input,
body.apply label,
body.apply textarea {
	width: 120px;
}
body.signin input {
	width: 200px;
	left: 50%;
	margin-left: -105px;
}
body.signin label {
	width: 200px;
	left: 50%;
	margin-left: -105px;
}
body.apply label,
body.signin label {
	font: 10px/14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	width: 185px;
}
body.apply label span,
body.signin label span {
	color: rgb(50,50,50);
}

body.signin #username {
	top: 44px;
}
body.signin .username {
	top: 24px;
}
body.signin #password {
	top: 96px;
}
body.signin .password {
	top: 76px;
}

body.home div.hero {
	position: relative;
	width: 750px;
	margin: 25px auto;
}

body.home div.column {
	color: rgb(90,90,90);
	font: 12px/18px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	width: 357px;
	float: left;
	padding: 0 0 2em;
}

body.home div.column h2 {
	color: rgb(40,40,40);
	font: 14px/18px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 1.5em 0 0.5em;
}

body.home div.column div.side {
	background: url(/img/signin-sprites.png);
	float: right;
	clear: both;
	width: 112px;
	height: 146px;
	margin: 42px 0 0;
}

body.home div.column div.platforms {
	background-position: 0 -465px;
}
body.home div.column div.stats {
	background-position: -112px -465px;
}
body.home div.column div.heart {
	background-position: -224px -465px;
}

body.home div.left {
	margin: 0 35px;
}

body.home div.apply {
	background: url(/img/signin-sprites.png) 0 -612px;
	clear: both;
	width: 335px;
	height: 140px;
	margin: 4em 0 0;
}

body.home div.apply p {
	color: rgb(90,90,90);
	font: 12px/18px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: center;
	padding: 1.5em 0 1em;
}
body.home div.apply a,
body.signin form button,
body.apply form button {
	display: block;
	color: rgb(170,170,170);
	border: none;
	background: url(/img/signin-sprites.png) 0 -317px;
	width: 204px;
	height: 48px;
	font: 11px/44px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	margin: 0 auto;
}
body.home div.apply a:hover,
body.signin form button:hover,
body.apply form button:hover {
	background-position: 0 -365px;
}
body.home div.apply a:active,
body.signin form button:active,
body.apply form button:active {
	color: rgb(90,90,90);
	background-position: 0 -413px;
}

body.signin form button {
	position: absolute;
	top: 148px;
	left: 50%;
	margin-left: -102px;
}

body.home footer {
	border-top: 1px solid rgb(186,186,186);
	color: rgb(40,40,40);
	background: rgb(206,206,206);
	font: 10px/18px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: center;
	clear: both;
	padding: 10px 0;
}

footer p {
	margin: 10px 0;
}

footer div.certified {
	width: 296px;
	height: 75px;
	text-align: center;
	margin: 10px auto 0;
}

a.gd-seal,
a.gpwa-seal {
	margin: 0 10px;
}

a.gd-seal span,
a.gpwa-seal span {
	display: inline-block;
	background-image: url(/img/signin-sprites.png);
	width: 128px;
	height: 75px;
	text-indent: -99999px;
}

.gd-seal span {
	background-position: -138px -759px;
}
.gpwa-seal span {
	background-position: -7px -759px;
}

body.apply div#content {
	width: 700px;
	min-width: 700px;
	margin: 0 auto 40px;
}

body.apply form {
	height: 770px;
}

body.apply label {
	margin-top: -20px;
}
body.apply #first_name,
body.apply .first_name {
	top: 75px;
	left: 80px;
}
body.apply #last_name,
body.apply .last_name {
	top: 75px;
	left: 220px;
}
body.apply #company,
body.apply .company {
	top: 125px;
	left: 80px;
	width: 260px;
}
body.apply #email,
body.apply .email {
	top: 175px;
	left: 80px;
	width: 260px;
}
body.apply #phone,
body.apply .phone {
	top: 175px;
	left: 360px;
	width: 260px;
}
body.apply #preferred,
body.apply .preferred {
	top: 225px;
	left: 80px;
	width: 540px;
}
body.apply #address,
body.apply .address {
	top: 275px;
	left: 80px;
	width: 540px;
}
body.apply #city,
body.apply .city {
	top: 325px;
	left: 80px;
	width: 260px;
}
body.apply #state,
body.apply .state {
	top: 325px;
	left: 360px;
	width: 260px;
}
body.apply #country,
body.apply .country {
	top: 375px;
	left: 80px;
	width: 260px;
}
body.apply #postal_code,
body.apply .postal_code {
	top: 375px;
	left: 360px;
	width: 260px;
}
body.apply #sites,
body.apply .sites {
	top: 425px;
	left: 80px;
	width: 540px;
}
body.apply #traffic,
body.apply .traffic {
	top: 535px;
	left: 80px;
	width: 540px;
}
body.apply #promo_type,
body.apply .promo_type {
	position: absolute;
	top: 585px;
	left: 80px;
	width: 540px;
}

body.apply #comments,
body.apply .comments {
	position: absolute;
	top: 635px;
	left: 80px;
	width: 540px;
}

body.apply label span.error {
	color: rgb(171,0,0);
}

body.apply button {
	position: absolute;
	left: 80px;
	bottom: 30px;
}

a.close {
	background: url(/img/signin-sprites.png);
	background-position: -212px -349px;
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 15px;
	height: 15px;
}
close:hover {
	background-position: -212px -367px;
}

body.signin #content {
	width: 300px;
	min-width: 300px;
	height: 210px;
	min-height: 210px;
	margin: 0 auto;
}

div.terms {
	color: rgb(50,50,50);
	font: 11px/18px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding: 20px 0;
	margin: 0 50px;
}

.terms h1 {
	margin: 20px 0;
}

.terms ol {
	margin: 1em 0;
}

.terms li {
	list-style: decimal;
	margin: 0 0 1em;
}

.terms li li {
	list-style: lower-roman;
}

.terms table {
	border-right: 1px solid rgb(200,200,200);
	border-bottom: 1px solid rgb(200,200,200);	
}
.terms td {
	border-top: 1px solid rgb(200,200,200);
	border-left: 1px solid rgb(200,200,200);
	padding: 0 10px;
}