@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 650px) and (-webkit-min-device-pixel-ratio: 2) {
html {
	font-size:13px;
}

.title {	
	padding-left:20px;
}
.lineRule{	
	width:90%;
	left:20px;
	
}
.subtitle {	
	padding-left:0px;
	
	font-size:18px;

	letter-spacing:.5px;
	line-height:18.5px;
	
	padding-top:1px;
	padding-bottom:9px;
}
p {
	font-size:13px;
	word-spacing:0px;
	letter-spacing:0.5px;
	line-height:16px;
	
	margin-bottom: 10px;
}
.indent{
	font-size:13px;
	line-height:16px;
	font-style:normal;
	font-weight:normal;
	
	margin-bottom: 9.5px;
}

ul{
	color:#000000;
	
    list-style: disc outside none; 
    margin-left: 0; 
	
	letter-spacing:.1pt;
	line-height:14px;
    padding-left: 1.3em;
}
li{
	margin-bottom:2px;	
}
.article{
	
	margin-left:20px;
	margin-right:20px;

	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	
	-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0px;
}
.page{
	width:100%;
}

/*--------------------------------------------------------------------page 1-------------------------------------------------------------------*/

.page1 {
	width:100%;
	height:680px;
}
.page1title {	
	padding-left:20px;
	padding-top:40px;
	font-size:64px;
	letter-spacing:-1px;
	line-height:.95;
}
.page1subtitle {	
	padding-left:20px;
	padding-top:13px;
	font-size:27.318px;
	letter-spacing:.6px;
}
.page1subtitle2 {	
	padding-left:20px;
	padding-top:2px;
	font-size:13.659px;
	letter-spacing:-.2px;
}
.page1menu1 {	
	padding-left:20px;
	padding-top:36.8px;
	font-size:14px;
	letter-spacing:-.1px;
}
.page1menu1 a{
	text-decoration:none;
}
.page1menu {	
	padding-left:20px;
	padding-top:13.8px;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	letter-spacing:-.1px;
}
.page1menu a{
	text-decoration:none;
}
.page1logo {
	padding-left:14px;
	position: relative;
	top:148px;
}

/*----------------------------------------------------page 2-------------------------------------------------------------------*/

.page2{
	width:100%;
	padding-bottom:200px;
}

.page2image1{
	float:left;
	margin: 2px 10.5px 10px -3px;
}
.page2Image3{
	float:right;
	margin-top:-50px;
	margin-right:0px;
	background-image: url('mobileDevices.png');
    background-repeat: no-repeat;
	background-position: top right;
	width:220px;
	height:170px;
}
.page2BlueBox{	
	font-size:13px;
	line-height:16px;
	padding:13px;
}
.page2BlueBox a{
	font-size:13px;
	line-height:16px;
}
	
/*----------------------------------------------------page 3-------------------------------------------------------------------*/

.page3BlueBox{	
	width:280px;
	
	margin: 0 auto;
	margin-bottom:13px;
}

.page3BlueBoxwhiteCircle{
	margin-left:235px;
}
.page3GreenBox{	
	width:280px;
		
	margin: 0 auto;
	margin-bottom:13px;
}
.page3GreenBox p{	
	padding-left:50px;
}
.page3GreenBoxwhiteCircle{
	margin-left:-15px;
}
.page3OrangeBox{	
	width:280px;
	
	margin: 0 auto;
	margin-bottom:13px;
}
.steps {
	width:90%;
}

.page3clearbox{
	position:relative;
	height:270px;
	padding-top:20px;
	margin:0 auto;
}


/*----------------------------------------------------page 4-------------------------------------------------------------------*/

.page4BlueBox{
	left:40px;
	width:260px;
}
.page4BlueBox p{
	font-size:10px;
}

.page4event{
	display:inline-block;
	width:100%;
}
.page4survey_box{   
	position:relative;
	background-color:#dbd9d6;
	padding:8px;
	margin-left:0px;
	width:100%;
	margin: 0 auto;
}
.page4survey_box p{ 
	font-size:11px;
	letter-spacing:0px;	
}
.greatParagraph {
	font-size:11px;
	letter-spacing:0px;	
}
.yes_circle{
	position:absolute;
	left:100px;
	top:30px;
}
.great_circle{
	position:absolute;
	left:100px;
	top:30px;
}
	
/*----------------------------------------------------page 5-------------------------------------------------------------------*/


.page5BlueBox{
	font-size:13px;
	line-height:16px;
	padding:13px;
}
.page5BlueBox a{
	font-size:13px;
	line-height:16px;
}
.page5LightBlueBox{
	position:relative;
	margin-top:18px;
	height:240px;
}
.page5LightBlueBox p{
	width:100px;
}
.page5Before{
	position:absolute;
	right:15px;
	top:15px;
}
.page5Before p{
	font-size:9px;
	text-align:right;
}
.page5After{
	position:relative;
	float:right;
	padding-right:90px;
	top:0px;
}
.page5After p{
	font-size:9px;
	margin-bottom:2px;
}

/*----------------------------------------------------page 6-------------------------------------------------------------------*/

.page6image{
	/*outline: dashed #FF0004 thin;*/
	width:100%;
	height:auto;
	padding-top:60px;
	padding-bottom:30px;
}
.page6image img{
	width:100%;
	height:auto;
	margin: 0 auto;
}
.page6clearbox{
	margin: 0 auto;
}
.page6ad{
	width:100%;
}
.page6ad img{
	width:100%;
}

/*----------------------------------------------------page 7-------------------------------------------------------------------*/

.page7clearbox{
	position:relative;
	margin-top:20px;
	height:250px;
	
	margin: 0 auto;
}
.page7YellowBox{
	margin-bottom:50px;
}
.page7image{	
	width:100%;
	height:auto;
}
.page7image img{	
	width:100%;
	height:auto;
}
.page7clearbox img{
	position:relative;
	height:79px;
	width:112px;
	top:150px;
	left:66px;

}
.page7Image3 {
	position:absolute;
	height:85px;
	width:122px;
	margin-top:-105px;
	padding-left:180px;
}
.page7Image3 img{
	top:0px;
	left:0px;
}

.page7DarkBlueCircle{
	background: #0088ce;
	position:absolute;
	
	top:0px;
	left:0px;
	
	width: 160px;
	height: 160px;
	
	-moz-border-radius: 80px;
	-webkit-border-radius: 80px;
	border-radius: 80px;
}
.page7LightBlueCircle{
	background: #d9edf8;
	align-content:center;
	
	position:absolute;
	
	top:80px;
	right:-20px;
	
	width: 140px;
	height: 140px;
	
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
}


/*----------------------------------------------------page 8-------------------------------------------------------------------*/

.page8 a{
	letter-spacing:1px;
}
.page8Image3{
	height:197px;
	width:257px;
}
.page8BlueBox {
	font-size:13px;
	line-height:16px;
	padding:13px;
}
.page8BlueBox p{
	font-size:13px;
	line-height:16px;
}
.page8ad{
	width:100%;
	margin: 0 auto;
}
.page8ad img{
	width:100%;
}






/*----------------------------------------------------page 9-------------------------------------------------------------------*/

.page9Image1{
	float:left;
	height:140px;
	width:257px;
	margin-right:10px;
	margin-bottom:10px;
}
.page9clearbox{
	/*outline: dashed #FF0004 thin;*/
	position:relative;
	margin-top:20px;
	height:300px;
	width:300px;
	
	margin: 0 auto;
}
.page9DarkBlueCircle{
	background: #0088ce;
	position:absolute;
	
	top:120px;
	left:0px;
	
	width: 170px;
	height: 170px;
	
	-moz-border-radius: 85px;
	-webkit-border-radius: 85px;
	border-radius: 85px;
}
.page9LightBlueCircle{
	background: #d9edf8;
	align-content:center;
	
	position:absolute;
	
	top:0px;
	right:0px;
	
	width: 170px;
	height: 170px;
	
	-moz-border-radius: 85px;
	-webkit-border-radius: 85px;
	border-radius: 85px;
}
.page9credits{
	/*outline: dashed #FF0004 thin;*/
	background: #d9edf8;
	padding: 20px 30px 60px 30px;
	
	margin: 0 auto;
	
	font-size:9px;
	
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	
	-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0px;
}
.page9creditsTitle{
	font-size:16px;
	font-weight:bold;
	padding-bottom:15px;
		
    -webkit-column-span: all; /* Chrome, Safari, Opera */
    column-span: all;
}
.page9bottomUp {
	bottom: 60px;
}

}