/*
Version: 0.0.1
Description: Unstick.me
Design by: Amy Hoy
Development by: Alex Hillman
*/
body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:26px;
	color: #9e9ca0;
	font-weight:bold;
	background: #e5e0cb url(../images/bg.jpg) repeat top left;
	margin:0;
	padding:20px 0;
}
a, a:visited, a:active, a:hover{
  color:#A78D69;
	text-decoration:underline;
	outline:none;
}
:focus {
	-moz-outline-style: none;
}
.center{
  text-align: center;
}
#bg-top{
  background:url(../images/bg-top.jpg) repeat-x top left;
  height:423px;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:1;
}
/********
	Wrapper
		**********/
#wrapper{
  position:relative;
  z-index:2;
  width:885px;
  background:#FFF url(../images/wrapper-bg.png) repeat-x top;
  margin:0 auto;
  border:1px solid #a78e6b; 
  border-right:2px solid #a78e6b; 
  border-bottom:3px solid #a78e6b; 
  -webkit-box-shadow: 4px 4px #a78e6b;
  padding:45px 0;
}
/********
	Header
		**********/
#badge{
  background:url(../images/unstuck-badge.png);
  width:485px;
  height:237px;
  text-indent:-9999px;
  position:absolute;
  top:-50px;
  left:-100px;
}
#header{
  text-align:center;
  padding-top:45px;
}
#header h1{
  background:url(../images/logo-unstickme.jpg) no-repeat;
  height:140px;
  width:511px;
  text-indent:-9999px;
  margin:0 auto 0 auto;
}
#topnav{
  position:absolute;
  right:30px;
  top:7px;
  font-weight:normal;
  font-size:14px;
}
#topnav li{
  display:inline;
  margin-left:25px;
}
#topnav li a{
  font-weight:bold;
  text-decoration:none;
}
#topnav li a:hover{
  text-decoration:underline;
}
/********
	Content
		**********/
#content{
  width:845px;
  margin:30px auto;
}
#content h2{
 font-size:22px;
 color:#b7b2b6;
 width:730px;
 margin:0 auto 20px auto;
 line-height:34px;
}
#content h2 strong, #content h2 strong a, #content small strong{
  padding:4px 4px;
  background:#fceadc;
  color:#f18f46;
}
#content ol li{
  width:215px;
  padding-top:150px;
  padding:150px 20px 0px 30px;
  float:left;
  margin-right:20px;
}
#content ol li p{
/*  background:#e4dfcb;*/
/*  padding:10px;*/
}
#content ol#steps{
  margin-top:-25px;
  margin-bottom:25px;
}
#content ol li.last{
  margin-right:0;
}
#content ol li.step-1{
  background:url(../images/step-1.jpg) no-repeat;
  padding-top:135px;
  margin-top:85px;
}
#content ol li.step-2{
  background:url(../images/step-2.jpg) no-repeat;
  margin-top:55px;
  padding-top:140px;
}
#content ol li.step-3{
  background:url(../images/step-3.jpg) no-repeat 0 5px ;  
  padding-top:145px;
}
h2.bio{
  text-align:justify;
}
.testimonial{
  width:730px;
  margin:0 auto 20px auto;
}
.testimonial .quote{
  background:#f9f5e3;
  padding:20px 20px 10px 20px;
  
}
.testimonial .quote p{
  background:#FFF;
  padding:20px;
  border-bottom:2px solid #e7e4d3;
  border-right:1px solid #e7e4d3;
  font-size:16px;
  color:#9e9ca0;
}
.testimonial .author{
  margin-left:30px;
  padding-top:25px;
  background:url(../images/testimonial-carot.gif) no-repeat top left;
  line-height:75px;
  font-size:24px;
}
.testimonial .author img{
  float:left;
  margin-right:20px;
}
dl{
  margin:0 73px;
}
dl dd{
  font-weight:normal;
  font-size:14px;
  margin-bottom:10px;
}
#announcement{
  position:relative;
}
#announcement #close{
  position:absolute;
  top:1px;
  right:1px;
}
#announcement .quote{
  background:#FCEADC;
}
#announcement p, #announcement p a{
   color:#F18F46;
  font-size:25px;
}
.copyright{
  position:absolute;
  bottom:0px;
  right:5px;
}