::-webkit-scrollbar {outline:1px solid rgba(100,100,100,0.5);width: 8px; height: 8px;
 
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.6);
	-o-box-shadow: 0 0 2px rgba(0,0,0,0.6);
	box-shadow: 0 0 2px rgba(0,0,0,0.6);
	}
 ::-webkit-scrollbar-track ,::-webkit-scrollbar-track-piece          {
  /*background: rgba(255,255,255,0.05);*/
  background: #aaa;
  background: rgba(150,150,150,0.2);
  }
 ::-webkit-scrollbar-thumb        { 
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); }
 ::-webkit-scrollbar-button, ::-webkit-scrollbar-corner, ::-webkit-resizer                { display: none; visibility:hidden;opacity:0;width:0;height:0;}
 
 

body {
	background: #f6f4f1;
}

a
{
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,0);
	font-weight: inherit !important;
}

a:hover
{
	border-bottom: 1px solid rgba(255,255,255,0.7);
	opacity: 0.7;
}

#main {
	background: #F0F0F0;
	width: 905px;
	margin: auto;
	overflow: hidden;
}



/*#FFmain {
	background-image: url(/images/common/large_image.jpg);
}*/

#compactlgn, #tophold, #topsect, #FFmain
{
	height: 693px;
	width: 905px;
}
#FFmain
{
	padding-top: 250px;
	height: 443px;
}


#topsect, #tophold
{
	overflow: hidden;
	position: relative;
}

#compactlgn
{
	width: 881px;
	margin: auto;
	position: relative;
	padding-top: 200px;
	height: 493px;
}

#join-title
{
	display: none;
}


#FFmain a, #tophold > div[class] a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
}

#FFmain a:hover, #tophold > div[class] a:hover {
	color: #FFF;
	text-decoration: none;
}

#Much_More {
	height: 377px;
	width: 905px;
	background-repeat: repeat-x;
	background-image: url(/images/common/topgrade_back.jpg);
	background-position: 0 -11px;
	top: 8px;
	-webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 -2px 2px rgba(0,0,0,0.2);
	-o-box-shadow: 0 -2px 2px rgba(0,0,0,0.2);
	box-shadow: 0 -2px 2px rgba(0,0,0,0.2);
	position: relative;
}
#What_You {
	height: 628px;
	width: 905px;
	background-image: url(/images/common/bottomgrade_back.jpg);
	background-repeat: repeat-x;
	-webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 -2px 2px rgba(0,0,0,0.2);
	-o-box-shadow: 0 -2px 2px rgba(0,0,0,0.2);
	box-shadow: 0 -2px 2px rgba(0,0,0,0.2);
	position: relative;
	color: #000000 !important;
	
}
#What_You ul li{
	list-style-type: none;
	background-image: url(/images/common/checkmark.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 42px;
	margin-left: -5px;
	
}


#benfhold {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #f5f4f3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #626262;
	line-height: 37px;
	margin: auto;
	padding: 13px;
	width: 750px;
	position: relative;
	top: 50px;
	overflow: auto;
}

#benfhold ul
{
	float: left;
}

.free_benefits_box
{
	float: left;
}


.features_list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #a0a0a0;
	line-height: 37px;
	width: 360px;

	float: right;
}


#themes {
	height: 682px;
	width: 905px;
	background-image: url(/images/common/theme_back.jpg);
			-webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 -2px 2px rgba(0,0,0,0.2);
	-o-box-shadow: 0 -2px 2px rgba(0,0,0,0.2);
	box-shadow: 0 -2px 2px rgba(0,0,0,0.2);
	position: relative;
}
.testimonial_section {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	background-color: #c6c6c6;
	position: relative;
	left: 425px;
	width: 421px;
	top: -40px;
	line-height: 24px;
	font-style: italic;
	padding: 16px;
}

