html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


body {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#wrapper {
	width: 1020px;
	background-color: #FFF;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#wrapper1 {
	width: 400px;
	background-color: #FFF;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#top {
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	height: 20px;
}
#top1 {
	width: 450px;
	background-image: url('images/top1.jpg');
	background-repeat: no-repeat;
	height: 20px;
}

#container {
	background-image: url(images/middle.jpg);
	background-repeat: repeat-y;
}
#header {
	width: 1020px;
	background-image: url(images/middle.jpg);
	background-repeat: repeat-y;
	position: relative;
	height: 60px;
	
}
#header1 {
	width: 400px;
	background-image: url(images/middle.jpg);
	background-repeat: repeat-y;
	position: relative;
	height: 60px;
	
}

#header h1 {
	float: left;

}
#header h1 a {
	display: block;
	height: 60px;
	width: 570px;
	margin-left: 25px;
}
#header h1 a span {
	display: none;
}
#header p {
	font-variant: small-caps;
	text-align: center;
	height: 30px;
	width: 325px;
	font-size: 18px;
	color: #4E4E4E;
	float: left;
	margin-left: 60px;
	margin-top: 10px;
	}
#header p img {
	vertical-align: middle;
}
.indented
   {
   padding-left: 20pt;
   padding-right: 20pt;
   }


#topnav {
	position: relative;
	height: 30px;
	margin-right: 50px;
	left: 700px;
	width: 260px;
	
}
#topnav1 {
	position: relative;
	height: 30px;
	width: 253px;
	margin-left: 250px;
	top: 0px;
	left: -73px;
}

#topnav ul {
	height: 30px;
	background-image: url(images/topnavsprite.png);
	background-repeat: no-repeat;
}
#topnav ul li {
	display: inline;
}
#topnav ul li a {
	display: block;
	height: 30px;
	float: left;
	
}
#topnav ul li a span {
	display: none;
}

#topnav ul li#nabout a:link, #topnav ul li#nabout a:visited {
	width: 90px;
}
#topnav ul li#nfaq a:link, #topnav ul li#nfaq a:visited {
	width: 63px;
}
#topnav ul li#ncontact a:link, #topnav ul li#ncontact a:visited {
	width: 107px;
}


/*hover styles*/

#topnav ul li#nabout a:hover, #topnav  ul li#nabout a:active {
	width: 90px;
	background: url(images/topnavsprite.png) 0 -30px;
}
#topnav  ul li#nfaq a:hover, #topnav  ul li#nfaq a:active {
	width: 63px;
	background: url(images/topnavsprite.png) -90px -30px;
}
#topnav  ul li#ncontact a:hover, #topnav  ul li#ncontact a:active {
	width: 107px;
	background: url(images/topnavsprite.png) -153px -30px;
}


/*end hover styles*/

/*on page styles*/
#dabout #topnav  ul li#nabout a:link,
#dabout #topnav  ul li#nabout a:visited,
#dabout #topnav  ul li#nabout a:hover,
#dabout #topnav  ul li#nabout a:active {
	width: 90px;
	background: url(images/topnavsprite.png) 0 -30px;
}
#dfaq #topnav  ul li#nfaq a:link,
#dfaq #topnav  ul li#nfaq a:visited,
#dfaq #topnav  ul li#nfaq a:hover,
#dfaq #topnav  ul li#nfaq a:active {
	width: 63px;
	background: url(images/topnavsprite.png) -90px -30px;
}
#dcontact #topnav  ul li#ncontact a:link,
#dcontact #topnav  ul li#ncontact a:visited,
#dcontact #topnav  ul li#ncontact a:hover,
#dcontact #topnav  ul li#ncontact a:active {
	width: 107px;
	background: url(images/topnavsprite.png) -153px -30px;
}

#slider {
	width: 960px;
	position: relative;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.success {
	padding-bottom: 5px;

}

.scroll {
	height: 345px;
	width: 960px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	background: repeat-x scroll left bottom;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
}

