@charset "utf-8";
/* CSS Document */

a img { border: none; }

html * { margin:0; padding:0; }

* {
	border:0;
	margin:0;
	padding:0;
}

/*  Title for page1  */
#box1{
    width: 600px;
    height: 50px;
    /*background: #404040;    */
    position: absolute;
}

/*  Subitle for page1  */
#box1a{
    width: 500px;
    height: 40px;
    /*background: #404040;  */  
    position: absolute;
}

.center {
     margin-left: auto;
    margin-right: auto;

     
 }
 



/* general */

/*hr {
	height:5px; 
	border:none; 
	color:#03f692; 
	background-color:#404040;

}*/

hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
	border-color:#03f692;
} 

a {
	color: #4DA0ED;
	text-decoration:none;
}

a:hover {
	color: #19E5CF;
	text-decoration:none;
}


p.vspacer {
	line-height: 150px;
	}
	
.white_m {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; 
	font-size:24px;
	color: #ffffff;
	
	}

.white_l {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; 
	font-size:32px;
	color: #ffffff;
	
	}

.red_m {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; 
	font-size:2px;
	color: #ff0000;
	
	}
	
.bluegray_s {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; 
	font-size:18px;
	color: #5A7A98;
}

.bluegray_m {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; 
	font-size:20px;
	color: #5A7A98;
}

.bluegray_l {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; 
	font-size:24px;
	color: #5A7A98;
}

.bluegray_ll {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; 
	font-size:28px;
	color: #5A7A98;
}	

.blue_s {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; 
	font-size:18px;
	color: #4DA0ED;
}

.blue_m {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; 
	font-size:24px;
	color: #4DA0ED;
}

.blue_l {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; 
	font-size:26px;
	color: #4DA0ED;
}

.blue_xl {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; 
	font-size:30px;
	color: #4DA0ED;
}

.green_xl {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; 
	font-size:30px;
	color: #2AC86D;
}

.green_2016_xl {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; 
	font-size:30px;
	color: #19E5CF;
	}


.right {
     position: absolute;
     right: 0px;
     /*width: 300px;*/
     /*background-color: #b0e0e6;*/
 }
 
.left {
     position: absolute;
     left: 0px;
     /*width: 300px;*/
     /*background-color: #b0e0e6;*/
 }
 
.page-padding {
	height:90px; 
	width:100%;
	}
 
.header { 
	height: 75px;
	width: 100%;
	position: fixed;
	top: 0;
	background-color: #FFFFFF;
	z-index: 100;
}

#wrapper {
    border: 0px;
	background-color: #FFFFFF;
}

#logo {
	display: inline-block;
    width:350px;
    height:83px;
	padding-top: 5px;
	padding-left: 10px;
}

#fb {
	display: inline-block;
    width:250px;
	vertical-align:top;
    line-height: 74px;
	padding-top: 5px;
	padding-left: 0px;
}

#signin {
	display: inline-block;
    width:450px;
	vertical-align:top;
    line-height: 64px;
	padding-top: 5px;
	padding-left: 100px;
}
	
#nav {
	display: inline-block;
    
    height:75px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; 
	font-size:24px;
	font-weight:200;
	/*text-align:right;*/
	/*position: relative;*/
  	padding-top: 25px;
	/*background-color: #404040;*/
    float: right;
}

.tablebg1 {
	background-image: url("images/analytics_skewed1.png");
	background-repeat: no-repeat;
}



#page1 {	/*  Home	*/
	width: 100%;
	height:1350px;
	background-color: #FFFFFF;
	
	
	}

#page2 {	/*  About	*/
	width: 100%;
	height:1100px;
	background-color: #FFFFFF;
	
	}
	
#page3 {	/*  Videos	*/
	width: 100%;
	height:1450px;
	background-color: #FFFFFF;
	
	}

#page4 {	/*  Pricing	*/
	width: 100%;
	height:950px;
	background-color: #FFFFFF;
	
	}
	
	/*  Contact	*/	
/*#page5 {
	width: 100%;
	height:1000px;
	background-color: #FFFFFF;
	
	}
	*/
	/*  Privacy	*/	
/*#page6 {
	width: 100%;
	height:1700px;
	background-color: #FFFFFF;
	
	}
	*/
#page7 {	/*  Bottom	*/
	width: 100%;
	height:400px;
	
	}
	
#grad1 {
    height: 400px;
    background: rgba(77,160,237,1.00); /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left top, rgba(77,160,237,1.00), rgba(25,229,207,1.00)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, rgba(77,160,237,1.00), rgba(25,229,207,1.00)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, rgba(77,160,237,1.00), rgba(25,229,207,1.00)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, rgba(77,160,237,1.00), rgba(25,229,207,1.00)); /* Standard syntax (must be last) */
}

#grad2 {
	height: 400px;
	background: rgba(78,160,237,1);
	background: -moz-linear-gradient(left, rgba(78,160,237,1) 0%, rgba(25,229,209,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(78,160,237,1)), color-stop(100%, rgba(25,229,209,1)));
	background: -webkit-linear-gradient(left, rgba(78,160,237,1) 0%, rgba(25,229,209,1) 100%);
	background: -o-linear-gradient(left, rgba(78,160,237,1) 0%, rgba(25,229,209,1) 100%);
	background: -ms-linear-gradient(left, rgba(78,160,237,1) 0%, rgba(25,229,209,1) 100%);
	background: linear-gradient(to right, rgba(78,160,237,1) 0%, rgba(25,229,209,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ea0ed', endColorstr='#19e5d1', GradientType=1 );

}

#Monitor {
  position: relative;
  width: 350px;
  height: 273px;
  background-image: url('../images/computer_screen_sm_trans.png');
  float: right;
  margin-left: 60px;
}

#Slideshow {
	position: absolute;
	overflow: hidden;
	width: 307px;
	height: 178px;
	left: 22px;
	top: 19px;
}

.button {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: white;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	background-color: #24A7D8;
	width: auto; 
	border: 1px solid #03f692; 
	padding: 5px;
 }


.button:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #505050;
    -webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	background-color: #ffffff;
	width: auto; 
	border: 1px solid #03f692;
	padding: 5px;

 }