body {
background:#fff;
}

#wrapper {
width:974px;
position:relative;
font-family:"proxima-nova-1", "proxima-nova-2", Arial, Helvetica, sans-serif;
margin:0 auto;
}

.herosite #content {
position:relative;
width:974px;
height:580px;
}

.herosite #content h3 {
font-size:1.4em;
line-height:1em;
font-weight:700;
margin:0;
}

.herosite #content h4 {
font-size:1.2em;
line-height:1em;
margin-top:1em;
font-weight:500;

}

.herosite #content h4.first {
font-size:1.2em;
line-height:1em;
font-weight:500;
text-transform:uppercase;
margin:0;
}

.herosite #content p {
line-height:1.35em;
margin-top:0.25em;
margin-bottom:.4em;
font-size:1.185em;
}

.herosite #content p.first {
line-height:1.35em;
margin-top:0;
font-size:1.2em;
}

.herosite #content .gray {
color:#999;
}

.herosite #top {
position:absolute;
top:20px;
left:0;
height:17px;
}

.herosite #headerBar {
position:absolute;
top:37px;
left:0;
height:53px;
}

.herosite #navBarTop {
position:absolute;
top:90px;
left:0;
height:28px;
width:974px;
background-image:url(../img/nav1.png);
background-repeat:no-repeat;
background-color:#dbd5d4;
padding:0;
}

.herosite #navBarTop li,#navBarTop a {
height:28px;
display:block;
background:none;
}

.herosite li#navTop1 {
left:30px;
top:0;
width:70px;
}

.herosite li#navTop2 {
left:123px;
top:0;
width:95px;
}

.herosite li#navTop3 {
left:241px;
top:0;
width:95px;
}

.herosite li#navTop1 a:hover {
background:url(../img/nav1.png) -30px -28px no-repeat;
}

.herosite li#navTop2 a:hover {
background:url(../img/nav1.png) -123px -28px no-repeat;
}

.herosite li#navTop3 a:hover {
background:url(../img/nav1.png) -241px -28px no-repeat;
}

.herosite li#navTop1 a.hilite {
background:url(../img/nav1.png) -30px -28px no-repeat;
cursor:default;
}

.herosite li#navTop2 a.hilite {
background:url(../img/nav1.png) -123px -28px no-repeat;
cursor:default;
}

.herosite li#navTop3 a.hilite {
background:url(../img/nav1.png) -241px -28px no-repeat;
cursor:default;
}


/* left side nav */

.herosite ul#navOverview, .herosite ul#naviPhone {
position:absolute;
top:148px;
left:30px;
height:335px;
width:180px;
z-index:50;
padding:0;
}

.herosite ul#naviPhone {
	top: 180px;
}

.herosite #navOverview li, .herosite ul#naviPhone li {
list-style:none;
list-style-image:none;
text-indent:0px;
overflow:hidden;
width:150px;
height:40px;
display:block;
margin:0;
padding:0;
background-image:none;
font-size:18px;
line-height:20px;
}

.herosite #navOverview li:hover, .herosite ul#naviPhone li:hover {
	color:#ff6319;
	cursor:pointer;
}


.herosite ul#navApps {
position:absolute;
top:210px;
left:25px;
height:335px;
width:300px;
z-index:50;
padding:0;
}

.herosite #navApps li {
list-style:none;
text-indent:-9000px;
overflow:hidden;
width:99px;
height:78px;
display:block;
float:left;
margin:0 0 20px;
padding:0;
}

#navApps .bg1 {
background:url(../img/app-icons-sprites.png) 0 0 no-repeat;
}

#navApps .bg2 {
background:url(../img/app-icons-sprites.png) -99px 0 no-repeat;
}

#navApps .bg3 {
background:url(../img/app-icons-sprites.png) -198px 0 no-repeat;
}

#navApps .bg4 {
background:url(../img/app-icons-sprites.png) -297px 0 no-repeat;
}

#navApps .bg5 {
background:url(../img/app-icons-sprites.png) -396px 0 no-repeat;
}

#navApps .bg6 {
background:url(../img/app-icons-sprites.png) -495px 0 no-repeat;
}

#navApps .bg7 {
background:url(../img/app-icons-sprites.png) -594px 0 no-repeat;
}

#navApps .bg8 {
background:url(../img/app-icons-sprites.png) -693px 0 no-repeat;
}

#navApps .bg9 {
background:url(../img/app-icons-sprites.png) -792px 0 no-repeat;
}

#navApps .bg1Hover {
background:url(../img/app-icons-sprites.png) 0 -78px no-repeat;
cursor:pointer;
}

#navApps .bg2Hover {
background:url(../img/app-icons-sprites.png) -99px -78px no-repeat;
cursor:pointer;
}

#navApps .bg3Hover {
background:url(../img/app-icons-sprites.png) -198px -78px no-repeat;
cursor:pointer;
}

