@charset "UTF-8";
/* =RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ol,ul{list-style:none;}li{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}strong{font-weight:bold;}textarea{overflow:auto;vertical-align:top;}html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;}
.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior:url("js/boxsizing.htc");}


/*  FONTS 
	========================================================================== */
@font-face {
	font-family: 'Amaranth', sans-serif;
	font-weight: normal;
	font-style: normal;
}


/*  =DEFAULT & BASIC STYLES
	========================================================================== */
body {
	background: #e2e2e2;
	color: #000;
	font:400 62.5%/1 Helvetica,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
}
a {
	background:transparent;
	text-decoration: none;
	-webkit-transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear;
	-moz-transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear;
	-ms-transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear;
	-o-transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear;
	transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear;
}
	a:active,
	a:hover,
	a:focus {
		border: none;
		outline:0;
		text-decoration: none;
	}
::selection {
	background: #6a6a6a;
	color: #f5f5f5;
	text-shadow: 1px 1px 1px #060606;
}
::-moz-selection {
	background: #6a6a6a;
	color: #f5f5f5;
	text-shadow: 1px 1px 1px #060606;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.text-center {
	text-align: center;
}


.btn:active {
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.5) inset;
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.5) inset;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.5) inset;
	position: relative;
	top: 2px;
	left: 1px;
}

