body {	
    padding: 30px 0 0;
    background:white;
	transform: scale(1.0); 
	-webkit-transform: scale(1.0); 
	-webkit-transform-origin: 0 0; 
	-moz-transform: scale(1.0); 
	-moz-transform-origin: 0 0; 
	-o-transform: scale(1.0); 
	-o-transform-origin: 0 0; 
	-ms-transform: scale(1.0); 
	-ms-transform-origin: 0 0;
}

div.section1Text{
	float: left;
}

h2.section1{
	font: 100 65px/75px 'Raleway', 'Century Gothic','Open Sans', sans-serif;  
	text-align: left;
	margin-top: 60px;
}
h2.section1Registration{
	font: 100 60px/70px 'Raleway', 'Century Gothic','Open Sans', sans-serif;
	margin-top: 20px;
}

h1.section1{
	margin-top: -15px;
	margin-bottom: 20px;
	font: 400 23px/31px 'Raleway', 'Century Gothic','Open Sans', sans-serif;
	color: #999999;
	width: 400px;
	text-align: left;
}
img.top{
}
img.section1{
	position: absolute;
}
img.image1{
	width: 550px;
	margin-left: -40px;
}
img.image2{
	width: 550px;
	margin-left: -40px;	
}
img.image3{
	width: 550px;
	margin-left: -40px;
}
div.section1{
	min-height: 500px;
}
div.registerImage{
	padding-top: 30px;
	padding-left: 30px;
}
hr.section1{
	margin-left: 30px;
	border-top-width: 1px;
	border-bottom-width: 0px;
}
hr.page1{
	border-color: rgb(245,206,5);
}
hr.page2{
	border-color: rgb(111,199,136);
}
hr.page3{
	border-color: rgb(249,124,67);
}

a.page1{
	background-color: rgb(72,199,244);
}
a.page2{
	background-color: rgb(111,199,136);
}
a.page3{
	background-color: rgb(249,124,67);
}
img.creditCards{
	margin-top: 50px;
}
.dot {
    display: inline-block;
    width:8px;
    height:8px;
    border-radius:4px;
    margin-left: 3px;
    background-color: rgb(200,200,200);
    cursor: pointer;
}
.dot1{
	background-color: rgb(245,206,5);
}
.dot2{
	background-color: rgb(111,199,136);
}
.dot3{
	background-color: rgb(249,124,67);
}
a.button{
	color: white;
	font: 400 23px/23px 'Raleway', 'Century Gothic', 'Open Sans', sans-serif;	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	text-align: center;	
}
a.button:HOVER{
	text-decoration: none;
	cursor: pointer;
	color: #efefef;	
}

header.span12{
	margin-left: 0px;
}

h2.section2{
	margin-top: 40px;
	font: 400 28px/31px 'Raleway', 'Century Gothic','Open Sans', sans-serif;  
	text-align: left;
}

h1.section2{
	font: 400 16px/26px 'Raleway', 'Century Gothic','Open Sans', sans-serif;
	color: #bbbbbb;
	text-align: left;
}

.footerSpace{
	margin-bottom: 50px;	
}

img.iphoneSketch{
	float: left;
	width: 275px;
}

img.innerIphoneFrame{
	position: absolute;
	margin-left: -255px;
	margin-top: 95px;
	width:239px;	
}

div.iphoneSketch{
	margin-top: 10px;
	float: right;
	width: 45%;
}

h2.section3{
	padding-top: 40px;
	font: 400 28px/31px 'Raleway', 'Century Gothic','Open Sans', sans-serif;  
	text-align: left;
	float:left;
	height: 60px;
}

div.innerFeatures{
	width: 40%;
	float:left;
}
h1.section3{
	font: 400 16px/26px 'Raleway', 'Century Gothic','Open Sans', sans-serif;
	color: #bbbbbb;
	text-align: left;
}

.features{
	text-align:left;
	font: 20px/28px 'Raleway', 'Century Gothic', 'Open Sans', sans-serif;	
}
#featuresSection{
	background-color: #fafafa;
	width: 100%;
}
div.featuresTabs{
	display: inline-block;
}
a.featureTab{
	width: 70px;
	height: 30px;
	padding: 10px;
	margin: 0px;
	margin-right: -5px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	border-left: 1px solid rgb(245,206,5);
	border-bottom: 1px solid rgb(245,206,5);
}

