22/* ----- Font Control ----- */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

table {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

/*The outermost table that centers the web page */
#topTable {
	width: 780px;
	margin: 0;
	padding: 0;
	margin-left: auto; 
	margin-right:auto; 	
	position: relative;
	top: 0px;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 18px;
	text-align: center;
	color:#000000;
	margin: 0px;
	padding: 0px;
	background-image:url(../images/mainbg2.gif);
	background-color: #7a2525;
	background-repeat: repeat-x;
	background-position: top;
}

.imgLeft {
	border:none;
	float:left;
	padding:0;
	margin: 2px 10px 2px 0;
}

.imgLeftSmEbook {
	border:none;
	float:left;
	padding:0;
	margin: 2px 5px 2px 0;
}

a, a:visited {
	color: #c00600;										/* links color (close to regular text but touch of main page highlight color)*/
	text-decoration: underline;
}

a:hover {
	color: #390000;
	text-decoration: underline;
}


#tagline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7072bf;
	line-height: 16px;
	padding: 10px 15px 0 0;
	margin: 0;
	text-align: right;
	font-style: italic;
	vertical-align: top;
}


/* -----  MAIN  ---- */

#main {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;	
	width: 430px; 
	text-align:left;
	background-color: #ffffff;
	background-image:url(../images/mainbg.gif);
	color: #282b29;
	padding: 40px 40px 80px 40px;
	vertical-align:text-top;
}

/* Main page heading */
#main h1 {
	font-size: 26px;
	line-height: 30px;	
	color: #c00600;
	font-weight:bold;
	padding: 0px 0px 20px 0px;
	margin: 0px;
	font-family: Arial, Verdana. Helvetica, sans-serif;
	text-align: left;
}

#main h2 {
	font-size: 17px;
	line-height: 21px;	
	color: #c00600;
	font-weight:bold;
	padding: 20px 0px 10px 0px;
	margin: 10px 0 0 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;;
	text-align: left;
}

#main .audioTable {
    width:115px;
	float:left;
	margin: 30px 20px 20px 0;
	padding: 0px;
	background-color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#ffffff;
}

#main .AudioMessage {
	padding: 3px;
	background-color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color:#ffffff;
}

#main .productTable {
	float:left;
	padding: 0px;
	margin: 10px 20px 20px 0;
}

#main .productCaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	padding: 3px;
	margin: 0;
}


#main p {
	padding: 10px 0px 10px 0px;
	margin: 0;
}


#main ol, #main ul {
	margin: 0px 10px 0px 25px;
	padding: 13px 0 13px 0;
}

#main ol li, #main ul li {
	padding: 0 0 5px 0;
	margin: 0 0 0 10px;

}

#main form {
	margin: 0;
	padding: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	background-color: #000000;
	background-image:url(../images/formbg.gif);
	background-position:top right;
	background-repeat: no-repeat;
	color:#CCCCCC;
}

#main .inputbox {
	font-family: verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;		
	border: 1px solid #dddddd;
	background-color: #ffffff;
	padding: 2px;
	margin: 0;
}
#main .inputbutton {
	font-family: verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;		
	color: #ffffff;
	border: 1px solid #dddddd;
	background-color: #d75600;
	font-weight: bold;
	margin: 0;
	padding: 1px;
}

#main p.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;	
}

/* For small text that is not very prominent */
#main .smallGrey {
	font-size: 10px;
	color:#777777;
	line-height: 14px;
}

.bioTable {
	float: right;
	padding: 0;
	margin: 30px 0px 20px 20px;
	color:#000000;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	border: 0px;
}

.bioCaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 15px;
	padding: 3px;
	margin: 0;
	background-color: #000000;
}



/* ----- PROMOS ----- */
/* This is the left column of the website */


#promos {
	/* For the column that contains promotional items - the left column of the website*/
	width: 250px;
	background-color: #000000;
	background-image:url(../images/promobg.gif);
	background-repeat:repeat-y;
	margin: 0px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

.promo {
/* for the table cell that contains promotion items */
	width: 175px;
	vertical-align: top;
	color:#cccccc;
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;	
	padding: 40px 30px 20px 35px;
	margin: 0px;
	text-align: left
}

.promo h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #c00600;
	font-size: 20px;
	line-height: 24px;
	font-style: italic;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0;
}

.promo h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
	font-size: 11px;
	line-height: 5px;
	padding: 0px 0px 10px 0px;
	margin: 0;
}

.promo p {
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

.promo #bigbold {
	font-size:13px;
	font-weight:bold
}

.promo img {
	margin: 10px 5px 0px 0px;
}

/* ----- BOTTOM ----- */
.bot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#aaaaaa;
	line-height: 15pt;
	margin: 0;
	padding: 0;
}

.bot a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#aaaaaa;
	text-decoration: underline;
}

.bot a:link, .bot a:visited {
	color: #aaaaaa;
	text-decoration: underline;
}

.bot a:hover {
	color:#ffffff;
	text-decoration: underline;
}

.bot p{
	margin: 0;
	padding: 5px 0;
}

#botleft
{position: relative;
left: 15px;}

#botright
{position: relative;
right: 15px;}

/* ---------------- SECTIONS TOP, BODY, BOTTOM --------------------- */



#imgRight {
	float: right;
	padding: 10px;

}


.imgLeft {
	float: left;
	margin: 0 20px 20px 0px;
	padding: 0;
}


.imgLeftTestimonial {
	float: left;
	margin: 0;
	padding: 3px 5px 5px 0;
}

#clear {
	clear:both;
}

#center {
	text-align:center;
}

.clearit {
	clear:both;
}

.darkred {
	color: #9f3445;
}
.alert {
	color: #FF0000;
}
.alertBox {
	margin: 10px 0;
	padding: 10px;
	color: #FF0000;
	border: 1px dotted #FF0000;
	display: block;
}

.signup {
background-color:#92beeb;
color:#333333;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
border: 0px;
}

#inputbox {
border: solid #000000 1px;
background-color:#ffffff;
color: #000000;
font-size:13px;
font-family: Arial, Verdana, Helvetica, sans-serif;
width: 158px;
}

#testimonialimg {
border: solid #848819 1px;
float: right;
margin: 10px;
}



.imgBio {
float: right;
padding: 0px 0px 30px 25px;}

#nextRight {
	float: right;
	padding: 0px 0px 30px 25px;}




