html, body { padding:0; margin:0; }

body {
	color: #000;
	font-size: 16px;
	line-height: 24px;
	font-family: Helvetica, Arial, sans-serif;
	background: #ececec; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzQ1NDY0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ececec 0%, #45464a 50%, #ececec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(50%,#45464a), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ececec 0%,#45464a 50%,#ececec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ececec 0%,#45464a 50%,#ececec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ececec 0%,#45464a 50%,#ececec 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ececec 0%,#45464a 50%,#ececec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ececec',GradientType=0 ); /* IE6-8 */
}

.topbar {
	background: url("../_img/topbar.jpg") repeat-x;
}
	@media (max-width:480px) {
		.topbar {
			background: url("../_img/topbar-320.jpg") repeat-x;
		}
	}

#header {
	padding: 0;
	margin: 0 auto -5px auto;
	width: 800px;
	height: 157px;
	background: url("../_img/header.jpg") no-repeat;
}

	@media (min-width:480px) and (max-width:860px) {
		#header {
			width: 100%;
			height: 157px;
			background: url("../_img/header-480.jpg") 50% 50% no-repeat;
		}
	}
	@media (max-width:480px) {
		#header {
			width: 100%;
			height: 114px;
			background: url("../_img/header-320.jpg") 50% 50% no-repeat;
		}
	}

#wrapper {
	padding: 24px 30px 0 30px;
	margin: 0 auto;
	width: 800px;
	min-height: 300px;
	background: #fff url("../_img/content-top.jpg") repeat-x;
	-moz-box-shadow:    3px 1px 5px #333;
	-webkit-box-shadow: 3px 1px 5px #333;
	box-shadow:         3px 1px 5px #333;
}
	@media (max-width:860px) {
		#wrapper {
			padding: 24px 0 0 0;
			width: auto;
			/*background-image: none;*/
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
	}

.content {
	padding: 0;
	margin: 0;
}
	@media (max-width:860px) {
		.content {
			padding: 0 10px;
			margin: 0;
		}
	}

.bozell-note {
	padding: 20px 30px 0 30px;
	margin: 0 auto;
	width: 685px;
	height: 361px;
	line-height: 20px;
	font-family: "Times New Roman", Times, serif;
	background: url("../_img/bozell-note.jpg") no-repeat;
}

	.bozell {
		float: right;
		padding: 0;
		margin: 0 0 20px 20px;
		border: 5px solid #fff;
	}

	@media (max-width:860px) {
		.bozell-note {
			padding: 10px;
			margin: 0 0 24px 0;
			width: auto;
			height: auto;
			background: #ececec;
			background-image: none;
		}
	}

.book-cover {
	float: left;
	padding: 0;
	margin: 0 20px 20px 0;
}.book-cover2 {
	display: none;
	float: right;
	padding: 0;
	margin: 0 0 20px 20px;
}
.order {
	padding: 0;
	margin: 0;
	color: #ee1c24;
}
.order-p { margin-top: 0; }
.order-list {
	float: left;
	padding: 0;
	margin: 0 20px 0 0;
}
	.order-list p {
		padding: 0;
		margin: 0;
	}

	@media (max-width:800px) {
		.book-cover {
			display: none;
		}
		.book-cover2 {
			display: inline;
		}
		.order-list {
			float: none;
			width: auto;
			margin: 0 0 24px 0;
		}
	}
	@media (max-width:480px) {
		.book-cover {
			display: none;
		}
		.book-cover2 {
			display: inline;
			float: none;
		}
		.order-list {
			clear: both;
			float: none;
			width: auto;
			margin: 0 0 24px 0;
		}
	}

.content-2col {
	padding: 0;
	margin: 0 auto;
	/*width: 760px;*/
}
	@media (max-width:860px) {
		.content-2col {
			width: auto;
		}
	}
	@media (max-width:480px) {
		.puppet-masters-strings {
			display: none;
		}
	}

.content-2col-left {
	float:left;
	padding:0;
	margin:0;
	width:460px;
	border: 1px solid #dfdfdf;
}
	.content-2col-left h2 {
		padding: 24px 100px;
		margin: 0;
		text-transform: uppercase;
		color: #fff;
		background: #ee1c24 url("../_img/form-top.jpg") repeat-x;
	}
		@media (min-width:320px) and (max-width:600px) {
			.content-2col-left h2 {
				padding: 24px;
			}
		}
		@media (max-width:320px) {
			.content-2col-left h2 {
				padding: 24px 12px;
			}
		}

	.form-container {
		padding: 0 10px 10px 10px;
		margin: 0;
	}

	@media (max-width:860px) {
		.content-2col-left {
			float: none;
			width: 100%;
			border: none;
		}
	}