.scrollContainer div.panel {
	height: 345px;
	width: 960px;
}
#slider .scroll .scrollContainer #howitworks {
	background-image: url(images/howitworks.jpg);
	background-repeat: no-repeat;
	height: 345px;
}
#slider .scroll .scrollContainer #features {
	background-image: url(images/features.jpg);
	height: 345px;
}
#slider .scroll .scrollContainer #pricing {
	background-image: url(images/pricing.jpg);
	height: 345px;
}
#slider .scroll .scrollContainer #phones {
	background-image: url(images/phones.jpg);
	height: 345px;
}
#slider .scroll .scrollContainer #getstarted {
	background-image: url(images/started.jpg);
	height: 345px;
}

ul.nav {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-transform: capitalize;
	height: 75px;
	text-align: center;
	color: #369;
	background-image: url(images/scrollnav.jpg);
}

ul.nav li {
	display: inline;
	
}

ul.nav a {
	text-decoration: none;
	display: block;
	height: 75px;
	float: left;
	background-repeat: no-repeat;
}

ul.nav a span{
	
	display: none;
	
}

ul.nav a:focus {
    outline: none;
}

ul.nav li#nhow a:link, ul.nav li#nhow a:visited{
	width: 191px;
}
ul.nav li#nhow a:hover, ul.nav li#nhow a:active{
	width: 191px;
	background: url(images/spritenav.jpg)  0 -75px;
}

ul.nav li#nfeature a:link, ul.nav li#nfeature a:visited{
	width: 238px;
}
ul.nav li#nfeature a:hover, ul.nav li#nfeature a:active{
	width: 238px;
	background: url(images/spritenav.jpg) -191px -75px;
}

ul.nav li#nprice a:link, ul.nav li#nprice a:visited{
	width: 131px;
}
ul.nav li#nprice a:hover, ul.nav li#nprice a:active{
	width: 131px;
	background: url(images/spritenav.jpg) -429px -75px;
}
ul.nav li#nphone a:link, ul.nav li#nphone a:visited{
	width: 228px;
}

ul.nav li#nphone a:hover, ul.nav li#nphone a:active{
	width: 228px;
	background: url(images/spritenav.jpg) -560px -75px;
}

ul.nav li#nstart a:link, ul.nav li#nstart a:visited{
	width: 172px;
}
ul.nav li#nstart a:hover, ul.nav li#nstart a:active{
	width: 172px;
	background: url(images/spritenav.jpg) -788px -75px;
}




/*on page styles*/
ul.nav li#nhow a.selected{
	width: 191px;
	background: url(images/spritenav.jpg) 0 -75px ;
}

ul.nav li#nfeature a.selected{
	width: 238px;
	background: url(images/spritenav.jpg) -191px -75px;
}

ul.nav li#nprice a.selected{
	width: 131px;
	background: url(images/spritenav.jpg) -429px -75px;
}

ul.nav li#nphone a.selected{
	width: 228px;
	background: url(images/spritenav.jpg) -560px -75px;
}
ul.nav li#nstart a.selected{
	width: 172px;
	background: url(images/spritenav.jpg) -788px -75px;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

/*end scroll*/
/*buttons for scroll*/
#slider .scroll .scrollContainer #phones h3 {
	
}
#slider .scroll .scrollContainer #phones h3 a {
	display: block;
	height: 70px;
	width: 207px;
	margin-left: 700px;
	margin-top: 260px;
}

#slider .scroll .scrollContainer #phones h3 a span {
	display: none;
}
#slider .scroll .scrollContainer #getstarted h3 {
	
}
#slider .scroll .scrollContainer #getstarted h3 a {
	display: block;
	height: 40px;
	width: 185px;
	margin-left: 130px;
	margin-top: 130px;
}

#slider .scroll .scrollContainer #getstarted h3 a span {
	display: none;
}

.none {
	display: none;
}

.bold {
	font-weight: bold;
}


.success {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
}



#boxes {
	background-image: url(images/middle.jpg);
	background-repeat: repeat-y;
	height: 95px;
}

#boxes #innovation {
	background-image: url(images/going.png);
	background-repeat: no-repeat;
	height: 95px;
	width: 273px;
	margin-left: 30px;
	float: left;
}
#boxes #security {
	background-image: url(images/security.png);
	background-repeat: no-repeat;
	height: 95px;
	width: 207px;
	float: left;
}
#boxes #iphone {
	background-image: url(images/iphone.png);
	background-repeat: no-repeat;
	float: left;
	height: 95px;
	width: 207px;
}
#boxes #started {
	background-image: url(images/startedfree.png);
	background-repeat: no-repeat;
	float: left;
	height: 95px;
	width: 273px;
}

