/*
/////////////////////////
	  GLOBAL STYLES
/////////////////////////
*/

	body {
		background: #FFF;
		font-family: Rokkitt, Georgia, Serif;
	}
	
	.wrapper.main {
		background: transparent url("../images/bg2.png") repeat-x;
	}

	a { 
		color: #6bc6ff;
	 }
	
	a:hover { 
		color: #238acb;
	}
	
	.main.container {
		padding-top: 32px;
		width: 940px;
		margin: 0 auto;
		position: inherit;
	}
	
	strong {
		font-weight: bold;
	}
	
	em {
		font-style: italic;
	}
	
	.left {
		float: left;
	}
	
	.right {
		float: right;
	}
	
	img.left {
		float: left;
		margin: 0 15px 5px 0;
	}
	
	img.right {
		float: right;
		margin: 0 0 5px 15px;
	}
	
	section h1 {
		font-family: Cabin, Helvetica, Arial, Sans-Serif;
		text-align: center; 
		font-size: 32px;
		text-transform: uppercase;
		font-weight: bold;
		padding: 40px 0 18px 0;
		clear: both;
	}
	
	.clear {
		clear:both;
	}
	
	p {
		font-size: 18px;
		line-height: 20px;
		color: #666;
                margin: 0 0 10px 0;
	}

	.buttons {
		text-align: center;
	}
	
	
	.buttons .amazon {
		display: inline-block;
		text-indent: -99999em;
		background: url("../images/amazon.png") no-repeat;
		width: 172px;
		height: 33px;
	}
	
	.buttons .barnes {
		display: inline-block;
		text-indent: -99999em;
		background: url("../images/barnesandnoble.png") no-repeat;
		width: 76px;
		height: 46px;
	}
	
/*
/////////////////////////
	  TOPBAR STYLES
/////////////////////////
*/

	#topBar nav, #topBar ul, #topBar li {
		display: inline;
	}
	
	#topBar {
		font-size: 18px;
		width: 100%;
		padding: 1px;
		position: fixed;
		height: 30px;
		background: #3eabf6;
		line-height: 30px;
z-index: 1;
	}
	
	#topBar .container {
		width: 940px;
		margin: 0 auto;
	}

	#topBar nav a {
		color: #000;
		border-left: 1px solid #116297;
		padding: 0 6px;
		color: #FFF;
		text-decoration: none;
	}
	
	#topBar nav a:hover {
		color: #FFF;
		text-decoration: underline;
	}
	
	#topBar nav li:first-child a {
		border: 0;
		padding-left: 0;
	}
	
	#topBar nav {
		float: left;
	}
		#topBar .social {
		float: right;
	}
	
	#topBar .social li {
		vertical-align: top;
		position: relative;
		top: 5px;
	}
	
	#topBar .fb-like {
		display: inline;
		position: relative;
		top: -5px;
	}
	
	#topBar .stumble {
		position: relative;
		top: -3px;
	}

.arrow {
display: block;
position: fixed;
top: 50px;
margin-left: -120px;
opacity: .25;
text-indent: -9999em;
background: url(../images/27-circle-north@2x.png) no-repeat;
height: 56px;
width: 56px;
}

.arrow:hover {
opacity: .75;
}



.pdf a:before {
content: url('../images/book-download.png');
position: relative;
top: 2px;
padding-right: 4px;
}


/*
/////////////////////////
	  HEADER STYLES
/////////////////////////
*/

	header.main .book {
		text-indent: -9999em;
		display: block;
		width: 475px;
		height: 500px;
		float: left;
		background: transparent url("../images/book2.png") 0 -35px no-repeat;
		margin-top: 3px;
	}
	
	header.main hgroup {
		padding: 70px 0 0 0;
		height: 200px;
	}
	
	header.main h1 {
		color: #FFF;
		font-size: 40px;
		text-align: center;
		font-weight: bold;
	}
	
	header.main h1 strong {
		display: block;
		font-size: 60px;
	}
	
	header.main h1 em{
		display: block;
		font-family: "Shadows Into Light", "Segoe Print", cursive;
		font-weight: normal;
		font-size: 30px;
		line-height: 40px;
	}
	
	header.main h2 {
		font-family: Cabin, Helvetica, Arial, Sans-Serif;
		text-align: center;
		text-transform: uppercase;
		font-size: 32px;
		font-weight: bold;
		padding: 80px 0 0 0;
	}
	
	header.main h2 em {
		display: block;
		font-family: "Shadows Into Light", "Segoe Print", Script;
		font-weight: normal;
		font-size: 30px;
		line-height: 45px;
		text-transform: lowercase;
	}
	
	header.main h2 .white {
		display: block;
		color: #FFF;
		font-size: 34px;
	}
	
	header.main h2 strong {
		font-size: 48.5px;
		line-height: 40px;
	}
	

	
	header.main .amazon {
		margin-right: 5px;
		vertical-align: middle;
position: relative;
right: 20px;
top: 3px;
	}

header.main .indie {
position: relative;
top: -5px;
left: 20px;
}
	
	header.main .buttons a {
		vertical-align: top;
margin-top: 20px;
	}
	
	header.main h2 small {
		display: block;
		font-size: 16px;
	}
	
	.clickhere {
		height: 150px;
width: 300px;
		background: url("../images/clickheretopreorder2.png") 100px 0 no-repeat;
		text-indent: -9999em;
display: block;
	}


