body {
	background: #c7c6c3 url(/images/web/gen_logo_bg_s.jpg) no-repeat scroll top center;
	font: 13px/1.4 sans-serif;
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
  font-weight: bold;
  color: #cc1432;
}
h1 {
	font-size: 22px;
	line-height: 1.2;
}
h2 {
  font-size: 16px;
  line-height: 16px;
}
p, ul, ol { margin-bottom: 1em; }
ul li {
  margin-left: 20px;
  list-style-type: disc;
}
ol li {
  margin-left: 20px;
  list-style-type: decimal;
}
ol.alpha li {
  list-style-type: lower-alpha;
}

dt {
  margin-bottom: 0.5em;
  font-weight: bold;
}
dd { margin-bottom: 1em; }

a { text-decoration: underline; }
a:link { color: #42413C; }
a:visited { color: #6E6C64; }
a:hover, a:active, a:focus { text-decoration: none; }
a img { border: none; }

b, strong { font-weight: bold; }

.container {
  padding-top: 185px;
}

.content:before {
  background: transparent url(/images/web/gen_paper_bg_top.png) no-repeat scroll center bottom;
  height: 30px;
  display: block;
  content: "";
}
.content_inner {
  background: transparent url(/images/web/gen_paper_bg_middle.png) repeat-y scroll center top;
  padding: 1px 25px;
}
.content:after {
  background: transparent url(/images/web/gen_paper_bg_bottom.png) no-repeat scroll center top;
  height: 150px;
  display: block;
  content: "";
}

.footer {
  padding: 20px 0 10px;
	width: 100%;
	background-image: url(/images/web/footer_bg.jpg);
	background-repeat: repeat-x;
}
.footer_inner {
	margin: 0 10px;
}

.container:before,
.container:after,
.footer:before,
.footer:after { content: " "; display: table; }
.container:after,
.footer:after { clear: both; }
.container,
.footer { *zoom: 1; }

.splash h1, .splash h2, .splash h3, .splash h4, .splash h5, .splash h6 {
  color: inherit;
}
.splash ul li { margin-left: 15px; }
.splash .header { color: #cc1432; }

.splash .content h3 { font-weight: bolder; }

.splash .links li {
  display: inline;
  list-style-type: none;
  margin: 0 5px 0 0;
}
.splash .links li.social { margin-left: 10px; }
.splash .links img {
  margin-bottom: 5px;
  vertical-align: middle;
}

.splash .iphone { display: none; }

/*
  Media queries
  These override the primary mobile-first styles
 */

@media only screen and (min-width: 620px) {
	body { background-image: url(/images/web/gen_logo_bg_m.jpg); }

  .content {
  	margin: 0 auto;
  	width: 643px;
  }
  .content:before { background-position: left bottom; }
  .content_inner { background-position: left top; }
  .content:after { background-position: left top; }
}

@media only screen and (min-width: 960px) {
	body { background-image: url(/images/web/gen_logo_bg.jpg?q=1); }

  .container {
  	margin: 0 auto;
  	width: 960px;
  }

  .footer_inner {
  	margin: 0 auto;
  	width: 960px;
  }

  .legal_links {
  	float: right;
  	margin-left: 8px;
  }
  .copyright {
  	float: left;
  	margin-right: 8px;
  }

  body.splash { background: #c7c6c3 url(/images/web/logo_bg.jpg) no-repeat scroll top center; }

  .splash .container { height: 600px; }

  .splash .content {
  	float: left;
  	margin: 150px 0 0 0;
  	padding: 15px 20px;
  	width: 520px;
  	height: 420px;
  	background: transparent url(/images/web/paper_bg.png) no-repeat scroll left top;
  }
  .splash .content_inner {
    background: transparent;
    padding: 0;
  }
  .splash .content:before,
  .splash .content:after { display: none; }

  .splash .iphone {
    display: block;
    float: right;
    width: 281px;
    height: 587px;
    background: transparent url(/images/web/iphone.png) no-repeat scroll left top;
  }
  .splash .iphone img {
    position: relative;
    top: 100px;
    left: 21px;
  }
}