/* site design copyright Jon Benson
   AllYourStrength LLC, all rights reserved */
	 
* {
	margin: 0;
	padding: 0;
	}
	
img {
	border: 0;
	}
	
body {
	padding: 10px 0;
	background: #fff url(/images/background-color.gif); /* original BG color #eee*/ 
	color: #333;
	text-align: center; /* for IE-Windows */
	}
	
a, a:link, a:visited {
	color: #369;
	background: transparent;
	}
	
a:hover, a:active {
	color: #777;
	background: transparent;
	}
	
	#mast a, #mast a:link, #mast a:visited,
	#footer a, #footer a:link, #footer a:visited {
		color: #e9e9e9;  /*#999*/
		background: transparent;
		text-decoration: none;
		}
		
	#mast a:hover, #mast a:active, 
	#footer a:hover, #footer a:active {
		color: #fff; /*#777;*/
		background: transparent;
		border-bottom: 1px dotted #fff;
		}
		
	h4 a, h4 a:link, h4 a:visited {
		text-decoration: none;
		}
	
#wrap {
	width: 640px;
	color: #333;
	background: /*#fff*/ url(/images/body_tile.gif) repeat-y;
	margin: 0 auto;
	text-align: left; /* clean-up after IE-Windows */
	}
	
	/* note: on wrap element I disabled the #fff because Internet Explorer can't hold a fixed width.
	Various text changes including emphasized text, or justified text, caused IE to expand the
	text column by 3 or 4 pixels, producing a vertical white stripe outside of the content area 
	on the right of the drop shadow, as the BG color leaked past the column's image tile. 
	
	So, I made a 1 pixel blue tile and set the body color to white, and set the tile as the background. 
	
	If images are disabled the user gets an ugly but readable website. */
	
#mast {
	height: 66px; /*113px*/
	color: #333;
	background: url(/images/mastheadblank2.gif) no-repeat bottom center;
	} 
	
	#mast ul, #footer ul {
		font: 10px Verdana, Helvetica, sans-serif;
		list-style-type: none;
		text-align: center;
		padding-top: 7px;
		}
		
	#mast li, #footer li {
		display: inline;
		margin: 0 10px;
		}
		
#content, #terms, #data {
	margin: 0 70px;
	padding-bottom: 20px;
	font: 13px/1.4em Arial, Helvetica, sans-serif;
	clear: both;
	}
	
	h1 {
		text-align: center;
		margin: 20px 0;
		font: bold 22px/130% Georgia, Times, serif;
		}
		
		.blue {
			color: #369;
			background: #fff;
			}
			
		.red {
			color: #c30;
			background: #fff;
			}
			
		.black {
			font: bold italic 13px/1.4em Arial, Helvetica, sans-serif;
			}

	h2, h3, h4 {
		font: bold 20px/1.3em Tahoma, Arial, Helvetica, sans-serif;
		text-align: center;
		}

	h5 {
		font: bold 28px/1.3em Tahoma, Arial, Helvetica, sans-serif;
		text-align: center;
		}


	h2{
		margin-bottom: 20px;
		}
	
	h4 {
		padding: 5px;
		}
		
	h4 img {
		padding-top: 4px;
		}

	h5{
		margin-bottom: 20px;
		}
	
	h3, p, ul, blockquote {
		margin: 0 0 15px 0;
		}
		
	h3 img {
		margin: 2px 0;
		}
		
	.small {
		font: 10px Arial, Helvetica, sans-serif;
		text-align: center;
		color: #777;
		background: #fff;
		margin-bottom: 15px;
		}
		
	.center {
		text-align: center;
		}
		
	.hilite {
		background: #ff6;
		}

	.hilite2 {
		background: #c30;
		}
	
	.author { 
		float: left;
		font-size: 10px;
		line-height: 1.2em;
		color: #369;
		background: #fff;
		margin-bottom: 20px;
		}
		
		.author img {
			margin: 0 12px 4px 0;
			}
		
	.bbblogo {
		float: right;
		margin: 0 0 0 12px;
		}
	
	.bbb a {
		border: 0;
		}
		
	p img.left {
		float: left;
		margin: 5px 6px 0 0;
		}
		
	p img.right {
		float: right;
		margin: 6px 0 30px 12px;
		}
	
	#content p.center {
		text-align: center;
		}
		
	#content p {
		text-align: justify;
		}
		
	blockquote {
		color: #333;
		background: #ffe;
		border: 1px solid #aaa;
		padding: 8px 15px 10px 15px;
		}

			blockquote h2 {
		font: bold 16px/1.4em Tahoma, Arial, Helvetica, sans-serif;
		text-align: left;
		color: #369;
		margin-bottom: 6px;		
		}	
		
		
	blockquote.alt {
		color: #333;
		background: #def;
		}
		
	#content blockquote p {
		margin: 5px 0;
		text-align: left;
		font: 11px/1.4em Verdana, Helvetica, sans-serif;
		}
		
	blockquote.photo p {
		padding-left: 90px;
		}
		
	blockquote strong {
		color: #369;
		background: transparent;
		}
		
	blockquote img {
		float: left;
		margin: 4px 10px 0 0;
		border: 1px solid #333;
		}
		
	blockquote p cite {
		font-style: normal;
		}
		
	#comparison {
		color: #333;
		background: #ffe;
		padding: 10px 10px 0 10px;
		border: 1px solid #aaa;
		margin-bottom: 10px;
		}
		
	#comparison h4 {
		font-size: 12px;
		}
		
	#content li {
		margin: 0 0 5px 20px;
		}
		
	#bonus {
		margin: 10px 0 20px 0;
		border-bottom: 1px solid #ccc;
		padding-bottom: 15px;
		}
		
	#bonus img {
		float: left;
		}
		
	#bonus h4, #bonus p {
		padding-left: 140px;
		text-align: left;
		margin: 0;
		}
		
	#bonus h3 {
		font-size: 16px;
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
		color: #900;
		background: #fff;
		border-bottom: 1px solid #ccc;
		}
		
		#bonus h3 span {
			border-left: 1px solid #ccc;
			border-top: 1px solid #ccc;
			border-right: 1px solid #ccc;
			padding: 1px 3px 0 3px;
			}
			
	#bonus h4 {
		color: #369;
		background: #fff;
		font: bold 12px Verdana, Helvetica, sans-serif;
		}
		
	#bonus p.byline {
		font-style: italic;
		}
		
	#bonus p.red {
		color: #900;
		background: #fff;
		font: bold 12px Verdana, Helvetica, sans-serif;
		}
		
	.orderbox {
		margin: 20px 0;
		border: 1px solid #369;
		padding: 15px;
		}
		
		.orderbox h3 {
			color: #369;
			background: #fff;
			font-size: 20px;
			}
			
		.orderbox h4 {
			color: #900;
			background: #fff;
			font: bold 15px Arial, Helvetica, sans-serif;
			}
			
		.orderbox p {
			font-size: 17px;
			line-height: 1.3em;
			}
			
		.orderbox h4, .orderbox h3.order, .orderbox p {
			padding-left: 155px;
			text-align: left;
			}
			
		.orderbox div {
			text-align: center;
			}
			
		.orderbox img.left {
			float: left;
			}
			
		.orderbox img.right {
			float: right;
			margin-bottom: 0;
			}

	.orderbox2 {
		margin: 20px 0;
		border: 1px solid #369;
		padding: 15px;
		}

				.orderbox2 p {
			font-size: 17px;
			line-height: 1.3em;
			}
		
