img, div, a, input { behavior: url(iepngfix.htc) }

html {
	font: normal 11px Lucida Grande, Helvetica, Arial, Verdana, sans-serif;
	line-height: 150%;
	color: #999;
	background: url(../images/bg_gradient.jpg) repeat-x #90bbd5;
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	width: 864px;
	margin: 0 auto;
}

img {
	border: 0;
}

#head {
	background: url(../images/head.jpg) no-repeat top center;
	width: 100%;
	height: 446px;
	position:relative;
}

#quote {
	width: 190px;
	height: 117px;
	background: url(../images/quote.png) no-repeat top center;
	position: absolute;
	top: 60px;
	left: 765px;
}

#sharethis {
	margin: 10px 0 0 0;
	float:right;
}
#sharethis a {
	color: #fff;
}

h1 {
	font: 40px Helvetica, Arial, sans-serif;
	color: #189cdd;
	letter-spacing:-.04em;
}

h2 {
	font: 16px Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #189cdd;
	letter-spacing:-.04em;
}

.boxA {
	position:relative;
	padding: 0;
	margin: 0 0 18px 0;
	background: url(../images/bg1_gradient.jpg) repeat-x bottom #f9fcfd;
	width: 864px;
	height:auto;
	border: 1px solid #fff;
 
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
}

.boxB {
	position:relative;
	padding: 0;
	margin: 0 0 18px 0;
	background: #62a3c7;
	width: 864px;
	height:auto;
 
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
}

#stats {
	height: 35px;
}

#stats p{
	font-size:16px;
	line-height:35px;
	color:#f9fcfd;
	text-align:center;
	height:auto;
}

.col4 {	
	width:178px;
	padding-left: 18px;
	padding-right: 18px;
	margin-bottom: 25px;
	height: 320px;
	float:left;
	border-right:1px solid #bfe4fa;
}

.feature1 {	background: url(../images/feature1.png) no-repeat bottom; }
.feature2 {	background: url(../images/feature2.png) no-repeat bottom; }
.feature3 {	background: url(../images/feature3.png) no-repeat bottom; }
.feature4 {	background: url(../images/feature4.png) no-repeat bottom; }


.last {
	border:none;
}

#features {
	padding:10px 0 10px 0;
	height: 325px;
	font-size: 12px;
	color:#333333;
}

.buttonBlue {
	padding: 10px 20px;
	background: #22b0f6;
	color: #fff;
	font: 20px Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -.04em;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	behavior: url(border-radius.htc);
}
.buttonBlue:link{ background: #22b0f6; }
.buttonBlue:visited{ background: #22b0f6; }
.buttonBlue:hover{ background: #71d0ff; }
.buttonBlue:active{ background: #2074b2; }

.buttonGray {
	padding: 10px 20px;
	background: #999;
	color: #fff;
	font: 20px Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -.04em;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	behavior: url(border-radius.htc);
}
.buttonGray:link{ background: #999; }
.buttonGray:visited{ background: #999; }
.buttonGray:hover{ background: #ddd; }
.buttonGray:active{ background: #666; }

#getnumbl_btn {
	margin: 0 10px 0 0;
}

#maincopy {
	margin-top: -18px;

	position:relative;
	padding: 20px 375px 0 60px;
	background: url(../images/bg1_gradient.jpg) repeat-x bottom #f9fcfd;
	width: auto;
	height: 320px;
	border: 1px solid #fff;
 
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
	
	font: 17px Lucida Grande, sans-serif;
	color: #7c909c;
	letter-spacing:-.04em;
}

#maincopy p{
	margin: 0 0 40px 0;
}

#hand {
	background: url(../images/hand_lg.png) transparent;
	width: 281px;
	height: 542px;
	top: -173px;
	left: 565px;
	position:absolute;
}

#ipad {
	position:relative;
	padding: 25px 375px 0 60px;
	width: auto;
	height: 335px;
	border: 1px solid #fff;
 
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
	
	font: 17px Lucida Grande, sans-serif;
	color: #7c909c;
	letter-spacing:-.04em;
}

#ipad p{
	margin: 0 0 40px 0;
	width: 400px;
}

#ipad h1 {
	font-size: 36px;
}

#ipad_small_img {
	background: url(../images/ipad_small1.png) transparent;
	width: 326px;
	height: 202px;
	top: 165px;
	left: 35px;
	position:absolute;
}

#ipad_large_img {
	background: url(../images/ipad_large1.png) transparent;
	width: 428px;
	height: 377px;
	top: -17px;
	left: 450px;
	position:absolute;
}

#message {
	text-align: center;
	font-size: 14px;
}

#social {
	text-align: center;
	margin:10px;
}

#footer {
	color: #c9e9fc;
	margin: 10px 0 0 0;
	text-align: center;
}