#navApps .bg4Hover {
background:url(../img/app-icons-sprites.png) -297px -78px no-repeat;
cursor:pointer;
}

#navApps .bg5Hover {
background:url(../img/app-icons-sprites.png) -396px -78px no-repeat;
cursor:pointer;
}

#navApps .bg6Hover {
background:url(../img/app-icons-sprites.png) -495px -78px no-repeat;
cursor:pointer;
}

#navApps .bg7Hover {
background:url(../img/app-icons-sprites.png) -594px -78px no-repeat;
cursor:pointer;
}

#navApps .bg8Hover {
background:url(../img/app-icons-sprites.png) -693px -78px no-repeat;
cursor:pointer;
}

#navApps .bg9Hover {
background:url(../img/app-icons-sprites.png) -792px -78px no-repeat;
cursor:pointer;
}

/*.herosite ul#naviPhone {
position:absolute;
top:187px;
left:30px;
height:335px;
width:150px;
z-index:50;
padding:0;
}

.herosite #naviPhone li {
list-style:none;
text-indent:-9000px;
overflow:hidden;
width:150px;
height:33px;
display:block;
margin:0 0 3px;
padding:0;
}

*/


.herosite #leftText {
position:absolute;
top:148px;
left:30px;
height:45px;
width:310px;
z-index:53;
}


.herosite #middle {
position:absolute;
top:118px;
left:0;
width:974px;
height:365px;
background-color:#fff;
}

.herosite #bottom {
position:absolute;
top:483px;
left:0;
width:974px;
}

.herosite #left {
position:absolute;
top:0;
left:0;
width:357px;
height:365px;
}

.herosite #center {
position:absolute;
left:357px;
top:40px;
z-index:150;
}

.herosite #screenshot {
position:absolute;
left:389px;
top:115px;
width:200px;
height:300px;
overflow:hidden;
z-index:151;
}

.herosite #screenshotInner {
width:1800px;
}

.herosite #screenshot img {
float:left;
}

.herosite #screenshot ul {
width:2400px;
position:absolute;
}

.herosite #screenshot ul li {
list-style:none;
background:none;
width:200px;
float:left;
margin:0;
padding:0;
}

.herosite #rightText,.herosite #rightText2,.herosite #rightText3,.herosite #rightText4,.herosite #rightText5,.herosite #rightText6,.herosite #rightText7,.herosite #rightText8,.herosite #rightText9 {
position:absolute;
top:150px;
left:650px;
width:289px;
z-index:100;
text-align:right;
height:241px;
overflow:hidden;
}

.herosite #rightText ul {
width:2400px;
}

.herosite #rightText ul li {
list-style:none;
background:none;
width:289px;
float:left;
margin:0;
padding:0;
}

.herosite #purchase {
position:absolute;
top:305px;
left:655px;
width:289px;
height:60px;
background-image:url(../img/purchaseBG.png);
z-index:80;
}

.herosite #purchase p {
font-size:1em;
line-height:1em;
margin:15px;
}

.herosite #purchase span.price {
font-size:1.5em;
line-height:1.3em;
font-weight:600;
display:block;
}

.herosite #btnAdd {
position:absolute;
top:10px;
right:10px;
display:block;
width:112px;
height:40px;
text-indent:-9000px;
overflow:hidden;
background:url(../img/btnAdd.png) no-repeat 0 0;
}

.herosite #btnAdd a {
display:block;
text-indent:-9000px;
width:112px;
height:40px;
overflow:hidden;
}

.herosite #btnAdd a:hover {
background:url(../img/btnAdd.png) no-repeat 0 -40px;
}


.herosite #btnSignIn {
position:absolute;
top:10px;
right:10px;
display:block;
width:112px;
height:40px;
text-indent:-9000px;
overflow:hidden;
background:url(../img/btnSignIn.png) no-repeat 0 0;
}

.herosite #btnSignIn a {
display:block;
text-indent:-9000px;
width:112px;
height:40px;
overflow:hidden;
}

.herosite #btnSignIn a:hover {
background:url(../img/btnSignIn.png) no-repeat 0 -40px;
}

.herosite #navBarTop li,.herosite #navComparisonA li,.herosite #navComparisonB li {
list-style:none;
position:absolute;
top:0;
text-indent:-9000px;
overflow:hidden;
margin:0;
padding:0;
}

.herosite #navComparisonA li,#navComparisonA li a,.herosite #navComparisonB li,#navComparisonB li a {
height:36px;
display:block;
background:none;
}

.herosite li#navComparisonA1,.herosite li#navComparisonB1 {
left:0;
top:0;
width:150px;
}

.herosite li#navComparisonA2,.herosite li#navComparisonB2 {
left:0;
top:36px;
width:150px;
}

.herosite .appIcon a:hover,.herosite .appLabel a:hover {
text-decoration:none;
color:#ff6319;
}


/* added for typekit + js */




.hilite{
	color:#ff6319;
}

.over{
	cursor:pointer;
}