*{
	margin: 0;
	padding: 0;
}
body{
    padding:0;
    margin:0; 
	background:url("../images/bluebgtile.png"); 
	font-family:helvetica;
	text-shadow: 0px 1px 1px #2d2d2d;
	color:#eee;
} 
a{font-family:helvetica;
	text-shadow: 0px 1px 1px #2d2d2d;
	color:#eee;}
 li{list-style-type: none;}         


.buttonArea{
    float: left;
    left: 50%;
    position: relative;            
    top: 100%;
	margin-top: -32px;	
}                     
.buttonCon{  
    float: left;
    left: -50%;
    position: relative;        
}
.buttonCon .theButton {
	display: block;
	color: #B22222;
	width: 20px;
	height: 22px;
	background: url(../images/assets/circlebutton.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 3px;
	float: left;
}
.buttonArea a.active {
	background-position: 0 -22px;
}             


.oneByOne2{ 
	margin: 0;
	width: 960px;
	height: 2000px;   
	position: absolute;
	
	left: 36px; 

}  

.outer{
	position:relative;
	margin: 0px auto;
	width:970px;
}
.contentouter{
	position:relative;
	width:100%;
	height:140px;
	margin-top:20px;
	
}
.content{
	position:relative;
	margin: 0px auto;
	width:960px;
	height:120px;
	background:#254f79;
	border-radius:10px;
	padding:10px;
}
#sliderdiv{
	position: absolute;
}        

#sliderdiv .oneByOne_item{
	position: absolute;
	width: 960px;
	height: 1600px;

}        


/* slide 1 */ 
#sliderdiv .oneByOne_item .text1{      
	
	position: relative;
	float: left;
	margin: 40px 12px 0 48px;
	color: #FFFFFF;	
	font-size: 24px;  
	background: #9ACD32;
	padding: 8px;
}

#sliderdiv .oneByOne_item .text2{  
	clear: left;
	position: relative;
	float: left;
	margin: 4px 12px 0 48px;
	color: #EFEFEF;    
	background: #808000;
	padding: 8px;
	font-size: 12px;
} 
                                


.logo{
	position: absolute;
	top: 15px;
	left: 0px;
}
#sliderdiv img.title{
	position: absolute;
	top: 30px;
	left: 30px;
}
#sliderdiv img.screen{
	position: absolute;
	top: 200px;
	left: 225px;
}
#sliderdiv img.main_lefttext{
	position: absolute;
	top: 205px;
	left: 0px;
}
#sliderdiv img.messagewaiting{
	position: absolute;
	top: 213px;
	left: 730px;
}
#sliderdiv img.bottombuttons{
	position: absolute;
	top: 660px;
	left: 405px;
}
#sliderdiv img.statusindicators{
	position: absolute;
	top: 660px;
	left: 55px;
}
#sliderdiv img.dialpadtitle{
	position: absolute;
	top: 960px;
	left: 255px;
}
#sliderdiv img.dialpad{
	position: absolute;
	top: 1020px;
	left: 25px;
}
#sliderdiv img.favs{
	position: absolute;
	top: 1020px;
	left: 505px;
}
#sliderdiv img.recents{
	position: absolute;
	top: 1490px;
	left: 55px;
}

#sliderdiv img.phonesettings_title{
	position: absolute;
	top: 90px;
	left: 250px;
}

#sliderdiv img.phonesettings_screen{
	position: absolute;
	top: 200px;
	left: 280px;
}

#sliderdiv img.phonesettings_leftcol{
	position: absolute;
	top: 215px;
	left: 10px;
}

#sliderdiv img.phonesettings_rightcol{
	position: absolute;
	top: 200px;
	left: 695px;
}

#sliderdiv img.phonesettings_bottomrow{
	position: absolute;
	top: 620px;
	left: 285px;
}
#sliderdiv img.gensettings_title{
	position: absolute;
	top: 90px;
	left: 250px;
}

#sliderdiv img.gensettings_screen{
	position: absolute;
	top: 200px;
	left: 280px;
}

#sliderdiv img.gensettings_leftcol{
	position: absolute;
	top: 215px;
	left: 10px;
}

#sliderdiv img.gensettings_rightcol{
	position: absolute;
	top: 200px;
	left: 695px;
}

#sliderdiv img.gensettings_bottomrow{
	position: absolute;
	top: 620px;
	left: 285px;
}

#sliderdiv img.thirdparty_title{
	position: absolute;
	top: 30px;
	left: 45px;
}

#sliderdiv img.thirdparty_intro{
	position: absolute;
	top: 130px;
	left: 45px;
}


#sliderdiv img.thirdparty_subtitle{
	position: absolute;
	top: 450px;
	left: 45px;
}