/*
/////////////////////////
	  TESTIMONIAL STYLES
/////////////////////////
*/

	#testimonials li {
		margin: 10px;
		display: inline-block;
		width: 210px;
		vertical-align: top;

	}

	#testimonials p {
		color: #000;
		font-size: 16px;
		line-height: 16px;
	}
	
	#testimonials p span {
		color: #898989;
	}
	
	#testimonials .buttons a {
		margin: 20px
	}
	
	#testimonials img.left {
		width: 100px;
		margin: 0 10px 5px 0;
	}
	#testimonials img.right {
		margin: 0 0 5px 10px;
	}

#testimonials .buttons {
position: relative;
top: -120px;
left: -20px;
margin-bottom: -60px;
}



/*
/////////////////////////
	  BONUS STYLES
/////////////////////////
*/

	#bonus p {
		margin: 15px 0;
	}
	
	#bonus .column {
		width: 460px;
		margin: 20px 0;
	}
	
	#bonus .buttons {
		padding: 90px 0 20px 0;
	}
	
	#bonus .buttons a {
		vertical-align: middle;
	}
	
	#bonus .buttons .amazon {
		margin-right: 50px;
	}

/*
/////////////////////////
	  TOUR STYLES
/////////////////////////
*/

	#tour .column {
		width: 50%
	}
	
	#tour .column.inner {
		padding: 5px;
		width: 225px;
	}
	
	#tour .column li {
		padding: 20px;
		line-height: 20px;
	}
	
	#tour a{ 
		color: #238acb;
	}
	#tour a:hover { 
		color: #6bc6ff;
	 }
	
	#tour .buttons h2{
		font-size: 28px;
		text-align: left;
		padding: 50px 0 150px 0;
	}
	
	#tour .buttons {
		padding-top: 20px;
	}
	
	#tour .buttons .amazon {
		margin-bottom: 100px
	}



/*
/////////////////////////
	  BOOK STYLES
/////////////////////////
*/

	#book .buttons {
		padding: 40px 0 0 0;
	}
	
	#book .buttons a {
		vertical-align: top;
	}
	
	#book .buttons .amazon {
		margin-right: 50px;
position: relative;
top: 10px;
	}

#book .buttons .indie {
position: relative;
top: -30px;
left: 50px
}


/*
/////////////////////////
	  FOOTER STYLES
/////////////////////////
*/

	footer.main {
		background: url("../images/footbg.png") repeat-x 0px 250px;
		height: 400px;
		position: absolute;
		left: 0;
		right: 0;
		margin-top: 50px;
	}
	
	footer.main .container {
		height: 400px;
		width: 940px;
		margin: 0 auto;
		position: relative;
	}
	
	footer.main .buttons img {
		position: relative;
	}
	
	footer.main .logo {
		display: block;
		text-indent: -999999em;
		width: 397px;
		height: 102px;
		background: url("../images/logo.png") no-repeat;

	}

footer.main .tiertwo{
display: block;
width: 940px;
clear: both;
margin-top: 100px
}

footer.main .social li {
	display: inline;
	vertical-align: top;
	position: relative;
	top: 15px;
	left: 15px;
}
	
	footer.main .buttons {
		padding: 20px 0 0 0;
		text-align: center;
width: 800px;
margin: 0 auto;
	}
	
	footer.main .buttons a {
		vertical-align: middle;
position: relative; 
top: -170px;
left: 125px;

	}
	
	footer.main .buttons img {
		width: 210px;
		position: relative;
		top: 50px;
left: -20px;

	}
	
	footer.main .buttons .amazon {
		margin-right: 40px;
margin-left: 40px;
	}

footer.main .buttons a.indie {
top: -185px !important;
left: 180px;
}

footer.main .tinybuddha {
display: inline-block;
vertical-align: top;
}

footer.main .form {
width: 265px;
display: inline-block;
vertical-align: top;
margin: 20px;
margin-bottom: 60px;
}

footer.main .form h2 {
font-size: 18px;
font-weight: bold
}

footer.main .form .mc-field-group label {
display: block;
margin: 5px;
margin-left: 0;
}

footer.main .form .input-group label, footer.main .form .input-group li {
display: inline;
width: auto !important;
}

footer.main .asterisk {
color: #999;
}

footer.main .form .input-group input {
display: inline;
width: auto !important;
}

footer.main .form .input-group {
padding: 15px 0 0 0;
}

footer.main .form input {
padding: 5px;
width: 250px;
}

footer.main .form input.button {
float: right;
width: auto;
background: #777;
border-radius: 5px;
color: #FFF;
text-shadow: -1px -1px 0 #444;
cursor: pointer;
padding: 10px;
border: 1px solid #444;
position: relative;
}
footer.main .form input.button:hover {
background: #999;
text-shadow: 1px 1px 0 #555;
border: 1px solid #777;
}

	.buttons h2 {
float: right;
		font-family: Cabin, Helvetica, Arial, Sans-Serif;
		font-size: 40px;
		padding: 40px 170px 18px 20px;
		clear: both;
margin-top: 5px;
color: #278acb;
position: relative;
left: 55px;
	}

footer.main div.icons {
	display: block !important;
	min-width: 100px !important;
float: right;
text-align: right;
}


footer.main .icons a{
	opacity: .75;
position: relative;
top: 20px;

}

footer.main .icons a > img{
vertical-align: middle;
}

footer.main .icons a:hover  {
	opacity: 1;
}