.testimonial_name_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	display: block;
}
.theme_header {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	top: 14px;
	position: relative;
}
.artistname {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	position: relative;
	top: 15px;
	width: 422px;
	text-align: center;
	text-transform: uppercase;
}
.graytheme {
	height: 562px;
	width: 271px;
	position: relative;
	top: 50px;
	left: 33px;
	float: left;
}
.darktheme {
	height: 562px;
	width: 271px;
	position: relative;
	top: 50px;
	float: left;
	margin-left: 48px;
}
.whitetheme {
	height: 562px;
	width: 271px;
	position: relative;
	top: 50px;
	float: left;
	margin-left: 15px;
}
.imagefooter {
	color: #FFF;
		background: rgba(206,206,202, 0.75);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.6);
	-o-box-shadow: 0 0 2px rgba(0,0,0,0.6);
	box-shadow: 0 0 2px rgba(0,0,0,0.6);
	font-size: 18px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	z-index: 1;
}
.much_more_header {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	top: 18px;
	position: relative;
	
}
.much_more_copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #626262;
	width: 845px;
	position: relative;
	left: 33px;
	top: 45px;
	line-height: 30px;
	
}
.we_offer_copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #626262;
	width: 845px;
	position: relative;
	left: 33px;
	top: 38px;
	line-height: 30px;
}
.what_you_header {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	top: 15px;
	position: relative;
}
.grayline1 {
	height: 1px;
	width: 829px;
	background-color: #dfdcd8;
	position: relative;
	top: 33px;
	left: 37px;
}
.grayline2 {
	height: 1px;
	width: 829px;
	background-color: #dfdcd8;
	position: relative;
	top: 25px;
	left: 48px;
}
.grayline3 {
	height: 1px;
	width: 829px;
	background-color: #dfdcd8;
	position: relative;
	top: 25px;
	left: 48px;
}
.webring_copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #626262;
	width: 375px;
	position: relative;
	left: 33px;
	top: 68px;
	line-height: 30px;
}
.bold_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000;
}
.gray_italics {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	color: #999;
}
.loginlnk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	top: 18px;
	position: relative;
	float: right;
	right: 33px;
}

.signuplnk
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	position: absolute;
	top: 109px;
	right: 33px;
	z-index: 2;
}

.signuplnk a
{
	color: #fff;
}

.loginlnk.hide
{
	opacity: 0;
	visibility: hidden;
}

.slogancopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	width: 370px;
	position: relative;
	height: 24px;
	top: 32px;
	float: left;
	left: 73px;
}
.FFlogo {
	top: 33px;
	position: relative;
	left: 33px;
	width: 407px;
}
.FF_header {
		background: rgba(206,206,202, 0.75);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.6);
	-o-box-shadow: 0 0 2px rgba(0,0,0,0.6);
	box-shadow: 0 0 2px rgba(0,0,0,0.6);
	
	
	position: absolute;
	top: 53px;
	left: 0;
	width: 100%;
	height: 132px;
	
	background-repeat: no-repeat;
	z-index: 1;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
.whiteline {
	height: 1px;
	width: 802px;
	position: relative;
	top: 25px;
	left: 72px;
	float: left;
	background-color: #FFF;
}

#lnd2
{
	width: 100%;
	position:relative;
	height: 124px;
	padding-top: 4px;
	padding-bottom: 12px;
		-webkit-overflow-scrolling : touch;
	-moz-overflow-scrolling : touch;
	-o-overflow-scrolling : touch;
	overflow-scrolling : touch;
	
		overflow: auto;
	overflow-x: auto;
	overflow-y: hidden;
}
.kinetic-active:focus { outline: none; }



#lnd2 #assets
{
	width: 1000000px;
	height: inherit;
		-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all;
}

#lnd2 div#assets.loading
{
	background: rgba(206,206,202, 0.75) url('/images/pad/ajax-loader.gif') no-repeat center center;
	width: 100%;
	opacity: 0.7;
		-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.6);
	-o-box-shadow: 0 0 2px rgba(0,0,0,0.6);
	box-shadow: 0 0 2px rgba(0,0,0,0.6);
}

#lnd2 #assets > div:first-child
{
	margin-left: 13px;
}

#lnd2 #assets > div.pad-asset
{
	margin-right: 13px;
	width: 173px;
	height: 122px;
	float: left;
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.6);
	-moz-box-shadow: 0 0 1px rgba(255,255,255,0.6);
	-o-box-shadow: 0 0 1px rgba(255,255,255,0.6);
	box-shadow: 0 0 1px rgba(255,255,255,0.6);
	overflow: hidden;
	min-height: 122px;
	overflow: hidden;
}
#lnd2 #assets > div.pad-asset > a > img
{
	border-color: rgba(170,170,170,0.5);
}
.credpacing {
	margin-left: 6px;
}
a.signup {
	
	height: 134px;
	top: 80px;
	position: relative;
	left: 103px;
	width: 80px;
	display: block;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all;
}
a.signup img, a.signup
{
	border: 0;
}
a.signup:hover
{
	opacity: 0.9;
}

div#welcome-msg
{
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.6);
	-o-box-shadow: 0 0 2px rgba(0,0,0,0.6);
	box-shadow: 0 0 2px rgba(0,0,0,0.6);
	background: rgba(206,206,202, 0.85);
	display: none;
}

div.join-module
{
	-webkit-box-shadow: 3 3 4px rgba(0,0,0,0.5);
	-moz-box-shadow: 3 3 4px rgba(0,0,0,0.5);
	-o-box-shadow: 3 3 4px rgba(0,0,0,0.5);
	box-shadow: 3 3 4px rgba(0,0,0,0.5);
	border: 1px solid rgba(0,0,0,0.2);
	background: rgba(255,255,255,0.95);
	padding: 20px 10px 0 10px;
	margin: auto;
	margin-top: 45px;
	opacity: 0.95;
}