body {
  background:#e9e9e9;
  margin:0;
  padding:0;
  font-size:62.5%;
  font-family:Verdana, Arial, sans-serif;
}

a {
  text-decoration:none;
}

a img {
  border:none;
}

.wrapper {
  width:889px;
  margin:0 auto;
}

#header {
  background:#545454 url(../images/bg_header.gif) repeat-x bottom;
  font-family:'Lucida Grande', Arial, sans-serif;
  padding:1px;
}

#header #nl {
  float:right;
  position:relative;
  top:-3px;
}

* html #header #nl {
  top:8px;
}

* + html #header #nl {
  top:8px;
}

#header ul {
  float:right;
  margin:.5em 1em;
  padding:0;
}

* html #header ul {
  margin-top:1.5em;
}

* + html #header ul {
  margin-top:1.5em;
}

#header li {
  margin:0;
  padding:0 1em;
  float:left;
  list-style-type:none;
  border-right:1px solid #000;
  border-left:1px solid #555;
}

#header li.first {
  border-left:none;
}

#header li.last {
  border-right:none;
}

#header li a {
  float:left;
  font-size:1.1em;
  color:#FFF;
}

#header li.selected a {
  color:#8dc9f5;
}

#header #logo {
  display:block;
  margin:1em 0;
  width:30%;
}



#subhead {
  height:91px;
  background:#5eb5fe url(../images/bg_subhead.gif) repeat-x top;
  padding:1px 0;
  border-bottom:1px solid #289af7;
}

#subhead h1 {
  font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight:300;
  font-size:4.7em;
  margin:.35em .25em;
  color:#FFF;
}

#subhead .cta {
  float:right;
  margin-top:1.25em;
}

* html #subhead .cta {
  margin-top:2.75em;
}

* + html #subhead .cta {
  margin-top:2.75em;
}



#home {
  background:#FFF;
}

#home #subhead {
  background:#FFF url(../images/bg_subhead_home.jpg) repeat-x top;
  border-bottom:none;
  height:auto;
}

#home .wrapper, #header .wrapper {
  position:relative;
  width:950px;
}

#home #subhead #laptop {
  position:absolute;
  left:-40px;
  top:19px;
}

#home #subhead #bnr {
  width:50%;
  float:right;
  text-align:center;
  margin:5em 0;
}

#home #subhead #bnr h1 {
  font-size:4.5em;
  font-weight:bold;
  margin:0;
  padding:0;
  white-space:nowrap;
}

#home #subhead #bnr p {
  font-size:2.5em;
  color:#fff;
  font-family:Helvetica, Arial, sans-serif;
  margin:.5em 0 1em;
}

#home #featured {
  margin-top:0;
}

#home #featured #rundown {
  float:left;
}

#home #featured q {
  color:#0954a0;
  font-size:1.9em;
  font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#home #featured .right {
  float:right;
  width:45%;
}

#home #featured cite {
  display:block;
  font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size:1.4em;
  margin:.5em 0;
}

#home #featured p {
  font-size:1.2em;
  color:#2b2a2a;
  line-height:1.6;
  margin:1.5em 0;
}

#home #featured hr {
  height:1px;
  border:none;
  background:#c7c7c7;
}

#home #featured h2 {
  font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size:1.8em;
  font-weight:normal;
  color:000;
}

#home #featured a {
  color:#0a76cf;
}

#home #belly {
  clear:both;
  background:#75c0fe url(../images/bg_bellyband.gif) repeat-x top;
  border-top:1px solid #289af7;
  border-bottom:1px solid #289af7;
  width:100%;
  margin:2em 0 0;
}

#home #belly h2 {
  margin:0 auto;
  padding:.5em 0;
  text-align:center;
  color:#FFF;
  font-size:3.2em;
  font-family:Helvetica, Arial, sans-serif;
}


.quadrant {
  width:47.5%;
  float:left;
  padding:1em 0;
}

.quadrant img {
  float:right;
  margin-left:1em;
}

.quadrant.left {
  margin-right:2.5%;
  clear:left;
}

.quadrant h2 {
  font-size:1.7em;
  color:#000;
  font-family:Helvetica, Arial, sans-serif;
  font-weight:normal;
  margin:0 0 .25em;
}

.quadrant p {
  font-size:1.2em;
  color:#636363;
  margin-top:0;
}


#main-wrap {
  padding-bottom:5em;
  background:#FFF;
}

#main {
  margin:0;
  padding:2em 0;
  background:url(../images/bg_main.gif) repeat-x top;
}

#subnav {
  float:left;
  width:164px;
  margin:0;
  padding:0;
  background:url(../images/bg_subnav_ul.png) no-repeat bottom left;
}

#subnav li {
  margin:0;
  padding:0;
  list-style-type:none;
  border-top:none;
  background:url(../images/bg_subnav_li.png) no-repeat;
  height:40px;
}

#subnav li.first {
  background:url(../images/bg_subnav_li_first.png) no-repeat;
}

#subnav li.last {
  background:url(../images/bg_subnav_li_last.png) no-repeat;
  height:43px;
}


