* { margin: 0; padding: 0; }
html, body { 
    height: 100%;
    text-align: center;
	background-color: #fff;
	/*background:#444 url(../images/gray-on-white.gif) top right;*/
}
#mainPage { 
    /*background-color:#c2c2c2;*/
	text-align: center;
    width: 100%;
    height: 1800px;
    vertical-align: middle;
    display: inline-block;
	/*box-shadow: 6px 0px 10px -7px #888, -6px 0px 10px -7px #888; */
}
.menuOnWhite {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400; 
	color: #000;
	text-align:center;
    display: inline-block;
	letter-spacing: -1px;
	margin: 5px 0px 0px 0px;
}
.menuP3 {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400; 
	color: #000;
	text-align:center;
    display: inline-block;
	letter-spacing: -1px;
	margin: 5px 0px 0px 0px;
}
.a1:link {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300; 
	color: #898989;
	text-align:center;
    display: inline-block;
	letter-spacing: -1px;
	margin: 5px 0px 0px 0px;
	text-decoration: none;
}
.a1:visited {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300; 
	color: #898989;
	text-align:center;
    display: inline-block;
	letter-spacing: -1px;
	margin: 5px 0px 0px 0px;
	text-decoration: none;
}
.a1:active {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300; 
	color: #898989;
	text-align:center;
    display: inline-block;
	letter-spacing: -1px;
	margin: 5px 0px 0px 0px;
	text-decoration: none;
}
.a1:hover {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300; 
	color: #898989;
	text-align:center;
    display: inline-block;
	letter-spacing: -1px;
	margin: 5px 0px 0px 0px;
	text-decoration: underline;
}
.menuOnPurple {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400; 
	color: #fff;
	text-align:center;
    display: inline-block;
	letter-spacing: -1px;
	margin: 5px 0px 0px 0px;
}
.mainBodyText {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 300; 
	color: #898989;
	text-align:left;
	vertical-align: middle;
    display: inline-block;
	/*letter-spacing: -1px;*/
	margin: 0px 10px 0px 15px;
}
.mainBodySmall{
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px; 
	color: #000;
	text-align:left;
    display: inline-block;
	/*letter-spacing: -1px;*/
	margin: 10px 10px 0px 10px;
}
.mainBodySmall2 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	text-align:left;
	display: inline-block;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.mainBodyAlt {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300; 
	color: #898989;
	text-align:left;
	vertical-align: middle;
    display: inline-block;
}
.mainSubHead {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 22px;
	line-height: 30px;
	font-weight: 300; 
	color: #000;
	text-align:left;
	/*vertical-align: middle;*/
    display: inline-block;
	/*letter-spacing: -1px;*/
	margin: 20px 20px 0px 30px;
}
.mainSubAlt {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 28px;
	line-height: 30px;
	font-weight: 400; 
	color: #000;
	text-align:left;
}.mainSubAlt2 {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 28px;
	line-height: 30px;
	font-weight: 400; 
	color: #000;
	text-align:left;
	margin: 0px 0px 10px 15px;	
}
.subPurple {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: 400; 
	color: #7a4c9b;
	text-align:left;
	vertical-align: top;
    display: inline-block;
	/*letter-spacing: -1px;*/
	margin: 10px 20px 0px 10px;
}
.subPurpleBold {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400; 
	color: #7a4c9b;
}
.medBodyText {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 16px;
	line-height: 19px;
	font-weight: 300; 
	color: #898989;
	text-align:left;
	vertical-align: top;
    display: inline-block;
	/*letter-spacing: -1px;*/
	margin: 10px 10px 0px 10px;
}
.socialText {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400; 
	color: #898989;
	text-align:center;
	vertical-align: middle;
    display: inline-block;
	margin: 0px 0px 0px 0px;
}
.socialText a{
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400; 
	color: #898989;
	text-align:center;
	vertical-align: middle;
    display: inline-block;
	margin: 0px 0px 0px 0px;
	text-decoration:none;
}
.socialText a:hover{
    text-decoration:underline;
	color: #00aeef;
	font-weight: 400;
}
.socialSpace {
	margin: 30px 20px 10px 0px;	
}
.dividerBanner{
    margin:0px;
    height:25px;
    width:100%;
    float:left;
    background-color:#fff;
	text-align:center;
	top: 0;
	z-index: 90;
  	/*position: fixed;*/
}
.insideBanner1{
    margin:0px;
    height:170px;
    width:100%;
	background-image: url(../images/ftsb_pg1_head.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
    background-color:#fff;
	top: 0;
	z-index: 90;
}
.dividerBanner2{
    margin:0px;
    height:30px;
    width:100%;
    float:left;
	text-align:center;
    background-color:#8d63ab;
	top: 0;
	z-index: 99;
} 
.insideBanner2{
    clear: both;
	margin:0px;
    height:170px;
    width:100%;
	background-image: url(../images/ftsb_pg2_head.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
    background-color:#8d63ab;
	top: 0;
	z-index: 9999;
}
.dividerBanner4{
    margin:0px;
    height:30px;
    width:100%;
    float:left;
	text-align:center;
    background-color:#61ac43;
	top: 0;
	z-index: 99;
} 
.insideBanner4{
    clear: both;
	margin:0px;
    height:170px;
    width:100%;
	background-image: url(../images/ftsb_banner_green.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
    background-color:#61ac43;
	top: 0;
	z-index: 9999;
}
#mainContents { 
    clear: both;
    background-color:#fff;
	text-align: center;
    width: 965px;
    height: 635px;
 	margin-left: auto ;
 	margin-right: auto ;
	/*box-shadow: 0px 0px 8px 2px #999;*/
}
#mainContents2 { 
    clear: both;
    background-color:#8d63ab;
	text-align: center;
    width: 965px;
    height: 635px;
 	margin-left: auto;
 	margin-right: auto;
	/*box-shadow: 0px 0px 8px 2px #999;*/
}
#mainContents3 { 
    clear: both;
    background-color:#fff;
	text-align: center;
    width: 965px;
    height: 635px;
 	margin-left: auto;
 	margin-right: auto;
	/*box-shadow: 0px 0px 8px 2px #999;*/
}
#mainContentsAlt2 { 
    clear: both;
    background-color:#8d63ab;
	text-align: center;
    width: 965px;
    height: 635px;
 	margin-left: auto;
 	margin-right: auto;
	padding:  4% 0;
	/*box-shadow: 0px 0px 8px 2px #999;*/
}
#mainContentsAlt4 { 
    clear: both;
    background-color:#61ac43;
	text-align: center;
    width: 965px;
    height: 735px;
 	margin-left: auto;
 	margin-right: auto;
	padding:  0 0;
	background-image: url(../images/authors_bg.png);
	background-repeat:no-repeat;
	background-position:center top;
}
#floatContents {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 30%;
    width: 50%;
    margin: -15% 0 0 -25%;
}
.black{
    color:#fff;
    background:#000;
}
.white{
    color:#898989;
    background:#fff;
}
.white ul li{
    float:left;
    padding:1px 5px 5px 5px;
    margin:5px;
}
.white ul li a{
    display:block;
	text-decoration:none;
	color: #898989;
	font-weight: 300;
	letter-spacing: 0px;
}
.white ul li a:hover{
    text-decoration:underline;
	color: #000;
	font-weight: 300;
	letter-spacing: 0px;
}
.white2{
    color:#898989;
    background:#fff;
}
.white2 ul li{
    float:left;
    padding:1px 5px 5px 5px;
    margin:5px;
}
.white2 ul li a{
    display:block;
	text-decoration:none;
	color: #898989;
	font-weight: 300;
	letter-spacing: 0px;
}
.white2 ul li a:hover{
    text-decoration:underline;
	color: #000;
	font-weight: 300;
	letter-spacing: 0px;
}
.purple{
    color:#fff;
    background:#8d63ab;
}
.purple ul li{
    float:left;
    padding:1px 5px 5px 5px;
    margin:5px;
}
.purple ul li a{
    display:block;
	text-decoration:none;
	color: #fff;
	font-weight: 300;
	letter-spacing: 0px;
}
.purple ul li a:hover{
    text-decoration:underline;
	color: #fff;
	font-weight: 300;
	letter-spacing: 0px;
}
.green{
    color:#fff;
    background:#61ac43;
}
.green ul li{
    float:left;
    padding:1px 5px 5px 5px;
    margin:5px;
}
.green ul li a{
    display:block;
	text-decoration:none;
	color: #fff;
	font-weight: 300;
	letter-spacing: 0px;
}
.green ul li a:hover{
    text-decoration:underline;
	color: #fff;
	font-weight: 300;
	letter-spacing: 0px;
}
ul#navigation {
    /*position: fixed;*/
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#navigation1 {
    /*position: fixed;*/
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#navigation5 {
    /*position: fixed;*/
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#navigation2 {
    /*position: fixed;*/
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul.navigation3 {
    /*position: fixed;*/
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    list-style: none;
    z-index:9999;
}ul#navigation4 {
    /*position: fixed;*/
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
.leftPage{
    margin:15px 0px 0px 15px;
    /*height:580px;*/
    width:276px;
    float:left;
	position:relative;
	background-color:#fff;
	/*text-align:center;*/
}
.centerPage{
    margin:15px 0px 0px 0px;
    /*height:580px;*/
    width:350px;
    float:left;
	position:relative;
	background-color:#fff;
	cursor:pointer;	
}
.rightPage{
    margin:15px 15px 0px 0px;
    height:400px;
    width:279px;
    float:left;
	position:relative;
	background-color:#fff;
	/*text-align:center;*/
}
.rightPageALT{
    margin:15px 15px 0px 0px;
    height:500px;
    width:279px;
    float:left;
	position:relative;
	background-color:#fff;
	/*text-align:center;*/
}
.footerPage {
	clear: both;
	margin:0px 0px 0px 0px;
	vertical-align: middle;
    display: inline-block;
}
.leftColImage{
    margin:25px 0px 0px 8px;
    float:left;
	position:relative;
	text-align:left;
}
.floatForm {
	margin:15px 0px 0px 0px;	
    background-color:#fff;
	text-align: center;
    width: 222px;
    height: 269px;
	border: 1px solid silver;
 	margin-left: auto ;
 	margin-right: auto ;	
}
span.buy {
	/*margin:20px 0px 0px 10px;*/
	text-align: center;
	background-image:url(../images/buy_Button1.jpg); 
  	background-repeat:no-repeat; display:block;
}
span.buy:hover img {
	visibility:hidden;
}
.buyButton {
	margin:8px 0px 0px -30px;	
    background-color:#fff;
	text-align: center;
    width: 200px;
    height: 59px;
 	margin-left: auto;
 	margin-right: auto;	
}
.repPic {
	margin:20px 0px 0px -30px;	
    background-color:#fff;
	text-align: center;
    width: 200px;
    height: 118px;
 	margin-left: auto;
 	margin-right: auto;	
}
.mhrPic {
	margin:20px 0px 0px -30px;	
    background-color:#fff;
	text-align: center;
    width: 200px;
    height: 50px;
 	margin-left: auto;
 	margin-right: auto;	
}
.feedForm {
	margin:10px 0px 0px 0px;	
    background-color:#fff;
	text-align: center;
    width: 200px;
    height: 150px;
 	margin-left: auto ;
 	margin-right: auto ;	
}
.repInfo {
	margin:10px 0px 0px 0px;	
    background-color:#fff;
	text-align: center;
    width: 200px;
    height: 100px;
 	margin-left: auto ;
 	margin-right: auto ;	
}
.textBoxHolder {
	/*clear: both;*/
	float: left;
	margin:8px 0px 0px 9px;
	text-align:left;
	/*vertical-align: middle;
    display: inline-block;	*/
}
/* Campaign Monitor Subscription Form
   -----------------------------------*/

