/* IE/Edge Responsive Viewport */
@-ms-viewport {
	width: device-width;
}

/* Offer Expired Resets */
.offer-expired {
	margin: 0 auto 1em;
	max-width: 500px;
	width: auto;
}

/* Generic Rules */

body {
	background: #2c76c3;
	color: #222;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2 {
	font-family: "Times New Roman", Times, serif;
	color: #7f0c1a;
	line-height: 1.2;
	margin: 0 auto 0.8em;
	text-align: center;
}

h1,
.h1 {
	color: #003;
	font-family: "Times New Roman", Times, serif;
	font-size: 2.25em;
	line-height: 1.1;
	margin: 0 auto 0.5em;
}

h2,
.h2 {
	font-size: 1.7em;
	color: #121212;
	margin: 1.5em auto 0.8em;
}

h3,
.h3 { font-size: 1.7em; }

hr.faded {
	clear: none !important;
	width:auto !important;
}

img {
	height:auto;
	max-width:100%;
}


@media screen and (min-width:27.5em) {
	h1,
	.h1 { font-size: 3em; }
}

/* Layout/Content Rules */

.content {
	margin:0;
	padding:0;
}

#frame {
	background: #fff;
	margin: 0 auto;
	max-width: 42.875em;
	padding: 0.625em 1em;
}

h1.huge, 
.h1.huge { font-size:3em; }

#offer { padding: 0 1em; }

blockquote,
.center-box, 
.right-box {
	background-color: #ffebc7;
	border-radius: 5px;
	box-shadow: 0 1px 3px 1px #ccc;
	margin: 1.4em auto;
	padding: 0.1em 1em;
}

blockquote,
.center-box {
	max-width: 35em;
}

.right-box .cited { margin: 0 0 0.5em 0; }

.center-box h3,
.center-box .h3 {
	margin:0.8em auto;
}

.image-box,
.image-no-box {
	display: block;
	margin: 1em auto;
}

.image-box {
	border: 1px solid #ccc;
	background-color: #e8e8e8;
	padding: 0.25em;
}

@media screen and (min-width:25em) {
	h1.huge,
	.h1.huge { font-size: 4em; }
}

@media screen and (min-width:27.5em) {
	.image-box {
		float: right;
		margin: 0 0 1em 1em;
	}	
}

@media screen and (min-width:30em) {
	.image-no-box {
		float: right;
		margin: 0 0 1em 1em;
	}	
}

@media screen and (min-width:32.5em) {
	.right-box {
		float:right;
		margin:0 0 1.4em 1.4em;
		max-width:13em;
	}
}

@media screen and (min-width:46.25em) {
	#frame {
		border-radius:5px;
		box-shadow:0 3px 5px 3px #1f548b;
		margin: 1em auto;
	}
}

/* Buttons */

.order-button {
	background: #ff811b;
	background: -webkit-linear-gradient(top,  #ff9a43 0%,#ff9640 49%,#ff811b 50%,#ff6c06 100%);
	background: linear-gradient(to bottom,  #ff9a43 0%,#ff9640 49%,#ff811b 50%,#ff6c06 100%);
	border:2px solid #76675C;
	border-radius:4px;
	box-shadow:0 0 0 5px #a6a6a6;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.5em;
	margin:1em auto;
	max-width:9em;
	padding:0 0.05em;
	text-align:center;
}

.order-button span {
	color:#fff;
}

.order-button:hover span, 
.order-button:focus span, 
.order-button:active span {
	color:#ff3;
}

.order-button:active {
	background: #d36b18;
	background: -webkit-linear-gradient(top,  #d18945 0%,#d67e34 49%,#d36b18 50%,#d25a06 100%);
	background: linear-gradient(to bottom,  #d18945 0%,#d67e34 49%,#d36b18 50%,#d25a06 100%);
}

/* Artificial Breaks */

.lead { max-width:37em; }
#bootcamp { max-width: 15em; }
#learn-how-to-wow { max-width: 18em; }
#marketing-directors { max-width: 16.5em; }
#life-change { max-width: 17em; }
#record-attendance { max-width: 19em; }
#breakthrough { max-width: 17em; }
#hurry { max-width: 15em; }