a.featureTabSelected{
	background-color: rgb(245,206,5);
}

.featureDetailsText{
	text-align:left;
	margin-top: 20px;
	font: 16px/26px 'Raleway', 'Century Gothic', 'Open Sans', sans-serif;	
	color: rgb(163,163,163);
	width: 90%;
	height: 130px;
	position: relative;
}
.featureDetailsShowing{
	display: inline-block;
}
.featureDetailsTextDiv{
	text-align:left;
	font: 16px/26px 'Raleway', 'Century Gothic', 'Open Sans', sans-serif;	
	color: rgb(163,163,163);
	width: 100%;
	height: 160px;
	position: relative;
}
h2.section4{
	padding-top: 60px;
	font: 400 28px/31px 'Raleway', 'Century Gothic','Open Sans', sans-serif;  
	text-align: left;
	float:left;
	height: 50px;
}
div.howDoesItWork{
	
}

div.howItWorksDiagram{
	display: inline-block;
	height: 200px;
	width: 100%;
	text-align: center;
}
img.howItWorksDiagram{
	padding: 25px;
}
.howItWorksExplanation{
	font: 400 14px/20px 'Raleway', 'Century Gothic', 'Open Sans', sans-serif;	
	color: rgb(163,163,163);
	width: 80%;
}
.howItWorksNumber{
	font: 24px/34px 'Raleway', 'Century Gothic', 'Open Sans', sans-serif;	
	color: white;
	background-color: rgb(8,144,220);
	border-radius: 20px;
	width: 40px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	float: left;
	margin-right: 20px;
	margin-left: -20px;
}

#contactUsSection{
	background-color: rgb(72,199,244);
	width: 100%;
}

h2.section5{
	padding-top: 80px;
	font: 400 28px/31px 'Raleway', 'Century Gothic','Open Sans', sans-serif;  
	text-align: left;
	color: white;
	width: 50%;
}
h1.section5{
	padding-top: 10px;
	padding-bottom: 30px;
	font: 400 16px/22px 'Raleway', 'Century Gothic','Open Sans', sans-serif;  
	text-align: left;
	color: white;
	width: 38%;
}
a.sendButton{
	color: black;
	font: 600 23px/23px 'Raleway', 'Century Gothic', 'Open Sans', sans-serif;	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	padding-right: 25px;
	text-align: center;
	background-color: rgb(255,202,10);
}
a.sendButton:HOVER{
	text-decoration: none;
	cursor: pointer;
	background-color: rgb(245,192,0);
}
input[type=text]{
	height: 30px;
}
input[type=number]{
	height: 30px;
}
input[type=text].emailTextBox{
	width: 300px;
	height: 30px;
	margin-right: 5px;	
	font: 600 18px/23px 'Raleway', 'Century Gothic', 'Open Sans', sans-serif;	
}

input[type=text].login,input[type=password].login{
	width: 200px;
	height: 30px;
	margin-right: 5px;	
	font: 600 18px/23px 'Raleway', 'Century Gothic', 'Open Sans', sans-serif;
}
a.loginButtons{
	color: black;
	font: 600 14px/23px 'Raleway', 'Century Gothic', 'Open Sans', sans-serif;	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	padding-right: 25px;
	text-align: center;
	background-color: rgb(72,199,244);
	line-height: 30px;
}
a.loginButtons:HOVER{
	text-decoration: none;
	cursor: pointer;
	background-color: rgb(52,179,224);
}

div.thankYouArea{
	color: white;
	font: 600 23px/23px 'Raleway', 'Century Gothic', 'Open Sans', sans-serif;	
}

div.mark{
	color: rgb(21,130,170);
	font-family: 'Raleway', 'Century Gothic', 'Open Sans', sans-serif;
    font-weight:300;
    font-size: 13px;
    margin-top: 50px;
    margin-bottom: 20px;
}
div.contactInformation{
	color: white;
	font-family: 'Raleway', 'Century Gothic', 'Open Sans', sans-serif;
    font-weight:500;
    font-size: 24px;
    line-height: 35px;
    margin-top: 20px;
}
img.contactInformation{
	padding-right: 15px;
}

