/*
 * Core styles for all browsers
 *
 * Original Author: Chris Martin, Webexpectations
 * Creation Date: 2009/06/16
 *
 */

/* - General - */

body {
  margin:0;
  padding:12px 0 0;
  background:#ceebe9 url('/_images/back-body.png') no-repeat center top;
  color:#666;
  font:normal 75% Arial,Helvetica,sans-serif;
  text-align:center;
}

a {
  color:#38c;
  text-decoration:underline;
}

h1 {
  margin:0;
  padding:0;
  font-size:2em;
  text-indent:-9999em;
}
h2 {
  margin:0;
  padding:0;
  color:#38c;
  font-family:Georgia,serif;
  font-size:2.92em;
  font-weight:normal;
  letter-spacing:-1px;
}
p {
  margin:0 0 1em 0;
  line-height:1.67em;
}

img {
  border:0;
}

/* - Page Layout / Wrapper - */

div#holder {
  width:921px;
  margin:0 auto;
  background:#fff url('/_images/back-holder-loop.png') repeat-y left top;
  text-align:left;
}
div#holder div.w1 {
  background:url('/_images/back-holder-top.png') no-repeat left top;
}
div#holder div.w2 {
  padding:33px 0 40px;
  min-height:1120px;
  background:url('/_images/back-holder-bottom.png') no-repeat left bottom;
}

/* - Header - */

div#header {
  padding:0 9px;
  min-height:347px;
  background:url('/_images/back-header.png') no-repeat 54px top;
}
div#header p.strapline {
  margin:0;
  padding:31px 0 0 142px;
  color:#77bbed;
  font-family:Georgia,serif;
  font-size:1.67em;
  letter-spacing:-1px;
  line-height:1.2em;
}
div#intro {
  margin:0 45px;
  border-bottom:1px solid #ececec;
  padding:51px 335px 21px 0;
}
div#intro p.standfirst {
  margin:13px 0 1em;
  padding:3px 0 0;
  color:#888;
  font:bold 1.34em Georgia,serif;
  letter-spacing:-1px;
  line-height:1.3em;
}

/* - Main content area - */

div#main {
  padding:16px 54px 0;
}
p#benefits {
  margin-bottom:18px;
  color:#888;
  font:italic 1.84em Georgia,serif;
}
div#col1 {
  float:left;
  width:380px;
}
div#col2 {
  float:right;
  width:388px;
}
h3 {
  margin:0;
  padding:6px 0 14px; 
  color:#859;
  font:normal 2.5em Georgia,serif;
  letter-spacing:-1px;
}
div#col2 p.last {
  margin:0 0 16px;
  border-bottom:1px solid #ececec;
  padding:0 0 17px;
}

/* - Call to action - */

div#cta {
  position:relative;
  right:-7px;
  float:right;
  width:401px;
  background:url('/_images/back-cta-loop.png') repeat-y left top;
}
div#cta div.c1 {
  background:url('/_images/back-cta-bottom.png') no-repeat left bottom;
}
div#cta div.c2 {
  padding:11px 14px 17px;
  background:url('/_images/back-cta-top.png') no-repeat left top;
}
div#cta div.c3 {
  padding:13px 20px 10px;
  background:#e5f4f3 url('/_images/back-cta.gif') repeat-x left top;
}
div#cta h2 {
  margin:0;
  padding:0 0 16px;
  color:#12a89d;
  font-size:2.5em;
}
div#cta p {
  margin:0;
  padding:0 0 8px;
  font:normal 1.42em Georgia,serif;
}
div#cta p.link {
  color:#38c;
}
div#cta p.last {
  margin:12px 0 0;
  border-top:1px solid #d7e7e6;
  padding:17px 0 8px;
}

/* - Footer - */

div#footer {
  margin:24px 54px 0;
  border-top:8px solid #ccc;
  padding:17px 0 0;
  color:#888;
  font-size:0.92em;
  text-align:right;
}
div#copyright {
  position:relative;
  right:-1px;
}

/* - Float clearing - */

div#header:after,
div#main:after,
div#footer:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}