.content-2col-right {
	float:right;
	padding:0;
	margin:0;
	width:300px;
}

	@media (max-width:860px) {
		.content-2col-right {
			display: none;
		}
	}

	/* Pull Quotes */
	.pull-quote {
		float: right;

		padding: 0;
		margin: 30px 0;
	}

		.pull-quote img {
			border-top:1px solid #c5c5c5;
			border-left:1px solid #c5c5c5;

			-moz-box-shadow:    3px 3px 5px #333;
			-webkit-box-shadow: 3px 3px 5px #333;
			box-shadow:         3px 3px 5px #333;
		}

/* Partner Logos */
#partner-footer {
	position:relative;
	padding:0 0 10px 0;
	margin:0;
	color:#000;
	text-align:center;
}
	.partner-logo-wrapper {
		position: relative;
		margin:0 auto;
	}
	#partner-footer p { font-size: 12px; line-height: 16px; }
	#partner-footer img { margin: 0 10px; }

	@media (max-width:860px) {
		#partner-footer {
			padding: 0 0 10px 0;
		}
		.partner-logo-wrapper {
			position: relative;
			margin:0 auto;
		}
		#partner-footer img { margin: 10px auto; }
	}

/*** Kimbia Styles ***/
/* Fixing the line-height bug for IE9 */
div.kimbiaDiv form { line-height: inherit !important; }

/* Adding custom image to submit button */
.k_buttonBlock {
	padding:15px 0 0 0 !important;
	margin:0 !important;
	width:142px !important;
	height:auto !important;
}
	.k_button.forward {
		display:block;
		width:142px;
		height:50px;
		text-indent:-9999px;
		background:url('../_img/join-us.jpg') top left no-repeat;
		border:none;
	}

/* Reducing extra spacing/padding between form elements */
div.kimbiaDiv div.kimbiaInnerDiv label.formDefLabel {
	display: none !important;
}

/*div.kimbiaDiv label.groupLabel.k_askArrayMain {
	display: none !important;
}*/

/* Control space between labels and inputs */
div.kimbiaDiv.two_col input.k_number, 
div.kimbiaDiv.two_col input.k_text, 
div.kimbiaDiv.two_col input.k_money, 
div.kimbiaDiv.two_col select.k_select { margin-left: 150px !important; }
div.kimbiaDiv div.k_rbGroup input.k_money.k_otherMoney { margin-left: 25px !important; }
/* Formats label above input for narrow viewing windows */
@media (max-width:480px) {
	div.kimbiaDiv.two_col input.k_number, 
	div.kimbiaDiv.two_col input.k_text, 
	div.kimbiaDiv.two_col input.k_money, 
	div.kimbiaDiv.two_col select.k_select { margin-left: 0px !important; }
}

/*** Misc. Styles ***/
.clear { clear: both; }
.center { text-align: center; }
.left { float: left; }
.right { float: right; }
h1 { line-height: 1.2em; }
ul li { margin-bottom: 24px;}
hr { margin: 24px 0; }

/*** RESPONSIVE CODE ***/
/*** The only part of Twitter Bootstrap that I really want. ***/
.hidden {
	display:none;
	visibility:hidden;
}
.visible-phone {
	display:none !important;
}
.visible-tablet {
	display:none !important;
}
.hidden-desktop {
	display:none !important;
}
.visible-desktop {
	display:inherit !important;
}


@media (min-width:768px) and (max-width:960px) {
	.hidden-desktop {
		display:inherit !important;
	}
	.visible-desktop {
		display:none !important ;
	}
	.visible-tablet {
		display:inherit !important;
	}
	.hidden-tablet {
		display:none !important;
	}
}

@media (max-width:768px) {
	.hidden-desktop {
		display:inherit !important;
	}
	.visible-desktop {
		display:none !important;
	}
	.visible-phone {
		display:inherit !important;
	}
	.hidden-phone {
		display:none !important;
	}
}