/* Browser Reset via Blueprint ------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit;
	font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/*  Layout ---------------------------------------------------- */

	body {
		text-align: center;
		margin: 0 auto;
		background: url('../images/bodybg.jpg');
		font-family: "myriad-pro-1","myriad-pro-2","Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	#wrapper {
		background: url('../images/wrapper_bg.png') repeat-x center top;
		width: 100%;
		height: 1157px;
	}
		#privacy #wrapper, #press #wrapper, #support #wrapper, #android #wrapper, #story #wrapper {
			position: absolute;
			height: 100%;
			min-height: 700px;
		}
		#support #wrapper, #story #wrapper {
			height: 60em;
		}
	#container {
		width: 100%;
		background: url('../images/grass.png') repeat-x center 558px;
		margin: 0px auto;
		min-height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	#content {
		width: 1000px;
		position: relative;
		margin: 0 auto;
		text-align: left;
		padding-bottom: 100px; /* Must match #footer height */
	}
	#main {
		padding-left: 10px;
		position: relative;
	}
	#pagecontent {
		background: #fff;
		padding: 35px;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		border-radius: 25px;
		-webkit-box-shadow: 0px 1px 3px #ccc;
		-moz-box-shadow: 0px 1px 3px #ccc;
		box-shadow: 0px 1px 3px #ccc;
		position: relative;
		top: 150px;
		font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
		#android #pagecontent, #story #pagecontent {
			float: left;
			width: 450px;
		}
		#android #sidecontent, #story #sidecontent {
			position: relative;
			top: 150px;
			float: right;
			width: 400px;
		}
			#story #sidecontent {
				top: 100px;
			}
			#android #sidecontent .googleattribution {
				color: #92C1C6;
				text-shadow: #fff 0 1px 0;
				font-size: 13px;
				display: block;
				text-align: center;
				margin-top: 50px;
			}
		#pagecontent .pagetitle {
			font-size: 26px;
			color: #147297;
			font-weight: normal;
			margin-bottom: 25px;
		}
		#story .pagetitle {
			width: 330px;
			height: 27px;
			background: url('../images/story.png') no-repeat;
			text-indent: -10000em;
		}
		#android .pagetitle {
			width: 267px;
			height: 27px;
			background: url('../images/dropponandroid.png') no-repeat;
			text-indent: -10000em;
		}
		#privacy .pagetitle {
			width: 199px;
			height: 27px;
			background: url('../images/privacypolicy.png') no-repeat;
			text-indent: -10000em;
		}
		#press .pagetitle {
			width: 255px;
			height: 27px;
			background: url('../images/inthenews.png') no-repeat;
			text-indent: -10000em;
		}
		#support .pagetitle {
			width: 74px;
			height: 27px;
			background: url('../images/faqs.png') no-repeat;
			text-indent: -10000em;
		}
		
		#pagecontent p, #pagecontent ul, #pagecontent ol {
			margin: 15px 0 15px 20px;
			font-size: 14px;
		}
		#pagecontent p {
			margin-left: 0;
		}
		#pagecontent a {
			color: #376B84;
		}
			#pagecontent a:hover {
				color: #25495B;
			}
		#pagecontent em {
			font-style: italic;
			font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
		}
		#pagecontent span.source {
			color: #999;
		}
		
		#pagecontent .maincolumn {
			float: left;
			width: 600px;
			margin-top: -15px;
		}
		#pagecontent .sidecolumn {
			float: right;
			background: #f5f5f5;
			width: 230px;
			padding: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			border: 1px solid #ddd;
		}
		#pagecontent .sidecolumn p {
			margin-top: 0;
		}
		#press .sidecolumn a.presspack {
			width: 220px;
			height: 41px;
			background: #fff url('../images/dropppresspackage.png') no-repeat left center;
			display: block;
			text-indent: -10000em;
			position: relative;
			padding: 4px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			border: 1px solid #ccc;
		}
			#press .sidecolumn a.presspack:hover {
				border-color: #999;
			}
		
		#support p.question {
			color: #376B84;
			font-size: 16px;
			border-top: 1px solid #94C1CD;
		}
		
		#android #mc_embed_signup, #story form {
			border: 5px solid #eee;
			background: #fcfcfc;
			padding: 0px 10px 5px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
		}
			#story input[type="text"], #story textarea {
				width: 400px;
			}
			#android #mc_embed_signup .mc-field-group {
				float: left;
			}
			#android #mc_embed_signup div.submit {
				float: left;
			}
				#android #mc_embed_signup div.submit input[type="submit"], #story form input[type="submit"] {
					margin: 33px 0 0 10px;
					background: #25aae1;
					border: none;
					-moz-border-radius: 20px;
					-webkit-border-radius: 20px;
					border-radius: 20px;
					font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial, Helvetica, sans-serif;
					color: #fff;
					text-transform: uppercase;
					font-weight: bold;
					font-size: 14px;
					padding: 4px 15px 3px !important;
					cursor: pointer;
					display: block;
				}
					#story form input[type="submit"] {
						margin: 0 0 10px 0;
						float: left;
					}
					#story .thanks {
						color: #25aae1;
						display: block;
						float: left;
						margin: 3px 0 0 10px;
						font-weight: bold;
					}
			#android #mc_embed_signup .response {
				display: block;
				float: none;
				clear: both !important; 
				font-size: 13px;
				color: #155681;
			}
		
		
	#tophalf {
		position: relative;
		height: 640px;
		overflow: hidden;
		background: url('../images/wrapper_bg.png') repeat-x center top;
	}
		#logo a {
			position: absolute;
			top: 0;
			width: 136px;
			height: 42px;
			background: url('../images/logo.png') no-repeat center 30px;
			text-indent: -10000em;
			padding: 30px 0 6px;
			z-index: 90;
			display: block;
		}
		#nav {
			float: right;
			position: absolute;
			right: 10px;
			z-index: 300;
			top: 40px;
			text-shadow: 0 1px 0 #E9FDF6;
		}
			#nav a {
				text-decoration: none;
				font-size: 14px;
				font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial, Helvetica, sans-serif;
				color: #254E69;
				text-transform: uppercase;
				padding: 4px 8px 2px;
			}
			#nav a.share {
				border: 2px dashed #27BEFF;
				background: rgba(39,190,255,.1);
				margin: 0 4px;
			}
				#nav a:hover {
					color: #fff;
					background: url('../images/nav_hover_bg.png');
					-moz-border-radius: 15px;
					-webkit-border-radius: 15px;
					border-radius: 15px;
					text-shadow: none;
				}
				#nav a.share:hover {
					border: 2px solid #27BEFF;
					background: rgba(39,190,255,.2);
					color: #254E69;
					-moz-border-radius: 0;
					-webkit-border-radius: 0;
					border-radius: 0;
					margin: 0 4px;
				}
		#anyplace {
			top: 78px;
			position: absolute;
			width: 852px;
			height: 146px;
			background: url('../images/anyplace.png') no-repeat;
			text-indent: -10000em;
			left: -25px;
			z-index: 90;
		}
		#bubble {
			width: 562px;
			height: 130px;
			background: url('../images/bubble.png') no-repeat;
			position: relative;
			z-index: 110;
			top: 280px;
			list-style: none;
		}
			#bubble li {
				color: #fff;
				font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial, Helvetica, sans-serif;
				font-size: 24px;
				position: absolute;
				top: 35px;
				left: 15px;
			}
		#places {
			width: 100%;
			height: 640px;
			position: absolute;
			bottom: 0;
		}
			#places div {
				position: absolute;
				bottom: 0;
				background-repeat: no-repeat;
				background-position: center bottom;
			}
			#farmersmarket {
				width: 808px;
				height: 385px;
				background-image: url('../images/farmersmarket.png');
			}
			#paris {
				width: 470px;
				height: 544px;
				background-image: url('../images/eiffeltower.png');
				
			}
			#house {
				width: 697px;
				height: 282px;
				background-image: url('../images/house.png');
				
			}
			#restaurant {
				width: 714px;
				height: 566px;
				background-image: url('../images/restaurant.png');
			}
		
	#halfcap {
		width: 100%;
		height: 82px;
		background: url('../images/grass.png') repeat-x center center;
		position: absolute;
		bottom: 0;
		z-index: 100;
	}
		
	#bottomhalf {
		margin: 0;
		position: relative;
		z-index: 200;
	}
		#pin {
			background: url('../images/bigpin.png') no-repeat;
			width: 214px;
			height: 233px;
			margin-top: -250px;
			position: relative;
			left: -6px;
		}
		#pinshadow {
			width: 113px;
			height: 31px;
			background: url('../images/bigpin_shadow.png') no-repeat;
			position: relative;
			left: 45px;
		    zoom: 1;
		}
		#freedownload {
			display: block;
			width: 172px;
			height: 172px;
			background: url('../images/freedownload.png') no-repeat;
			text-indent: -100000em;
			position: absolute;
			z-index: 220;
			right: -15px;
			top: -160px;
		}
		#iphone {
			position: absolute;
			right: 10px;
			top: -118px;
			background: url('../images/iphone.png') no-repeat;
			width: 369px;
			height: 686px;
		}
			#iphone li {
				list-style: none;
				margin: 123px 0 0 42px;
				position: absolute;
				right: 37px;
				top: 0;
			}
		#appstore {
			display: block;
			width: 314px;
			height: 89px;
			background: url('../images/app_store.png') no-repeat;
			text-indent: -100000em;
			position: absolute;
			right: 34px;
			top: 586px;
		}
		#androidinterest {
			display: block;
			width: 292px;
			height: 82px;
			background: url('../images/android-interest.png') no-repeat;
			text-indent: -10000em;
			position: absolute;
			right: 43px;
			top: 755px;
		}
		#description {
			width: 500px;
			text-shadow: 0 1px 0 #153200;
			color: #fff;
		}
		#description p, #description ul, #description ol {
			font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial, Helvetica, sans-serif;
			font-size: 13px;
			margin: 15px 0;
		}
			#description p.intro {
				font-size: 16px;
				margin-top: 25px;
			}
			#description strong {
				font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
				font-weight: normal;
				font-style: italic;
			}
			#description ul, #description ol {
				margin-left: 15px;
			}
		#description h4 {
			font-size: 22px;
			font-weight: bold;
			color: #B7FF8B;
		}
		h2#introducing {
			margin-top: 15px;
			width: 319px;
			height: 74px;
			background: url('../images/introducing.png') no-repeat;
			text-indent: -10000em;
		}
		#presslist {
			background: #fff;
			padding: 1px 0;
			-moz-border-radius: 15px;
			-webkit-border-radius: 15px;
			border-radius: 15px;
		}
			#presslist a {
				display: block;
				float: left;
				width: 125px;
				margin: 0;
			}


	#footer {
		/* Locks footer to the bottom */
			position: absolute;
			left: 0;
			bottom: 0;
		/* -------------------------- */
		width: 100%;
		height: 50px; /* Must match #content padding-bottom */
	}
		#footercontent {
			width: 970px;
			margin: 0 auto;
			text-align: center;
			padding-top: 15px;
			color: #8CF00A;
			font-size: 13px;
			text-shadow: #317F13 0 1px 0;
		}
		#footercontent a {
			color: #8CF00A;
		}
		#footercontent .navigation {
			float: left;
		}
		#footercontent .copyright {
			float: right;
		}
		
		
/*  General Styles --------------------------------------------- */

	label {
		display: block;
		margin-top: 0.5em;
	}
	input, select, textarea {
		display: block;
		margin-bottom: 1em;
	}
	input[type="text"], input[type="password"], textarea {
		width: 250px;
		padding: 0.3em 0.5em;
	}
		label input {
			display: inline;
			margin: 0 0.5em 0 0;
		}
	input[type="submit"] {
		margin-top: 1.5em;
	}
	
	
	table {
		width: 100%;
		border-right: 1px solid #ccc;
		border-top: 1px solid #ccc;
		margin: 15px 0;
	}
		th, td {
			border-left: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			padding: 0.5em 1em;
		}
		th {
			background: #f5f5f5;
			font-weight: bold;
		}
	
	
		
/*  Global ----------------------------------------------------- */
	
	.clear { clear: both; }