a.emailAddress{
	color: white;
}
a.emailAddress:HOVER{
	color: white;
	text-decoration: none;
	border-bottom: 1px solid rgb(255,202,10);
}
/*-----------------------------------------------------------------------*/

.navbar {
    margin:0 0 15px;
    
}

.navbar-inner {
    background:transparent;
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    filter:none;
}

.navbar .brand {
    font-family: 'Raleway', serif;
    font-weight: 700;
    font-size: 24px;
    padding: 0;
    margin-left: 0;
}

.navbar .nav {
    float:right;	
	display: inline-block;
}

.navbar .nav li {
    margin-left: 15px;
}

.navbar .nav li a,
.footer-box a {   
	font: 600 16px/26px 'Raleway', 'Century Gothic', 'Open Sans', sans-serif;
    padding: 6px 18px;
    color: #888888;
    text-shadow: 0 1px 0 #ffffff;    
    line-height: 16px;
    text-align: center;    
}

.navbar .nav .active a,
.footer-box .active a {   
    color:#3799ca;
    text-shadow:none;   
    text-shadow:0 1px 0 #ffffff;    
	background-color:transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.navbar .nav li a:hover,
.footer-box a:hover {
    color:#3799ca;   
    text-shadow:0 1px 0 #ffffff;  
}

.navbar .nav .active a:hover,
.footer-box .active a:hover {    
    color:#4fb6e9;
    text-shadow:none;  
	background-color:transparent;  
	-webkit-box-shadow: none;
	box-shadow: none;
    text-shadow:0 1px 0 #ffffff;  
}

.features h3{
	font: 30px/35px 'Raleway', 'Century Gothic', 'Open Sans', sans-serif;	
	text-align: left;
 }
/*
* section-box
*/

.section-box h3 {
    font-family: 'Raleway', 'Century Gothic', 'Open Sans', sans-serif;
    font-weight:600;
    font-size: 24px;
    margin-bottom:15px;
	text-align: center;
}

.section-box {
    background:#ffffff;	
    box-shadow:none;
    border:1px solid #eeeeee;      
    padding:60px 0;
    margin-top:15px;
    margin-bottom:20px;
	color: #333333;
}

.section-box img
{
	margin-top: 30px;
	margin-bottom: 30px;
}

.section-box .row + .row {
    margin-top: 30px;
}

.section-box .span6 + .span4 img {
    float: right;
}

.loginFrame{
	display: none; 
	position: absolute; 
	padding: 10px; 
	z-index:50; 
	top: 60px; 
	right:50px;
	background-color: #fdfdfd;
	opacity: 1.0;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5), inset 0 -1px 0
		rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5), inset 0 -1px 0
		rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5), inset 0 -1px 0
		rgba(0, 0, 0, 0.1);
}

.loginButtons{
	width: 305px;
	margin: 10px; 
	padding: 0px; 
	text-align: center; 
	height: 40px;	
	cursor: pointer;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 970px;
}
.span12 {
  width: 970px;
}
.span11 {
  width: 970px;
}
.span10 {
  width: 970px;
}