.btnJoin {


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6c0cf5+50,b78ceb+100 */
background: rgb(108,12,245); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(108,12,245,1) 50%, rgba(183,140,235,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%,rgba(108,12,245,1)), color-stop(100%,rgba(183,140,235,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(108,12,245,1) 50%,rgba(183,140,235,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(108,12,245,1) 50%,rgba(183,140,235,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(108,12,245,1) 50%,rgba(183,140,235,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(108,12,245,1) 50%,rgba(183,140,235,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c0cf5', endColorstr='#b78ceb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */




	color: #fff;
	display: inline-block;
	font: 3.4em/1.4 "Amaranth", Helvetica, Arial, sans-serif;
	padding: 0 2em;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 2px 2px 0 #580ac7;
}

	.btnJoin:hover {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#751ff4+50,c19fea+100 */
background: rgb(117,31,244); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(117,31,244,1) 50%, rgba(193,159,234,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%,rgba(117,31,244,1)), color-stop(100%,rgba(193,159,234,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(117,31,244,1) 50%,rgba(193,159,234,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(117,31,244,1) 50%,rgba(193,159,234,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(117,31,244,1) 50%,rgba(193,159,234,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(117,31,244,1) 50%,rgba(193,159,234,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#751ff4', endColorstr='#c19fea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	}




/*  HEADER 
	========================================================================== */
#header {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#626c6d+0,000000+100 */
background: rgb(98,108,109); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(98,108,109,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(98,108,109,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(98,108,109,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(98,108,109,1) 0%,rgba(0,0,0,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(98,108,109,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(98,108,109,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626c6d', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


	border-bottom: 9px solid #000;
	margin: 0 auto 26px;
	max-height: 255px;
	padding: 0 6%;
	position: relative;
}
	#header > img {
		display: block;
		height: auto;
		margin: 0 auto;
		max-width: 100%;
	}


	#account {
		position: absolute;
		right: 2%;
		top: 2%;
	}

		#account a {
			background: #000;
			color: #fff;
			display: inline-block;
			font: 2.3em/1.8 "Amaranth", "Helvetica Neue", Helvetica, Arial, sans-serif;
			padding: 0 0.75em;
			text-align: center;
			text-transform: uppercase;
		}
			#account a.btnJoin {
				background: #6c0cf5;
				margin-left: 0.25em;
			}
			#account a:hover {
				background: #101010;
				text-decoration: none;
			}
				#account a.btnJoin:hover {
					background: #904af4;
				}
			#account a:active {
				position: relative;
				top: 1px;
			}

	.left {
		float: left;
		margin-right: 3em;
	}
		h1 {
			color: #f8f848;
			display: inline-block;
			font: 3.1em/1 "Amaranth", "Helvetica Neue", Helvetica, Arial, sans-serif;
			margin-bottom: 0.3em;
			text-transform: uppercase;
		}
		.text {
			float: left;
			margin-top: 3em;
			width: 960px;
		}
			.description {
				color: #ffffff;
				font: 300 1.6em/1.5 Helvetica,Arial, "Lucida Grande", sans-serif;
				margin-bottom: 1em;
			}




/*  LISTING
	========================================================================== */
h2 {
	color: #ffe627;
	display: inline-block;
	font-size: 5.8em;
	font-weight: bold;
	letter-spacing: -2px;
	margin: 0.2em auto 0.3em;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
	width: 100%;
	word-spacing: -1px;
}

.thumbs {
	clear: both;
	margin: 1em auto;
	text-align: center;
	max-width: 1640px;
	width: 96%;
}
.thumbsContainer {
	margin-left: -0.4em;
	margin-right: -0.4em;
	text-align: center;
}
	.thumbsContainer li {
		float: left;
		padding: 0.4em;
		width: 20%;
	}
		.thumbsContainer li > a {
			display: block;
			position: relative;
		}
			.thumbsContainer img.thumbPreview {
				border: 1px solid #000;
				display: block;
				height: auto;
				width: 100%;
			}
			.thumbsContainer img.thumbLogo {
				position: absolute;
				bottom: 5%;
				right: 5%;
				z-index: 100;
			}

		.thumbsContainer li:hover img.thumbPreview {
			border: 1px solid #121212;
			opacity: 0.9;
			filter: alpha(opacity=90);
		}
		.thumbsContainer li:active img.thumbPreview {
			position: relative;
			top: 1px;
		}
		.thumbsContainer li:active img.thumbLogo {
			bottom: 4.5%;
		}

	.overlay {
		background: url("images/overlay.png") no-repeat center center transparent;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		position:absolute;
		width:100%;
		height:100%;
		z-index:110;
		left: 0;
		top: 0;
	}
	.thumbsContainer li:active .overlay {
		top: 1px;
	}
/*  PLAYER 
	========================================================================== */

.playerRow {
  clear: both;
  margin: 1em auto 2em;
  max-width: 1280px;
  width: 96%;
}
#jsplayer {
	background-color: #000;
	float: left;
	margin: 0 auto;
	position: relative;
	width: 638px;
}
#js-loading,
#js-viewport {
	width: 638px;
	height: 478px;
	overflow: hidden;
}
	#js-loading,	
	#js-viewport > img {
		display: inline-block;
		width: 100%;
	}
		#js-loading > img.thumbLogo {
			position: absolute;
			overflow: hidden;
			width: 638px;
		}
#js-reg {
	background-color: #fff;
	-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 10px rgba(0,0,0,0.75);
	color: #000;
	display: none;
	height: 70%;
	left: 5%;
	position: absolute;
	top: 10%;
	padding: 4em 3em;
	width: 90%;
	z-index: 5;
}

.player-reg-thumb {
	float: left;
	position: relative;
	padding: 0 5px 20%;
	width: 50%;
}

#js-reg-container {
	font-size: 1.9em;
	height: 100%;
	position: relative;
	width: 100%;
}
	#js-reg-container > p {
		margin-bottom: 1.2em;
	}
	#js-reg-container ul {
		margin-left: 2em;
	}
	#js-reg-container li {
		display: list-item;
		list-style: disc outside;
		margin-bottom: 0.4em;
	}

.js-playicon {
	background: url("images/icon-play.png") no-repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 120px;
	left: 50%;
	margin-left: -60px;
	position: absolute;
	top: 50%;
	margin-top: -60px;
	width: 120px;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
	.js-playicon:hover {
		opacity: 1;
		filter: alpha(opacity=100);
	}


#js-player-bar {
	background: url('images/video_playbar.jpg') no-repeat 0 0 transparent;
	position: relative;
	width: 638px;
	height: 38px;
	margin: 0;
	padding: 0;
	outline: 0;
}
#js-player-bar > div {
	position: absolute;
	height: 38px;
	top: 0;
	cursor: pointer;
}

#js-player-bar > div#js-playbar {
	left: 0;
	width: 54px;

	color: #fff;
	font: bold 15px Arial,Helvetica,sans-serif;
	height: 18px;
	right: 70px;
	text-align: center;
	top: 10px;
	cursor: default;
}

