/* 
CSS Document - Here you can easily edit text properties for the whole sales letter. 
For personal use only, do not sell or give away. 
Copyright Ralf Skirr, http://web-templates-online.com
*/

body { /* sets background color of page to match the shadow-border of your sales letter, better don't change*/
background-color:#D7D3D3;
}

#salesletter {
/* This sets the width of your sales letter. Change the pixel value to increase or decrease width. Remember that shorter lines are easier to read.
 Left and right border with shadow are 85 pixels, that leaves 600 picels for the text area when width is set to 685px.*/
width:685px;
}

p, h1, h2, h3, h4, li { 
/* This puts a left and right margin around any text on the page. For shorter lines of text increase margin pixel values. For longer lines of text decrease margin pixel values.*/
margin-left:25px;
margin-right:25px;
}

body {
font-family:Georgia, "Times New Roman", Times, serif; 
					/* For sans-serif-fonts change 'Georgia, "Times New Roman", Times, serif' to 'Verdana, Arial, Helvetica, sans-serif' */
font-size:medium; 	/* For smaller text change 'medium' to 'small'. All text on the page (including headlines) will adjust proportionally. */
}
	
h1	{
font-size:160%;		/* change percent value for larger or smaller headline */
color:red; 			/* For other colors to use see: http://web-templates-online.com/web-design-colors.php */
text-align:center; 	/* To left align the main headline change 'center' to 'left' */
}

h2	{
font-size:120%;		/* change percent value for larger or smaller headline */
color:black;		/* For other colors to use see: http://web-templates-online.com/web-design-colors.php. */
text-align:left;	/* To center the headline change 'left' to 'center'*/
}	

h3	{
font-size:120%; 	/* change percent value for larger or smaller headline */
color:darkblue; 	/* For other colors to use see: http://web-templates-online.com/web-design-colors.php. */
text-align:left; 	/* To center the headline change 'left' to 'center'*/
}	

h4	{
font-size:120%;		/* change percent value for larger or smaller headline */
color:red;			/* For other colors to use see: http://web-templates-online.com/web-design-colors.php. */
text-align:left;	/* To center the headline change 'left' to 'center'*/
}

.menu {
	margin-top:6px;	/* creates a space between the top of your sales letter and the menu link section*/
	text-align:center;	/* centers footer links */
}

.menu a, .menu a:active, .menu a:visited { 
text-decoration:none;	/* removes hyperlink underlining */
font-size: smaller; 	/* smaller font-size for menu links */
color:black; 			/* sets color of menu links to black instead blue */
}	

.menu a:hover {
text-decoration:underline;
}

.footer {
	margin-top:50px;	/* creates a space between the end of your sales letter and the footer link section*/
	text-align:center;	/* centers footer links */
}

.footer a, .footer a:active, .footer a:hover, .footer a:visited { 
text-decoration:none;	/* removes hyperlink underlining */
font-size: smaller; 	/* smaller font-size for footer links */
color:black; 			/* sets color of footer links to black instead blue */
}	



.footer2 {
	margin-top:75px;	/* creates a space between the footer links of your sales letter and the web-templates-online link*/
	text-align:center;	/* centers footer links */
}

.footer2 a:link, .footer2 a:visited, .footer2 a:hover, .footer2 a:active {
text-decoration:none;	/* removes hyperlink underlining */
font-size: smaller; 	/* smaller font-size for footer2 links */
color:#999999; 			/* sets color of footer2 links to grey instead blue */
}	

.checkmarked li{
list-style-image: url(images/checkmark-white-small.gif);
list-style-position:outside;
margin-bottom:6px;
}

.checkmarked2 li{
list-style-image: url(images/checkmark-white-small.gif);
list-style-position:outside;
margin-bottom:12px;
}

blockquote {
width:70%;
font-style:italic;
font-weight:bold;
color:darkblue;
}