@charset "utf-8";
/* CSS Document */

* {
	padding:0em;
	margin:0em;	
	font-size: 0.95em;
}

body {
	background-color: #fafafa;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

span {
	font-size: 100%;	
}

div {

}

p {

}

.bold {
	font-weight: 600;	
}

.italics {
	font-style: italic;	
}

.underline {
	text-decoration: underline;	
}

.regular-weight {
	font-weight: normal;	
}

.medium-orange {
	color: #fcc87e;
}

.clear-float {
	clear: both;
}

/*Firefox, Chrome, and Safari*/
.rounded-corners {
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

#content-container {
	width: 100%;
	min-width: 85.333em;	
}

#header {
	padding-bottom: 4.5%;	
	width: 100%;
}

#logo {
	width: 10%;
    height: auto;
	position: relative;
	float: left;
	padding-bottom: 0.2%;
}

#logo-link {
	border: 0%;	
}

#social-circle {
	position: relative;
	float: right;
	display: block;
	margin-top: 1.5%;
	right: 1%;
	/*background-color: #adadad;*/
	width: 8.4%;
	min-width: 180px;
	height: auto;
	overflow: hidden;
}

#social-circle-signup {
	position: relative;
	float: right;
	display: block;
	padding: 0.6em 0.6em 0.6em 0.6em;
	right: 1%;
	/*background-color: #adadad;*/
	width: 8.4%;
	overflow: hidden;
}

#social-list {
	list-style: none;	
	clear: both;
	width: 100%;
	overflow: hidden;
	height: auto;
}

.social-list-item {
	position: relative;
	float: left;
	width: 50%;
	height: auto;
	overflow: hidden;
}

#social-love {
}

#social-signup-header {
	padding-bottom: 1.0em;	
}

.fb-like {
	position: relative;
	float: left;
	padding-right: 1%;
	width: 100%;
	height: auto;
	max-width: 100%;
}

#twitter-div {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	max-width: 100%;
}

.twitter-share-button {
	display: block;
}

#picture-display {
	width: 100%;
	height: auto;
	overflow:hidden;
	position: relative;
}
#picture-bg {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}

#popout-box {
	width: 100%;
	height: auto;
	left: 41%;
	position: absolute;
	top: 7.3%;
}

#popout-box-img {
	width: 27%;
	height: auto;
	float: left;
	position: relative;
}

#popout-box-text {
	position: absolute;
	left: 5.1%;
	top: 8.8%;
	width: 20%;
	display: block;
	font-size: 100%;
}

#popout-box-header {
	font-size: 275%;
	color: #603813;
	padding-bottom: 7%;
	display: block;
	width: 100%;
	position: relative;
}

#offset-header {
	color: #508f4a;
	font-size: inherit;
}

.bountyful {
	color: #508f4a;
}

#action-line {
	padding-bottom: 1%;
}

#interest {
	padding: 3% 0% 1.2% 0%;
	font-size: 140%;
}

#email {
	padding-right: 15%;
	margin-right: 2%;
	border:thin solid #603813;
	color: #000000;
	background-color: #fef0da;
	font-size: 120%;
}

#signup-button {
	font-size: 120%;
}

#signup-text {
	padding: 7.0em 0em 6.0em 5.0em;
}

#signup-text p {
	font-size: 117%;
	padding-bottom: 1.4em;
}

#signup-thanks {
	font-size: 200%;
	padding-bottom: 0.6em;	
}

#social-request {
	padding-top: 4%;
	font-size: 100%;
	display: none;
}

.social-request-p {
	font-size: 90%;
	font-style: italic;	
	padding-top: 1%;
}

#heart-forever {
	padding-top: 2%;	
}

.popout-box-p {
	font-size: 123%;
	padding-bottom: 6%;
}

#quick-list {
	background-image: url(images/bottom-bg.png);
	overflow: hidden;
}

#quick-list ul {
	list-style: none;
	width: 100%;
}

#quick-list li {
	position: relative;
	float: left;
	display: inline-block;
	width: 30%;
	padding-bottom: 2%;
	padding-top: 2%;
}

#quick-list li.divider-spacer {
	width: 5%;	
}

#quick-list li.divider-spacer img {
	width: 5%;	
}

#quick-list #ql-panel1 {
	left: 2.5%;
	padding-top: 4%;
}

#quick-list #ql-panel2 {
	left: 0.5%;	
	padding-top: 4%;
}

#quick-list #ql-panel3 {
	left: 1%;
	padding-top: 4%;	
}

#quick-list li h2 {
	position: relative;
	font-size: 250%;
	color: #508f4a;	
}

#quick-list li p {
	padding: 5% 0% 2% 0%;	
	font-size: 140%;
	color: #2d1b11;
	width: 80%;
}

