/* @group reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* @end */

body {
  font: normal normal normal 15px/19px 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif;
  background:rgb(26,26,26);
}
strong {
  font-weight:400;
}
em {
  font-style:italic;
}
a {
  text-decoration:none;
  color:#266698;
}
#container {
  background:url(1plogobg.png) right bottom no-repeat,
  -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.07, rgb(26,26,26)),
    color-stop(0.72, rgb(51,51,51))
  );
  position:fixed;
  width:100%;
  height:100%;
}
#main {
  position:absolute;
  z-index:100;
  left:50%;
  margin-left:-250px;
}
h1 {
  display:block;
  text-align:center;
  margin-bottom:.5em;
  font-size:2em;
  line-height:1.5em;
  font-weight:bold;
  color:#ddd;
  text-shadow:#1b1b1b -2px 2px 2px;
}
p#intro {
  display:block;
  color:#ccc;
  font-size:1.2em;
  line-height:1.5em;
  text-align:center;
  width:500px;
  margin:0 auto 20px auto;
}
span.runin {
  display:block;
  margin:1.5em;
}
#instructions {
  width:500px;
  text-align:left;
  margin:0 auto;
  z-index:100;
}
#instructions li {
  position:relative;
  margin-bottom:20px;
  padding:20px 30px;
  font-size:1.2em;
  line-height:1.4em;
  color:#333;
  background:rgba(255, 255, 255,0.8);
  -webkit-border-radius: 30px;
  border-radius: 30px;
  text-align:center;
  -webkit-box-shadow: -4px 4px 8px #222;
}
#instructions p {
	text-align:left;
	margin:1.1em 0;
	text-shadow:#eee 1px 1px -1px, #ccc -1px 1px 0;
}
#instructions p.note {
	color:#444;
	font-size:.8em;
	line-height:1.4em;
	text-shadow:none;
}
#instructions .highlight {
  color:#25552e;
}
#instructions li:before {
  position:absolute;
  left:-120px;
  top:50px;
  color:rgba(244,244,244,0.2);
  text-shadow:rgba(20,20,20,0.2) -2px 2px 2px;
  font-size:7em;
  font-weight:bold;
  text-align:right;
}
#instructions li.step-1:before {
  content:"1.";
}
#instructions li.step-2:before {
  content:"2.";
}
#instructions li.step-3 {
  padding:10px 30px;
}
#instructions li.step-3 p {
  margin:0;
  padding:10px 0;
}
@-webkit-keyframes bounce {
 from { bottom: 0px; }
 to { bottom: 25px; }
}
footer {
  width:100%;
  position:fixed;
  bottom:0;
  background:#ccc;
  height:8px;
}
footer #callout {
  background:url(arrowdown.png) no-repeat left top;
  width:52px;height:79px;position:fixed;bottom:0;left:375px;
  display: block;text-indent:-99999px;z-index:1;
}
footer #callout {
 -webkit-animation-name: bounce;
 -webkit-animation-duration: .4s;
 -webkit-animation-iteration-count: infinite;
 -webkit-animation-direction: alternate;
 -webkit-animation-timing-function: ease-out;
}