#js-player-bar > div#js-reddot {
	top: 9px;
	left: 60px;
	width: 19px;
	height: 19px;
}

#js-player-bar > div#js-hd {
	right: 0;
	width: 59px;
}

#js-player-bar > div#js-time {
	color: #fff;
	font: bold 15px Arial,Helvetica,sans-serif;
	height: 18px;
	right: 70px;
	text-align: center;
	top: 10px;
	width: 100px;
	cursor: default;
}

#js-loading {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	z-index: 4;
	display: none;
}

#js-loading img {
	display: block;
	width: 100%;
	height: 100%;
}



/*  JOIN 
	========================================================================== */
#joinBox {
  float: right;
  width: 570px;
}
	.joinTitle {
		color: #000;
		font: bold 4.6em/1 "Arial Black", Arial, sans-serif;
		margin: 0.75em auto;
		text-align: center;
	}


	.optionTitle {
		color: #000;
		font: bold 2.4em/1 "Arial Black", Arial, sans-serif;
		margin-bottom: 0.2em;
		text-align: center;
	}
	.joinOptionsGroup {
		margin-bottom: 2em;
	}
		.joinOptionsGroup a {
			background: #6c0cf5;
			border: 2px solid #fff;
			color: #fff;
			display: block;
			font: 2.4em/1.75 "Amaranth", "Helvetica Neue", Helvetica, Arial, sans-serif;
			letter-spacing: 1px;
			margin-bottom: 0.2em;
			text-align: center;
			text-transform: uppercase;
		}
			.joinOptionsGroup a:hover {
				background: #904af4;
			}
			.joinOptionsGroup a.highlight {
				background: #0acaf7;
			}
				.joinOptionsGroup a.highlight:hover {
					background: #0bf1f8;
				}
		




/*  SIGNUP 
	========================================================================== */
	.pitch {
		color: #151515;
		font: 3.4em/1.2 Arial, Helvetica, sans-serif;
		letter-spacing: -1px;
		text-align: center;
	}
	.signupButton {
		padding: 1em 0 3em;
		text-align: center;
	}
	.signupButton .btnJoin {
		font-size: 6.3em;
		line-height: 2;
		padding: 0 1em;
	}






/*  BONUS SITES 
	========================================================================== */
.bonusOfferBg {
	background: #000;
	padding: 3em 0 1em;
}
.bonusOffer {
	color: #fff;
	margin: 0 auto;
	max-width: 930px;
	text-align: center;
	width: 96%;
}
	.bonusTitle {
		clear: both;
		display: inline-block;
		font: bold 3.5em/0.8 "Amaranth", Helvetica, Arial, sans-serif;
		text-align: left;
		text-transform: uppercase;
	}
		.bonusTitle a {
			color: #fff;
		}
			.bonusTitle a:hover {
				color: #f2f2f2;
			}
		.bonusTitle em {
			color: #fd0e1c;
			font-size: 3.1em;
			line-height: 0.75;
			float: left;
			margin-right: 0.1em;
		}
			.bonusTitle a:hover em {
				color: #f00;
			}
		.bonusTitle strong {
			font-size: 1.8em;
		}


	.bonusSites {
		clear: both;
		margin: 1em -0.5em 0;
	}
	.bonusSites li {
		float: left;
		padding: 0.5em;
		width: 24.66%;
	}
	.bonusSites li > span {
		display: block;
		text-align: center;
	}
	.bonusSites li > span {
		display: block;
		font-size: 1.6em;
		line-height: 1.6;
		height: auto;
		margin: 0 auto;
		max-width: 100%;
	}


	.bonusOffer p > a {
		color: #fff;
		font: 3.6em/1.2 "Amaranth", Helvetica, Arial, sans-serif;
		letter-spacing: 2px;
		text-decoration: underline;
		word-spacing: 1px;
	}
		.bonusOffer p > a:hover {
			color: #fd0e1c;
		}

