html, body {
	height:100%;
	min-height:100%;
	width:100%;
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:16px;
}
/* Set site width here. Included graphics work with 850px or 950px */
.bodywrap {
	width:840px;
	margin:0 auto;
}
.header {
	height:230px;
	margin:0 auto;
	padding:0;
}
.wrap {
	min-height:100%;
	width:816px;
	margin:0 auto;
}
/* Content area that holds copy */
.content {
	margin:0 auto;
	min-height:100%;
	overflow: hidden;
	padding:0 50px 25px 50px;
	position:relative;
}
/* Headings */
h1 {
	font-family:Impact;
	font-size:50px;
	line-height:60px;
	font-weight:normal;
	font-style:normal;
}
h2 {
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
}
h3 {
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
	font-style:normal;
	margin-top:50px;
	margin-bottom:50px;
}
h4 {
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
}
/* Bullet lists */
ul {
	padding:0 25px;
	margin:20px 0;
	list-style-type:none;
}
ul li {
	padding:0px 30px 0 50px;
	margin:10px 0;
	line-height:35px;
}
/* Numbered lists */
ol {
	padding:0 25px;
	margin:20px 0;
	list-style-type:none;
}
ol li {
	padding:0px 30px 0 50px;
	margin:10px 0;
	line-height:35px;
}
/* 
Testimonials - Use: 
<blockquote>Content Here</blockquote>
*/
blockquote {
	padding:25px 25px 10px 20px;
	margin:30px auto;
	font-family:Arial;
	font-size:16px;
	width:80%;
}
/* 
Johnson Box - Use: 
<div class="johnsonbox">Content Here</div>
*/
.johnsonbox {
	font-family:Arial;
	font-size:18px;
	margin:10px auto;
	padding:25px;
	width:630px;
}
/* 
Guarantee - Use:
<div class="guarantee"><div class="guaranteehead">Guarantee heading</div><div class="guaranteetext">Guarantee text</div></div>
*/
.guarantee {
	width:75%;
	margin:50px auto;
	padding:10px;
}
.guaranteehead {
	text-align:right;
	font-family:Arial;
	font-size:32px;
	height:145px;
	padding:10px 8px 0 0;
}
.guaranteetext {
	font-family:Arial;
	font-size:18px;
	margin:0 8px 8px 8px;
	padding:0 20px;
	text-align:left;
}
/* 
Photo - Use:
<img class="photo" src="images/your120by120image.jpg" alt="" width="120" height="120" />
*/
.photo {
	padding:19px 40px 26px 22px;
	float:left;
}
/* 
Buy Area - Use: 
<div class="buyarea">Content Here</div>
*/
.buyarea {
	width:600px;
	margin:50px auto;
	padding:20px 0;
}
/* 
Signature - Use: 
<pre>Your Name</pre>
*/
pre {
	font-family:Georgia;
	font-size:28px;
	font-weight:normal;
	font-style:italic;
}
/* Footer */
.footer {
	clear:both;
	width:100%;
	margin:0 auto;
	height:106px;
	text-align:center;
	font-size:12px;
}
.footerwrap {
	width:840px;
	margin:0 auto;
	height:106px;
}
.footer a:link, .footer a:visited, .footer a:hover {
	text-decoration:underline;
}
/* General styles */
.clear {
	clear:both;
}
img {
	border:0;
}
img.alignright {
	padding: 0;
	margin: 0 0 5px 10px;
	float:right;
}
img.alignleft {
	padding: 0;
	margin: 0 10px 5px 0;
	float:left;
}

.menu {
margin:0 auto;
padding:0;
}

.menu ul {
list-style-type:none;
margin:0 auto;
padding:0;
float:right;
}

.menu li {
float:left;
height:28px;
margin:0 10px 10px 0;
padding:0 8px;
width:auto;
display:block;
white-space:nowrap;
font-weight:bold;
line-height:28px;
background:none;
}

.menu li a:link, .menu li a:visited {
float:left;
text-decoration: none;
height:28px;
line-height:28px;
font-weight:bold;
width:auto;
display:block;
}

.menu li a:hover {
text-decoration: none;
display:block;
width:auto;
display:block;
}