#quick-list li p.see-more {
	position:relative;
	left: 35%;
	display: none;
}

#quick-list li img {
	width: 25%;	
	position: relative;
	float: left;
	padding-right: 10%;
}


#bountyful-info {
	/*background-color: #b0b0b0;*/
	/*background-color: #ffffff;*/
	/*background-image: url(images/bottom-bg.png);*/
	overflow: hidden;
	display: none;
	/*border-top: thin inset #000000;*/
}

.bountyful-detail-box {
	position: relative;
	margin: 0% 0.75% 0% 0.75%;
	border-top: medium groove #000000;
	border-bottom: thick ridge #000000;
	border-left: medium groove #000000;
	border-right: thick ridge #000000;
	/*background-color: #e4e4e4;*/
	background-color: #fafafa;
}

#bountyful-overview-container {
	width: 100%;
	position: relative;
	/*background: #b0b0b0;*/
	margin-top: 0%;
	padding-bottom: 0%;
	padding-top: 0.75%;
	overflow: hidden;
	/*border-top: thin groove #000000;*/
}

#bountyful-overview {
	position: relative;
	padding: 3% 0% 3% 4%;
}

#bountyful-overview h2 {
	position: relative;
	font-size: 200%;
	padding-bottom: 2%;
}

#bountyful-overview p {
	font-size: 130%;
	padding-bottom: 1%;	
}

#bountyful-overview ol {
	position: relative;
	padding: 1% 0% 0% 2%;
}

#bountyful-overview ol li{
	font-size: 140%;
	padding-bottom: 0.5%;
}

#bountyful-overview ol li p{
	padding: 1% 0%;
	font-size: 100%;
	font-style: italic;
	width: 85%;
}


#bountyful-details {
	width: 100%;
	position: relative;
	/*background: #b0b0b0;*/
	margin-top: 0%;
	padding-bottom: 1%;
	padding-top: 1%;
	/*border-top: thin groove #000000;*/
}

#how-it-works {
	position: relative;
	padding: 3% 0% 3% 4%;
}

#how-it-works h2 {
	position: relative;
	font-size: 200%;
	padding-bottom: 2%;
}

#how-it-works p {
	font-size: 130%;	
}

#how-it-works-list-container {
	height: 100%;
	weight: 100%;
}

#how-it-works ol {
	position: relative;
	padding: 4% 0% 0% 0%;
	list-style: none;
	display: block;
	clear: both;
}

#how-it-works ol li{
	font-size: 200%;
	padding-bottom: 0.5%;
	float: left;
	width: 8.7%;
	display: inline-block;
}

#how-it-works ol li.arrow-spacer{
	padding-top: 2%;
}

#how-it-works ol li p{
	font-weight: normal;
	font-size: 75%;
	padding: 0.75% 0% 1.25% 0%;
	font-style: italic;
	text-align: center;
}

#how-it-works ol li img {
	width: 80%;
	height: auto;
	position: relative;
	padding-left: 12%;
}

#sample-profile {
	width: 100%;
	position: relative;
	overflow: hidden;
	display: none;
}

#profile-container {
	width: 100%;
	position: relative;
	padding: 3% 0% 6% 0%;
	overflow: hidden;
}

#profile-overview {
	position: relative;
	left: 4%;
	padding: 0% 0% 6% 0%;
	width: 40%;
}

#profile-image {
	width:40%;
	position: relative;
	float: right;
	right: 3%;
}

#sample-profile-img {
	width: 100%;
}

#sample-profile-header {
	font-size: 225%;
	padding: 0% 0% 2% 0%;
	width: 100%;
}

.sample-profile-p {
	font-size: 130%;
	padding-bottom: 1%;
	width: 100%;
}

#dive-in {
	padding-top: 1%;
	font-size: 160%;	
}

#profile-detail {
	position: relative;
	left: 4%;
	padding: 8% 8% 5% 0%;
}

#profile-detail ul {
	position: relative;
	left: 4%;
	padding-right: 6%;
}

#profile-detail ul li {
	font-size: 150%;
}

#profile-detail ul li p {
	font-size: 75%;
	padding: 1.5% 0% 5% 0%;	
}

#excited {
	position: relative;
	left: 4%;
	padding-right: 6%;
	font-size: 125%;	
}

#footer {
	background-color: #34291e;
	padding: 1% 2% 1% 2%;
	border-top: thin solid #000000;
}

#footer p {
	color: #fcc87d;
	float: left;
	display: inline-block;
	font-size: 105%;
	
}

#footer ul {
	float: right;
	position: relative;	
	list-style: none;
	right: 1%;
	width: 18%;
	display: none;
}

#footer li {
	float: left;
	position: relative;	
	display: inline-block;
	padding-left: 12%;
}