*{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}
body{
        background-color: #c7c7c7;
        background-image:  url("../images/index_02.jpg");
        background-repeat:repeat-x; 
        background-position:top;
	font-family: Georgia;
	text-align: center;
}
#main_content, #maincontent_box, .testimonial, .testimonial_box, .signup, .signup_box, fieldset{
	margin: 0 auto;
}
/* Container for image box */
#main_content{
        width:756px;
        background: url("../images/index_08.jpg") repeat-y;

}
/*Get rid of white space below images used in making boxes */
div.testimonial > img, div.signup > img, div#main_content > img{
	display: block;
}
p, li, h2, h3, ul{
	margin: 5px 20px;
	text-align: left;
}

/* Box for main content to go in, which is inside the image box created by the repeating background */
#maincontent_box{
	width:700px;
}
/***** End of main content style *****/

/* Style for graphic block on plr landingpage */
div#graphic_block{
   width: 85%; margin: 0 auto; padding: 10px; 
}
/***** End of graphic block on plr landingpage style *****/

/* Style for 'Testimonial box' */
.testimonial{
        width:579px;
}
.testimonial_box{
	background: url("../images/testimonial_02.jpg") repeat-y;
}
.testimonial p, .testimonial h1, .testimonial h2, .testimonial h3{
	margin: 0 60px;
}
.testimonial p{
	font-style: italic;
}
/* Set a style for the author of the testimonial */
p.author {
	text-align: right;
	font-style: normal;
	font-weight: bold;
	padding-bottom: 5px;
}
/***** End of testimonial style *****/

/***** Style for the signup box *****/
/* Create a floated box for it all to go in */
.signup{
	width: 197px;
	float: left;
}
.privacystatement{
	width: 350px;
	float: right;
}
.signup_box{
	background: url("../images/opt_02.png") repeat-y;
}
/* Main box for the signup box content */
fieldset{
	width:160px;
	border: 0;
}
/* Style the label */
label {
	float: left;
}
/* Style the input box */
input[type="text"]{
	display: block;
	float: left;
	width: 98%;
	padding: 0;
}
/* Style the submit button */
button{
	margin-top: 4px;
	width: 100%;
}
/* Style the normal text in the form */
fieldset p{
	text-align: center;
	font-size: 60%;
}
.sidebox {
	background: url('../images/sidebox.jpg') no-repeat;
	border: 1px solid black;
	height: 144px;
	width: 300px;
	margin: 20px auto;
}
.sidebox_text{
	width: 200px;
	height: 84px;
	border: 1px dashed;
	margin: 25px auto;
	padding: 5px;
	background-color:#ffffff;
	border:1px solid black;
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
	font-style: italic;
	color: blue;
}
/***** Some more minor styles *****/

/* Style for the 'tick list' type list */
ul.tick_list {
	text-align: left;
	list-style-type: none;
	margin-left: 15px;
	padding: 0;
}
ul.tick_list li{
      background-image: url(../images/bullet1.jpg);
      background-repeat: no-repeat;
      background-position: 0px 0.3em;
      padding-left: 18px; 
	margin-bottom: 10px;
}

/* Style for the arrow bullet type list */
ul.list {
	text-align: left;
	list-style-type: none;
	margin-left: 15px;
	padding: 0;
}
ul.list li{
      background-image: url(../images/bullet2.jpg);
      background-repeat: no-repeat;
      padding-left: 18px; 
      background-position: 0px 0.3em;
	margin-bottom: 10px;
}

/* Style for emphasis text */
em.em_1 {
	font-style: normal;
	color: red;
	border-bottom: 1px dotted red;
}

/* Left and right float images */
.right{
	float: right;
}
.left{
	float: left;
}
em.em_2 {
	text-transform: uppercase;
	font-style: normal;
	color: red;
	border-bottom: 1px dotted red;
}
.em_3{
	font-family: comic sans ms;
	color: red;
}
/* Credits */
p.credits, img.credits{
	text-align: center;
	font-size: 60%;
}

/* Style for little thumbnail images at top of page */
.thumbs{
	margin: 4px 4px 0 4px;
}
.thumbs img{
	display: inline;
	margin: 0 auto;
}
/* Remove border from images and give the ones in the main text a bit of space! */
div#maincontent_box > img, div#maincontent_box > a > img{
	border: 0;
	margin: 20px auto;
}
a img{
	border: 0;
}