#footer {
	width: 640px;
	margin: 0 auto;
	}
	
	#footer p {
		color: #e9e9e9; /*#999*/
		background: #369; /*#eee*/
		font: 10px Verdana, Helvetica, sans-serif;
		}
	
	/* terms, disclaimer, and privacy policy */
	
#terms, #data {
	padding-top: 40px;
	}
	
	/* headers, paragraphs and such */
	
	#terms h1, #terms h2, #terms h3, #terms h4 {
		text-align: left;
		color: #369;
		background: #fff;
		}
	
	#terms h1 {
		font: bold 16px Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
		}
	
	#terms h2 {
		font: bold 11px Verdana, Helvetica, sans-serif;
		margin: 20px 0 5px 0;
		}
	
	#terms p, #terms ul, #terms ol {
		font: 11px/17px Verdana, Helvetica, sans-serif;
		}
	
	#terms li {
		margin: 10px 0;
		}
		
	#terms ol li {
		margin-left: 30px;
		}
	
	.glyph {
		text-align: center;
		height: 20px;
		background: url(/images/s_icon.gif) no-repeat 50% 0;
		margin: 12px 0;
		}		
	
	/* form elements */
	
form#reg {
	background: url(/images/dl-cover.jpg) no-repeat 90% 100%;
	}

fieldset {
	border: 0;
	border-top: 1px solid #ddd;
	padding: 15px;
	}
	
	fieldset p {
		margin: 10px 0;
		padding: 0;
		}
		
		p.lost {
			font: 10px Verdana, Helvetica, sans-serif;
			}
		
		legend {
			color: #369;
			background: #fff;
			padding: 3px;
			border: 1px solid #ddd;
			}
		
		label {
			font: 11px Verdana, Helvetica, sans-serif;
			}
			
		#first_name, #last_name, #email, #confirm_email, #password {
			font-size: 11px;
			padding: 1px;
			width: 180px;
			}
		
.errors {
	color: #333;
	background: #ffe;
	border: 2px solid #369;
	width: 50%;
	float: right;
	}
		
.errors p {
	font: bold 11px Verdana, Helvetica, sans-serif;
	color: #900;
	background: #ffe;
	margin: 5px;
	padding: 0;
	}
		
 .errors ul {
	font: 10px Verdana, Helvetica, sans-serif;
	margin: 8px 0;
	}
	
 .errors ul ul {
		margin: 5px 0;
		}
		
.errors li {
	margin-left: 22px;
	}
	
#data input#sendme {
	padding: 10px 15px;
	}
	
	/* downloads */
	
table {	
	width: 100%;
	margin: 0 auto 20px auto;
	}
	
td {
	font: 12px Arial, Helvetica, sans-serif;
	width: 50%;
	vertical-align: top;
	text-align: center;
	border: 1px solid #ddd;
	padding: 10px 0;
	}
	
td em {
	font-weight: bold;
	}
	
td img {
	margin-top: 10px;
	}
	
p.buyit {
	margin-top: 20px;
	border-top: 1px solid #ccc;
	}
	
#tips {
	color: #333; 
	background: #f8f8f8; 
	border: 1px solid #ddd;
	padding: 5px 15px;
	}
	
#tips p, #tips ol {
	font: 10px/1.6em Verdana, Helvetica, sans-serif;
	margin: 5px 0;
	}
	
#tips li {
	margin-left: 30px;
	}
	
td a, td a:link, td a:visited, td a:hover, td a:active {
	text-decoration: none;
	}
		

/*  IT-Economy Stiles */

.layouttable td {
border:0;
text-align:left;
width:auto;
}
.layouttable td img{
margin:0;
}
.layouttable td em{
font-weight:normal;
}

.headline {
color:#369;
font-variant:small-caps;
font-style:italic;
font-size:24px;
font-weight:bold;
}


.preorder .product_image{
float:left;
clear:left;
}

.preorder h3{
font-size:14px;
font-weight:bold;
padding:0;
margin:0;
text-align:left;
}

.preorder td {
border:0;

}