/*  FOOTER 
	========================================================================== */
#footer {
	background: #000;
	color: #c3c3c3;
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 0 auto;
	padding: 2em 4% 3em;
	text-align: center;
	text-transform: uppercase;
}

	#footer a {
		color: #c3c3c3;
	}
		#footer a:hover {
			color: #f2f2f2;
		}
	#footer p.copyright {
		margin-bottom: 1em;
	}


/*  MEDIA QUERIES 
	========================================================================== */
@media (min-width:1690px){
	#account {
		right: 7%;
	}
}
@media (min-width:1440px) and (max-width:1580px){
	#header {
		padding: 0 4%;
	}
		h1 {
			font-size: 2.95em;
		}
		.text {
			margin-top: 4em;
			width: 880px;
		}
		.description {
			color: #ffffff;
			font-size: 1.5em;
			line-height: 1.4;
		}
}
@media (min-width:1200px) and (max-width:1439px){
	#header {
		padding: 0 2%;
	}
		#account a {
			font-size: 2em;
		}
		h1 {
			font-size: 2.6em;
		}
		.text {
			margin-top: 5.5em;
			width: 820px;
		}
		.description {
			color: #ffffff;
			font-size: 1.4em;
			line-height: 1.3;
		}
	.signupButton .btnJoin {
		font-size: 5.6em;
	}
}
@media (min-width:1200px) and (max-width:1280px){
	#joinBox {
		width: 490px;
	}
	.thumbsContainer li {
		width: 33%;
	}
}
@media (min-width:992px) and (max-width:1199px){
	#header {
		padding: 0 2%;
	}
		#account a {
			font-size: 1.8em;
			padding: 0 1.5em;
		}
		h1 {
			font-size: 2.2em;
		}
		.text {
			margin-top: 4em;
			width: 630px;
		}
		.description {
			color: #ffffff;
			font-size: 1.5em;
			line-height: 1.3;
			margin-bottom: 0.5em;
		}
		.btnJoin {
			font-size: 3.2em;
		}

	.thumbsContainer li {
		width: 25%;
	}
		#player .thumbsContainer li {
			width: 33%;
		}

	.bonusTitle small {
		font-size: 0.9em;
	}
	.pitch {
		font-size: 3.2em;
	}
	.signupButton .btnJoin {
		font-size: 4.6em;
	}


	.joinTitle {
		font-size: 3.8em;
	}
	#jsplayer {
		width: 538px;
	}
		#js-loading,
		#js-viewport {
			height: 430px;
			width: 538px;
		}
		#js-viewport > img.thumbLogo {
			width: 140px;
		}
		#js-player-bar {
			background-image: url('images/video_playbar-1.jpg');
			width: 538px;
		}
	#joinBox {
		width: 400px;
	}
	.joinOptionsGroup a {
		font-size: 2em;
		line-height: 1.82;
	}
}
@media (min-width:768px) and (max-width:991px){
		#account {
			float: right;
			margin-top: 6em;
			position: static;
			width: 230px;
		}
		#account a {
			display: block;
			font-size: 3.5em;
		}
			#account a.btnJoin {
				margin-left: 0;
				margin-top: 0.25em;
			}
		h1 {
			color: #444444;
			font-size: 4.3em;
			text-align: center;
		}
		.text {
			margin: 2em auto;
			width: 100%;
		}
		.description {
			color: #000000;
			font-size: 1.6em;
		}
			.description > strong {
				display: inline-block;
				padding: 0 2em;
				text-align: center;
			}
		.btnJoin {
			font-size: 3.6em;
		}
	.thumbsContainer li {
		width: 33%;
	}
		.thumbsContainer li:last-child {
			display: none;
		}
		#player .thumbsContainer li:last-child {
			display: block;
		}

	.pitch {
		font-size: 2.8em;
	}
	.signupButton .btnJoin {
		font-size: 3.5em;
	}

	.bonusTitle small {
		font-size: 0.9em;
	}

	.bonusSites li {
		width: 25%;
	}
	.bonusOffer p > a {
		font-size: 3.3em;
	}
}
@media (min-width:670px) and (max-width:992px){
	#jsplayer {
		float: none;
	}
		#joinBox {
			float: none;
			width: 638px;
			margin: 3em auto;
		}
}
@media (min-width:580px) and (max-width:669px){
	#jsplayer {
		float: none;
	}
		#joinBox {
			float: none;
			width: 538px;
			margin: 3em auto;
		}
	.joinTitle {
		font-size: 3.8em;
	}
	#jsplayer {
		width: 538px;
	}
		#js-loading,
		#js-viewport {
			height: 430px;
			width: 538px;
		}
		#js-viewport > img.thumbLogo {
			width: 140px;
		}
		#js-player-bar {
			background-image: url('images/video_playbar-1.jpg');
			width: 538px;
		}
}
@media (min-width:580px) and (max-width:767px){
		#account {
			float: right;
			margin-top: 6em;
			position: static;
			width: 180px;
		}
		#account a {
			display: block;
			font-size: 3.2em;
		}
			#account a.btnJoin {
				margin-left: 0;
				margin-top: 0.25em;
			}
		h1 {
			color: #444444;
			font-size: 3.2em;
			text-align: center;
		}
		.text {
			margin: 2em auto;
			width: 100%;
		}
		.description {
			color: #000000;
			font-size: 1.5em;
		}
			.description > strong {
				display: inline-block;
				padding: 0 2em;
				text-align: center;
			}
		.btnJoin {
			font-size: 3em;
			line-height: 2;
			padding: 0;
			width: 100%;
		}
	.thumbsContainer li {
		width: 50%;
	}
		#player .thumbsContainer li:last-child {
			display: none;
		}

	.pitch {
		font-size: 2.3em;
	}
	.signupButton .btnJoin {
		font-size: 2.8em;
		padding: 0;
		width: 96%;
	}

	.bonusTitle {
		font-size: 2.6em;
	}
		.bonusTitle small {
			font-size: 0.9em;
		}
	.bonusSites li {
		width: 33%;
	}
	.bonusOffer p > a {
		font-size: 2.4em;
	}
}
@media (min-width:480px) and (max-width:579px){
	#header {
		max-height: 295px;
	}
		#account {
			right: 0;
			top: 0;
			width: 100%;
		}
		#account a {
			float: left;
			font-size: 2.8em;
			line-height: 1.5;
			width: 50%;
		}
			#account a.btnJoin {
				margin-left: 0;
			}
		.left {
			float: none;
			margin: 4em auto 0;
			text-align: center;
		}
		h1 {
			color: #444444;
			font-size: 2.6em;
			text-align: center;
		}
		.text {
			margin: 2em auto;
			width: 100%;
		}
		.description {
			color: #000000;
			font-size: 1.4em;
		}
		.btnJoin {
			font-size: 2.6em;
			line-height: 2.5;
			padding: 0;
			width: 100%;
		}
	.thumbsContainer li {
		width: 50%;
	}
		#player .thumbsContainer li:last-child {
			display: none;
		}
		.thumbsContainer img.thumbLogo {
			height: auto;
			width: 54px;
		}

	.pitch {
		font-size: 2.1em;
	}
	.signupButton .btnJoin {
		font-size: 2.3em;
		line-height: 2.5;
		padding: 0;
		width: 96%;
	}

	.bonusTitle {
		font-size: 2.4em;
	}
		.bonusTitle small {
			font-size: 0.9em;
		}
	.bonusSites li {
		width: 33%;
	}
	.bonusOffer p > a {
		font-size: 1.9em;
		line-height: 3;
		display: block;
	}




	.joinTitle {
		font-size: 3.4em;
	}
	.joinOptionsGroup a {
		font-size: 2em;
		line-height: 2;
	}


		#joinBox {
			float: none;
			width: 460px;
			margin: 3em auto;
		}
	.joinTitle {
		font-size: 3.8em;
	}
	#jsplayer {
		float: none;
		width: 460px;
	}
		#js-loading,
		#js-viewport {
			height: 367px;
			width: 460px;
		}
		#js-viewport > img.thumbLogo {
			bottom: 12%;
			width: 110px;
		}
		#js-player-bar {
			background-image: url('images/video_playbar-2.jpg');
			width: 460px;
		}

		#js-reg {
			padding: 2em;
		}
		#js-reg-container > p {
			margin-bottom: 1em;
		}
		#js-reg-container {
			font-size: 1.7em;
		}

}
@media (max-width:479px){
	#header {
		max-height: 295px;
	}
		#account {
			right: 0;
			top: 0;
			width: 100%;
		}
		#account a {
			float: left;
			font-size: 2.8em;
			line-height: 1.5;
			width: 50%;
		}
			#account a.btnJoin {
				margin-left: 0;
			}
		.left {
			float: none;
			margin: 4em auto 0;
			text-align: center;
		}
		h1 {
			color: #444444;
			font-size: 2.6em;
			text-align: center;
		}
		.text {
			margin: 2em auto;
			width: 100%;
		}
		.description {
			display: none;
		}
		.btnJoin {
			font-size: 2.7em;
			line-height: 1;
			padding: 0.4em 0.3em;
			width: 100%;
		}
	.thumbsContainer li {
		width: 100%;
	}
		.thumbsContainer img.thumbLogo {
			height: auto;
			width: 54px;
		}

	.pitch {
		font-size: 2.8em;
	}
	.signupButton .btnJoin {
		font-size: 3.0em;
		line-height: 1.0;
		padding: 0.5em 0;
		width: 96%;
	}

	.bonusTitle {
		font-size: 1.6em;
	}
		.bonusTitle small {
			font-size: 0.9em;
		}
	.bonusSites li {
		width: 50%;
	}
	.bonusOffer p > a {
		display: block;
		font-size: 1.9em;
		line-height: 1.4;
		padding: 0.5em 0;
	}



		#joinBox {
			float: none;
			width: 300px;
			margin: 3em auto;
		}
	.joinTitle {
		font-size: 2.3em;
	}
	.optionTitle {
		font-size: 1.8em;
	}
	.joinOptionsGroup a {
		font-size: 1.5em;
		line-height: 2.5;
	}

	#jsplayer {
		float: none;
		width: 300px;
	}
		#js-loading,
		#js-viewport {
			height: 240px;
			width: 300px;
		}

		#js-viewport > img.thumbLogo {
			bottom: 16%;
			width: 70px;
		}
		#js-player-bar {
			background-image: url('images/video_playbar-3.jpg');
			width: 300px;
		}
		#js-time span {
			display: none;
		}
		#js-player-bar > div#js-time {
			width: 55px;
		}
		.js-playicon {
			background-image: url('images/icon-play_s.png');
			height: 60px;
			margin-left: -30px;
			margin-top: -30px;
			width: 60px;
		}

	#js-reg {
		height: 80%;
		padding: 1em;
		top: 3%;
	}
	#js-reg-container > p {
		margin-bottom: 0.6em;
	}
	#js-reg-container {
		font-size: 1.4em;
	}

}