span.label,span.spacer,span.multiple span {
	width:120px;
	float:left;
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 3px;
	border:none;
} 
span.multiple {float:left;} 
span.button {
	/*padding-left:0px;*/
	/*background: url(../images/submitArrow.jpg) no-repeat;*/
    cursor:pointer;
    border:none;
	vertical-align:baseline;
} 
div.clear {clear:both;padding-top:5px;}

/* Video Player
----------------- */

#apple {
margin-top:0px;
text-align:center;
}

#apple img {
background-color:#fff;
padding:2px;
border:0px;
margin:2px 5px;
cursor:pointer;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

/* the overlayed element */
.apple_overlay {
    display:none;
    background-image:url(../images/white_bg.png);
    width:640px;
    padding:45px 0px 0px 0px;
}
.apple_overlay .close {
    background-image:url(../images/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}
/*  PAGE 2
---------------------*/
.leftPage2{
    margin:15px 0px 0px 15px;
    height:450px;
    width:525px;
    float:left;
	position:relative;
	background-color: #8d63ab;
	/*text-align:center;*/
}
.rightPage2{
    margin:15px 15px 0px 0px;
    height:450px;
    width:370px;
    float:right;
	position:relative;
	background-color:#fff;
	/*text-align:center;*/
}
.movieFrame{
	display: inline-block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height:284px;
    width:650px;
	background-image: url(../images/lead_peek.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
.p2Inner {
    display: inline-block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 8% 0;
}
.quoteText {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: 300; 
	color: #fff;
	text-align:left;
    display: inline-block;
	/*letter-spacing: -1px;*/
	margin: 10px 0px 0px 100px;
}
.resellerHead {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 35px;
	line-height: 36px;
	font-weight: 400; 
	color: #824fb1;
	text-align:center;
    display: inline-block;
	letter-spacing: -1px;
	margin: 20px 0px 0px 0px;
}
.resellerBody {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400; 
	color: #824fb1;
	text-align:center;
    display: inline-block;
	/*letter-spacing: -1px;*/
	margin: 20px 0px 0px 0px;
}
.footerPage2 {
	clear: both;
	margin:75px 0px 0px 0px;
	vertical-align: middle;
    display: inline-block;
}
.socialText2 {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400; 
	color: #fff;
	text-align:center;
	vertical-align: middle;
    display: inline-block;
	margin: 0px 0px 0px 0px;
}
.socialText2 a{
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400; 
	color: #fff;
	text-align:center;
	vertical-align: middle;
    display: inline-block;
	margin: 0px 0px 0px 0px;
	text-decoration:none;
}
.socialText2 a:hover{
    text-decoration:underline;
	color: #fff;
	font-weight: 400;
}

/*  PAGE 3
---------------------*/
.p3Head {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 36px;
	line-height: 36px;
	font-weight: 400; 
	color: #7a4c9b;
	text-align:center;
    display: inline-block;
	letter-spacing: -1px;
	margin: 30px 0px 0px 0px;
}
.pg3main{
    margin:0px 0px 0px 0px;
    /*height:580px;*/
    width:860px;
	height: 550px;
	background-color:#fff;
	text-align:center;
	clear: both;
 	margin-left: auto;
 	margin-right: auto;
	background-image: url(../images/success_bg.png);
	background-repeat:no-repeat;
	background-position:center top;
}
.leftPage3{
    margin:0px 0px 0px 0px;
    height:530px;
    width:80px;
    float:left;
	position:relative;
	/*text-align:center;*/
}
.centerLeftPage3{
    margin:15px 0px 0px 0px;
    height:530px;
    width:217px;
    float:left;
	position:relative;
	cursor:pointer;	
}
.p3Bold{
	font-weight: bolder;
	color: #252525;
}
.p3oneA {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: 300; 
	color: #898989;
	text-align:left;
    display: inline-block;
	margin: 130px 8px 0px 80px;		
}
.p3oneB {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: 300; 
	color: #898989;
	text-align:left;
    display: inline-block;
	margin: 10px 50px 0px 15px;		
}
.centerRightPage3{
    margin:15px 0px 0px 0px;
    height:530px;
    width:217px;
    float:left;
	position:relative;
	cursor:pointer;	
}
.p3twoA {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: 300; 
	color: #898989;
	text-align:left;
    display: inline-block;
	margin: 155px 70px 0px 15px;		
}
.rightPage3{
    margin:15px 15px 0px 0px;
    height:530px;
    width:217px;
    float:left;
	position:relative;
	/*text-align:center;*/
}
.p3three {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: 300; 
	color: #898989;
	text-align:left;
    display: inline-block;
	margin: 190px 60px 0px 50px;	
}
.p3four {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: 300; 
	color: #898989;
	text-align:left;
    display: inline-block;
	margin: 20px 0px 0px 100px;	
}
.a3:link {
	color: #898989;
	text-decoration: none;
}
.a3:visited {
	color: #898989;
	text-decoration: none;
}
.a3:active {
	color: #898989;
	text-decoration: none;
}
.a3:hover {
	color: #898989;
	text-decoration: underline;
}
/*  PAGE 4
    --------------------------------*/
.leftPage4{
    margin:0px 0px 0px 0px;
    height:400px;
    width:220px;
    float:left;
	position:relative;
	/*text-align:center;*/
}
.centerLeftPage4{
    margin:15px 0px 0px 0px;
    height:450px;
    width:260px;
    float:left;
	position:relative;
	cursor:pointer;	
}
.centerRightPage4{
    margin:15px 0px 0px 0px;
    height:400px;
    width:260px;
    float:left;
	position:relative;
	cursor:pointer;	
}
.p4A {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: 300; 
	color: #fff;
	text-align:left;
    display: inline-block;
	margin: 10px 10px 0px 15px;		
}
.p4B {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: 300; 
	color: #fff;
	text-align:left;
    display: inline-block;
	margin: 10px 0px 0px 30px;		
}
.p4Bold{
	font-weight: bolder;
	font-size: 20px;
	color: #fff;
}
.a2:link {
	color: #fff;
	text-decoration: none;
}
.a2:visited {
	color: #fff;
	text-decoration: none;
}
.a2:active {
	color: #fff;
	text-decoration: none;
}
.a2:hover {
	color: #fff;
	text-decoration: underline;
}
span.tools {
	/*margin:20px 0px 0px 10px;*/
	text-align: left;
	background-image:url(../images/beast_tools_button1.jpg); 
  	background-repeat:no-repeat; 
	display:block;
}
span.tools:hover img {
	visibility:hidden;
}