#sliderdiv img.thirdparty_bottom{
	position: absolute;
	top: 490px;
	left: 45px;
}
#sliderdiv img.dialpad_title{
	position: absolute;
	top: 30px;
	left: 45px;
}
#sliderdiv img.dialpad_1{
	position: absolute;
	top: 150px;
	left: 45px;
}
#sliderdiv img.recents_1{
	position: absolute;
	top: 600px;
	left: 45px;
}

#sliderdiv img.callhelp_title{
	position: absolute;
	top: 30px;
	left: 45px;
}
#sliderdiv img.callhelp_2{
	position: absolute;
	top: 100px;
	left: 45px;
}
#sliderdiv img.callhelp_3{
	position: absolute;
	top: 650px;
	left: 5px;
}


		


#mac{
	display:block;
	width:180px;
	height:44px;
	background:url("../images/downloada.png") 0px -44px;

}
#mac:hover{
	display:block;
	width:180px;
	height:44px;
	background:url("../images/downloada.png") 0px 0px;

}
#pc{
	display:block;
	width:180px;
	height:44px;
	background:url("../images/downloadpc.png") 0px -44px;

}
#pc:hover{
	display:block;
	width:180px;
	height:44px;
	background:url("../images/downloadpc.png") 0px 0px;

}
.img6{
	position: absolute;
	top: 510px;
	left: 260px;
}     
.img7{
	position: absolute;
	top: 510px;
	left: 60px;
}                      
#sliderdiv .oneByOne_item span{
	font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
}                                                                                              

#sliderdiv .oneByOne_item a{
	text-decoration: none;
	color: #0066FF;
}



#sliderdiv .oneByOne_item span.wp1{
  	clear: left;
	position: relative;
	float: left;
	margin: 120px 12px 0 300px; 
	color: #FFFFFF;
	font-size: 20px;
	padding: 8px; 
}         

#sliderdiv .oneByOne_item img.wordpress{
	position: absolute;
	top: 8px;
	left: 0;
}        

#sliderdiv .oneByOne_item span.wp2{
  	clear: left;
	position: relative;
	float: left;
	margin: 120px 12px 0 0px; 
	color: #333333;
	width: 240px;
	font-size: 12px;
	background: #FFFFFF;
	padding: 8px; 
} 
#sliderdiv .oneByOne_item span.wp2 a{
	text-decoration: underline;
}  

.sliderdiv .oneByOne_item .vimeoDemo{
	position: absolute;
	z-index: 200;
	top: 0;
	left: 0;
}



.oneByOne2 .arrowButton .prevArrow{
	background: url(../images/assets/prev.png) no-repeat; 
	width: 40px;
	height: 80px;      
	position: absolute;
	top: 95px;	 
	left: 12px;
} 
.oneByOne2 .arrowButton .nextArrow{                 
	top: 95px;
	right: 12px;	
}                  



/* the css for the animation */

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-ms-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-ms-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
a{border:none;}
img{border:none;}
.clearfix{clear:both;}
.textnav{float:right;margin-top:20px;}
.textnav ul{float:left;}
.textnav ul li{
	list-style-type:none;
	float:left;
	
	padding-left:30px;
}
.textnav ul li a{
	color:#ccc;
	font-size:14px;
	display:block;
	padding:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	font-family:helvetica;
	text-shadow: 0px 1px 1px #2d2d2d;
	text-decoration: none;
	background:#254f79;
}
.textnav ul li a:hover{
	color:#fff;
	background:#254f79;
	}
.faqlist{
	padding:60px;
margin-top: 40px;
	background:#254F79;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
}
.faqquestion{

	font-family:helvetica;
	
	color:#fff;
	list-style-type: none;
	font-weight:bold;
	font-size:18px;
margin-top:10px;
margin-bottom:10px;
}
span.q{font-weight:bold;}

.faqanswer{
	font-family:helvetica;
	
	color:#fff;
	margin-left:10px;
	list-style-type: none;
	font-size:14px;

}
.centerme{
	  	margin: 0px auto;
	  	width:800px;
	  	height:50px;
	  	text-align:center;
	  	
	  	position:relative;
	  	clear:both;
	  }

.centerme nav ul{float:left;}
.centerme ul li{
	list-style-type:none;
	float:left;
	
	padding-left:30px;
}
.centerme ul li a{
	color:#ddd;
	font-size:12px;
	display:block;
	padding:10px;
	
	font-family:helvetica;
	text-shadow: 0px 1px 1px #2d2d2d;
	text-decoration: none;
	
}
.centerme ul li a:hover{
	color:#fff;
	
	}
	 .block{
	   	   	display:block;
	   	   	padding:20px;
	   	   	clear:both;
	   	   	position:relative;

	   	   }
	   	   .block img{margin-right:20px;}
	   	   .installstep{
	   	   	
	   	   	font-size:14px;
	   	   	margin-top:25px;
	   	   	font-family:helvetica;
	text-shadow: 0px 1px 1px #2d2d2d;
	   	   }