hr.vertical-line{
  width: 1px; 
  height: 130px; 
  border-left: 1px solid rgb(72,199,244);
  float: left;
  margin-left: -20px;
  margin-top: 40px;
}
.third{
	width: 30%;
}
div.howItWorksDiagramMobile{
	display: none;
}
@media (max-width: 700px) {
	body{
		margin: 0px;
		padding: 0px;
		min-width: 100%;
	}
	.navbar .brand{
		margin-top: 20px;
		margin-bottom: 0px;
	}
	#headerLogo{
		height: 30px;
	}
	.container,
	.navbar-static-top .container,
	.navbar-fixed-top .container,
	.navbar-fixed-bottom .container {
	  width: auto;
	}
	.span12 {
	  width: auto;
	}
	.span11 {
	  width: auto;
	}
	.span10 {
	  width: auto;
	}
	#featuresSection{
		background-color: #f7f7f7;
	}
	
	hr.vertical-line{
	  width: 50px; 
	  height: 1px; 
	  border: 0px solid white;
	  border-bottom: 1px solid rgb(72,199,244);
	  display: inline-block;
	  float: none;
	  margin: 0px;
	}
	h2.section2{
		margin-top: 20px;
	}
	.footerSpace{
		margin-bottom: 15px;	
	}
	.third{
		width: 100%;
	}
	img{
		max-width: none;
	}
	img.image1{
		width: 360px;
		margin-left: -20px;
		margin-top: 7px;
	}
	img.image2{
		width: 360px;
		margin-left: -20px;
		margin-top: 7px;	
	}
	img.image3{
		width: 360px;
		margin-left: -20px;
		margin-top: 7px;
	}
	img.section1{
		position: absolute;
	}
	div.section1Text{
		float: none;
	}
	div.section1Img{
		height: 230px;
		margin-top: 50px;
		position: relative;	
	}
	img.creditCards{
		display: none;
	}
	hr.section1{
		display: none;
	}
	h2.section1{
		font: 100 40px/55px 'Raleway', 'Century Gothic','Open Sans', sans-serif;
		margin-top: 10px;
	}
	h1.section1{
		font: 100 17px/24px 'Raleway', 'Century Gothic','Open Sans', sans-serif;
		width: 100%;
	}
	.span12{
		width: auto;
	}
	div.innerFeatures{
		width: 100%;
		float: none;
	}
	.featureDetailsText{
		height:70px;
	}
	.featureDetailsTextDiv{
		height:110px;
	}
	div.furtherExplanation{
		display: none;
	}
	h2.section3{
		font: 400 33px/43px 'Raleway','Century Gothic','Open Sans',sans-serif;
		padding-top: 20px;
		height: 110px;
	}
	a.featureTab{
		width: 60px;
	}
	div.iphoneSketch{
		width: 100%;
		text-align: center;
		float:none;
	}
	img.iphoneSketch{
		width:auto;
		margin-left: auto;
		margin-right: auto;
		max-width: 60%;
		float:none;
	}
	img.innerIphoneFrame{
		/*width: 178px;
		margin-left: -190px;
		margin-top: 70px;*/
		width: 52.5%;
		margin-top: 20.9%;
		margin-left: -55.8%;
	}
	h2.section4{
		padding-top: 15px;
		height: 30px;
	}
	div.howItWorksDiagram{
		display: none;
	}
	div.points{
		display: inline-block;
	}
	div.howItWorksDiagramMobile{
		text-align: center;
		display: inline-block;
		width: 20%;
		margin-right: 10px;
		margin-left: -10px;
	}
	img.howItWorksDiagramMobile{
		max-width: 70px;
		max-height: 70px;
	}
	div.howItWorksExplanation{
		width: 50%;
		margin-left: 10px;
		height: 70px;
		vertical-align: middle;
		display: inline-block;
		font: 400 16px/26px 'Raleway','Century Gothic','Open Sans',sans-serif;
	}
	div.howItWorksNumber{
		margin-left: 0px;
		float: none;
		display: inline-block;
	}
	
	div.point{
		margin-top: 40px;
		height: 100px;
	}
	
	h2.section5{
		padding-top: 15px;
		width: 100%;
	}
	h1.section5{
		width: 100%;
		padding-bottom:15px;
	}
	input[type=text].emailTextBox{
		width: 200px;
		height: 20px;
		margin-top: 5px;
		font: 500 16px/23px 'Raleway', 'Century Gothic', 'Open Sans', sans-serif;
	}
	a.sendButton{
		font: 500 16px/23px 'Raleway', 'Century Gothic', 'Open Sans', sans-serif;
	}
	div.mark{
		font: 500 16px/23px 'Raleway', 'Century Gothic', 'Open Sans', sans-serif;
	}
	.active{
		display: none;
	}
	section{
		padding-left: 20px;
		padding-right: 20px;
	}
	
}
@media (min-width: 470px) {
	img.innerIphoneFrame{
		/*width: 178px;
		margin-left: -190px;
		margin-top: 70px;*/
		margin-left: -255px;
		margin-top: 95px;
		max-width: 239px;
	}
}