/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline
}

body {
	line-height:1.75
}

a {
	text-decoration:none
}

a:hover {
	text-decoration:underline
}

ol,ul {
	list-style:none
}

table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse:separate;
	border-spacing:0
}

caption,th,td {
	font-weight:400;
	text-align:left
}

blockquote:before,blockquote:after,q:before,q:after {
	content:""
}

blockquote,q {
	quotes:
}

a img {
	border:0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block
}

/* =general styles
-------------------------------------------------------------- */

header, section {
	width:100%;
	text-align:center;
}

.content-container {
	width:960px;
	margin: 0 auto;
	position:relative;
}

body {
	font-family:"proxima-nova", "helvetica-neue", sans-serif;
}



/* =Header
-------------------------------------------------------------- */

header {

}

header a {
	display:block;
	margin: 8px 0;
	color: #747474;
	text-transform:uppercase;
	font-size:15px;
}

header a:hover {
	color: #0990b7;
}


/* =SECTION 1 (COVER)
-------------------------------------------------------------- */

section#cover {
	background-image: url(images/book-bg.jpg);
}

#cover .content-container {
	height: 570px;
}

#cover #book-cover {
	position:absolute;
	width:375px;
	top:20px;
	left:0;
}

#cover #section-content {
	position:absolute;
	width:531px;
	top:50px;
	right:0;
}

#cover #download-preview {
	margin-top: 50px;
}

#cover #download-preview a {

	padding: 20px 50px;
	width: 100%;
	-webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
	          border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

	  /* useful if you don't want a bg color from leaking outside the border: */
	  -webkit-background-clip: padding-box; background-clip: padding-box;
	text-transform: uppercase;
	font-size: 22px;
	border: 1px solid #084a61;
	color:#084a61;
}

#cover #download-preview a:hover {
	text-decoration:none;
	background-color:white;

	
}

/* =PURCHASE BUTTONS
-------------------------------------------------------------- */


#buy-amazon a, #buy-audible a {
	float:left;
	width:22.916667%;

	padding: 0 0;
	margin:20px 7px 20px 10px;
}

#buy-amazon a {
	padding-top:22px;
		height:75px;
}

#buy-audible a {
	padding-top:9px;
		height:88px;
}

#buy-amazon a:hover, #buy-audible a:hover {
	text-decoration:none;
	background-color:#084a61;
	color:white;

}

#buy-signed {
	float:right;
	width:47.916667%;
	height:97px;
	margin: 20px 10px 20px 0;
	position:relative;
}

#buy-amazon a, #buy-audible a, #buy-signed {
	-webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
	          border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

	  /* useful if you don't want a bg color from leaking outside the border: */
	  -webkit-background-clip: padding-box; background-clip: padding-box;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 1.25;
	border: 1px solid #084a61;
	color:#084a61;
}

#buy-signed #content-wrap {
	position:absolute;
	width: 65%;
}

#buy-signed #content-wrap #special-offer {
	font-size:16px;
}

#buy-signed #content-wrap #special-offer span {
	display:inline-block;
	background-image: url(images/star.png);
	height:13px;
	width:14px;
}

#buy-signed #content-wrap #special-offer h3 {
	display:inline-block;
	margin: 10px 10px 6px 10px;
}

#buy-signed #content-wrap em {
	font-style:italic;
}

#buy-signed #content-wrap span {
	text-transform:lowercase;
}

#buy-signed #google-wallet {
	position:absolute;
	right:30px;
	top:32px;
}

/* =QUOTES
-------------------------------------------------------------- */
section#quote1, section#quote2 {
	background-color: #ebeade;
	clear:both;
	font-family:"chaparral-pro","georgia",serif;
	color:#8b8a7f;
}

.quote-copy {
	font-size:32px;
	line-height: 1.4;
	padding: 32px 20px 0 20px;
}

.quote-byline {
	font-size:18px;
	padding:32px 150px;
	font-style:italic;
	
}
/* =DESCRIPTION
-------------------------------------------------------------- */
section#description {
	background-image: url(images/bluegeo-bg.jpg);
}

#description .content-container {
	padding: 30px;
}

#description #title {
	background-image: url(images/desc-title.png);
	height:257px;
	width:184px;
	float:left;
	margin-bottom: 30px;
}

#description #copy {
	float:right;
	width:75%;
	text-align:left;
	color:white;
	font-weight:300;
	line-height:1.8;
	font-size:18px;
	padding-top:12px;
}

#description #copy h3 {
	font-weight:700;
	font-size:24px;
	text-transform:uppercase;
}

/* =layout toolbox
-------------------------------------------------------------- */
.ir {
	display:block;
	border:0;
	text-indent:-999em;
	overflow:hidden;
	background-color:transparent;
	background-repeat:no-repeat;
	text-align:left;
	direction:ltr;
	*line-height:0
}

/* Clearfix */
.clearfix:before,.clearfix:after {
	content:"";
	display:table
}

.clearfix:after {
	clear:both
}

.clearfix {
	*zoom:1
}

.center {
	text-align:center
}