#subnav li a {
  display:block;
  font-size:14px;
  padding:.9em;
  font-family:Helvetica, Arial, sans-serif;
  margin-right:24px;
  color:#555;
}

* html #subnav li a {
  height:1%;
}

* + html #subnav li a {
  height:1%;
}

#subnav li.last a {
  border-bottom:none;
}


#subnav li.selected {
  background:url(../images/bg_subnav_li_selected.png) no-repeat;
}

#subnav li.selected.first {
  background:url(../images/bg_subnav_li_first_selected.png) no-repeat;
}

#subnav li.selected.last {
  background:url(../images/bg_subnav_li_last_selected.png) no-repeat;
}

#subnav li.selected a {
  color:#FFF;
  font-weight:bold;
}





.bnr_left {
  float:left;
  clear:left;
  margin-top:2em;
}

#content {
  margin-left:174px;  
}

#content h2 {
  font-family:Helvetica, Arial, sans-serif;
  font-weight:normal;
  font-size:1.9em;
  margin:0 0 .5em;
}

#content p {
  font-size:1.2em;
  color:#636363;
  line-height:1.5;
  margin:0 0 1em;
}

#content .half_cut, #content .pricing {
  border-bottom:1px solid #c7c7c7;
  padding:3em 1em 0 1em;
  height:1%;
}

#content .half_cut img, #content .pricing img {
  float:right;
  margin-left:2em;
}

#content #apps {
  border-collapse:collapse;
  margin-top:1.5em;
}

#content #apps h2 {
  margin:.5em 0 0;
  font-size:1.7em;
  font-weight:normal;
}

#content #apps th {
  width:85px;
  padding-bottom:15px;
}

#content #apps img {
  width:85px;
}

#content #apps td {
  padding-left:1em;
  vertical-align:top;
}


#content .platform {
  border-bottom:1px solid #CCC;
  margin-top:2em;
}

#content .platform .desc {
  float:right;
  width:420px;
}

#content .platform img {
  display:block;
}


#content .pricing h2 {
  font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color:#0161b0;
  font-size:3.7em;
  font-weight:normal;
  margin:0 0 .5em 0;
}

#content .pricing h2 span {
  color:#3cb500;
}

#content .pricing h3 {
  font-size:1.7em;
  font-weight:normal;
  font-family:Helvetica, Arial, sans-serif;
}


#content .overview h1, #thankyou h1 {
  font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color:#000;
  font-size:4.4em;
  margin:.25em 0;
  font-weight:normal;
}

#content .overview ul {
  margin:1em 0;
  padding:0;
  list-style-type:none;
}

#content .overview li {
  margin:1em;
  padding:0;
  width:40%;
  float:left;
  font-weight:bold;
  font-size:1.9em;
  font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height:1;
}

#content .overview li span {
  font-weight:normal;
  font-size:.7em;
  font-family:Verdana, Arial, sans-serif;
}

#footer {
  font-size:1.1em;
  background:#FFF;
  padding-bottom:5em;
}

#footer p {
  float:right;
  margin:0;
  color:#999;
}

#footer ul {
  float:left;
  margin:0;
  padding:0;
}

#footer li {
  float:left;
  list-style-type:none;
  margin:0 1.5em 0 0;
}

#footer li a {
  color:#000;
  text-decoration:underline;
}



#contact #content {
  margin-left:230px;
}

#contact #subnav {
  background:transparent !important;
  font-size:1.2em;
  width:225px;
  color:#666;
  font-family:Helvetica, Arial, sans-serif;
  line-height:1.4;
}

#contact #subnav h2 {
  font-size:1.3em;
  color:#000;
  margin-top:.35em;
}

#contact #subnav p strong {
  font-family:Helvetica, Arial, sans-serif;
  color:#333;
  font-size:1.2em;
}

#contact #subnav a {
  color:#000;
  text-decoration:underline;
}


#thankyou {
  padding:1px 0;
}

#thankyou h1 {
  margin:0 0 0;
  padding:0;
  font-size:6em;
}

#thankyou h2 {
  margin:5px;
}

#thankyou p {
  margin:13px 7px 2em;
  font-size:1.3em;
}

#thankyou a {
  color:#0a76cf;
  font-size:1.1em;
}



.half {
  width:49%;
  float:left;
  margin:1em 0;
}

* html .half {
  width:48%;
}

* + html .half {
  width:48%;
}

.full {
  width:100%;
  margin:1em 0;
  float:left;
}

* html .full {
  width:98.5%;
}

* + html .full {
  width:98.5%;
}

.first {
  margin-right:2%;
}

.half input {
  width:98%;
}


.half label, .full label {
  display:block;
  font-size:1.4em;
  color:#333;
  margin-bottom:.3em;
  font-weight:bold;
  font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.full textarea {
  width:99%;
  height:100px;
}

.full input {
  width:99%;
}

.half input, .full textarea, .full input {
  color:#666;
  font-weight:bold;
  font-size:1.3em;
  line-height:1.5;
}

.submit {
  clear:left;
  padding:1em 0 0;
}

.submit input {
  width:150px;
}


#errors p {
  font-weight:bold;
  font-size:1.2em;
  background:#FFC;
  color:#900;
  padding:.5em;
  text-align:center;
}