#boxes #innovation h2 {
}
#boxes #innovation h2 a {
	display: block;
	height: 95px;
	width: 273px;
	margin-left: 0px;
}
#boxes #innovation a span {
	display: none;
}

#boxes #security h2 {
}
#boxes #security h2 a {
	display: block;
	height: 95px;
	width: 207px;
	margin-left: 0px;
}
#boxes #security a span {
	display: none;
}
#boxes #iphone h2 {
}
#boxes #iphone h2 a {
	display: block;
	height: 95px;
	width: 207px;
	margin-left: 0px;
}
#boxes #iphone a span {
	display: none;
}
#boxes #started h2 {
}
#boxes #started h2 a {
	display: block;
	height: 95px;
	width: 273px;
	margin-left: 0px;
}
#boxes #started a span {
	display: none;
}



.whiteboldtext {
	font-size: 1.0em;
	font-weight: bold;
	color: #FFF;
}

.orangetext {
	color: #F90;
	padding-top: 25px;
	font-size: 1.3em;
	padding-left: 15px;
	padding-bottom: 10px;
	font-weight: normal;
}

#bottom {
	background-image: url(images/bottom.jpg);
	background-repeat: no-repeat;
	height: 15px;
	clear: left;
}
#bottom1 {
	background-image: url('images/bottom1.jpg');
	background-repeat: no-repeat;
	height: 15px;
	clear: left;
	width: 450px;
}

#content h3 {
	font-size: 18px;
	color: #666;
	margin-bottom: 15px;
}
#content {
	background-image: url(images/middle.jpg);
	background-repeat: repeat-y;
	width: 920px;
	padding: 50px;
}
#content1 {

	background-repeat: repeat-y;
	width: 450px;
	padding: 5px;
}

#content h2 {
	color: #3092CD;
	font-size: 24px;
	font-variant: small-caps;
	text-transform: uppercase;
	margin-bottom: 20px;
}


#content p {
	font-size: 13px;
	margin-bottom: 15px;
	line-height: 18px;
}

#footer {
	height: 100px;
	text-align: center;
	clear: both;
	width: 1020px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	margin-top: 10px;
}
#footer1 {
	height: 100px;
	text-align: center;
	clear: both;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	margin-top: 10px;
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	text-align: right;
	padding-right: 30px;
	text-transform: uppercase;
	padding-bottom: 5px;
	color: #363636;
}
#footer a    {
	text-decoration: none;
	color: #363636;
}
#footer a:hover {
	color: #078ADC;
	text-decoration: underline;
}
#footer a:active {
	color: #0087E0;
	text-decoration: none;
}

/*for contact slide out*/
.slide-out-div {
	padding: 20px;
	width: 250px;
	background: #ccc;
	border: 1px solid #29216d;
	line-height: 20px;
      }  


.content {
padding-left:15px;
width:420px;
}
  
H2 {
	font-size: 16px;
	color: #f1831f;
	margin-top: 5px;
	margin-bottom: 10px;
}
 
.tablebord{
margin-top:10px;
border: 1px #C1CDCD solid;
border-collapse: collapse;
 width:100%;
}
.trclass{
 width:100%;
}
.tdclass{
border: 1px #C1CDCD solid;
border-collapse: collapse;
font-size: 12px;
text-align:center;
padding:3px 0 3px 0;
width:200px;
}
.tdmodel{
border: 1px #C1CDCD solid;
border-collapse: collapse;
font-size: 12px;
text-align:center;
padding:3px 0 3px 0;
width:200px;
}

.noBorder{
border-top:none;
border-bottom:none;
}
.borderTop{
border-top:1px #C1CDCD solid;
border-bottom:none;
}
.tdclass p{
margin-bottom:0;
}
#phones {
	color: #363636;
}
#phonesmodel {
	color: #FE9800;
}


#phones a    {
	text-decoration: none;
	color: #363636;
}
#phones a:hover {
	color: #078ADC;
	text-decoration: underline;
}
#phones a:active {
	color: #0087E0;
	text-decoration: none;
}