.preamble {
	margin-bottom:1.5em;
	padding-top: 1em;
}

.screenshots {
	padding: 0.5em;
	border: 1px solid black;
	margin-left: 10px;
}

.screenshots p {
	padding-left: 20px;
}
.screenshot {
//	border-bottom: 1px solid black;
	margin-bottom:1.5em;
	font-size: 1.25em;
	font-family: "Verdana";
	font-style: italic;
	font-weight: bold;
	text-align: center;
}

.shotimage {
	border: 1px solid grey;
	width: 900px;
	//padding-bottom: 1em;
}

.macshotimage {
	border: 0px solid black;
	width: 1000px;
	padding-left: 0px;
	margin-left: -30px;
	padding-bottom: 1em;
}

.iphoneshotimage {
	border: 1px solid black;
	width: 375px;
	height:  667px;
	//padding-bottom: 1em;
}

.macinfoimage {
	border: 1px solid black;
	width: 375px;
	padding-bottom: 1em;
}

.shotdesc {
	font-family: "Helvitica";
	font-weight: normal;
	font-style: normal;
	text-align: center;
	margin-left: 2em;
	margin-right: 2em;
	text-align: left;
	border-top: 1px dashed black;
	padding-top: 0.5em;
}

.preshotdesc {
	font-family: "Helvitica";
	font-weight: normal;
	font-style: normal;
	text-align: center;
	margin-left: 2em;
	margin-right: 2em;
	text-align: left;
	padding-top: 0.5em;
}

.shotsheader {
	margin-top: 10px;
	margin-bottom: 5px;
	padding-bottom: 0 px;
}

.explanation {}
.formula {
	color: navy;
	font-weight: bold;
	font-size: 1.2em;
}
.next {
	margin-top: 20px;
	color: green;
}
.maintitle {
	color: black;
	font-size: 2.25em;
	font-style: italic;
	font-weight: 400;
}

.iphone {
	color: #4400BD;
	font-family: Helvitica;
	font-style: italic;
}

.mac {
	color: #794A0A;
	font-family: Arial;
	font-style: italic;
}
	
.ipadbullet {
	padding: 0.5em;
	margin-bottom: 1.5em;
	background: #E5ECF9;
	font-weight: bolder;
}
.ipad {
	text-indent: -3.5em;
}

.break_before {	page-break-before: always; }

.break_after { page-break-after: always; }

@media print {
	#site_navigation { display: none; }
	.screenshot { page-break-before: always }
}