/*--------------------------------------------------------------------------*/
/* Name    : site.css                                                       */
/* Updated : 28/11/08  - Working Very Well on Low and High resolutions      */
/* Purpose : Main CSS definitions for the website                           */
/* Method  : Based on The Holy Grail discussions                            */             
/*   &  HTML Utopia: Designing without Tables by Rachel Andrew & Dan Shafer */              
/* Author  : Alan Seletovic - Perth Australia 2008                          */
/* (c)     : You can use this in any way you like when you include this:    */
/*           "Author: Alan Seletkovic www.alansele.com and acewealth4u.com" */ 
/*--------------------------------------------------------------------------*/

/*--- This rules the whole part ---*/
body 
{
  width            : 99%;      /* Controls the width of the whole website-neat! */
  max-width        : 99%;      /* Ditto	 - Leave a little bit on both sides	    */
  height           : auto;
  margin-left	   : 0;     /* Place the page in the middle of the page 5.0% */
  margin-top       : 0;
  padding          : 0;
  font-size        : 100%;
  text-align       : justify;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  border-style     : outset;
  border-color     : #C0C0C0;         /* Silver;  Testing color: Magenta	   */
  border-width     : 5px;
  background       : url(../images/background.jpg);    /*  center center repeat-x;*/   	
  background-image : url(../images/background-image.jpg); /*center center repeat-x;  */
/*line-height      : 1.125em;  */   /* 16*1.125 = 18 but causing display probs */
}

/*--- Wrap the whole webpage with this ---*/
#total-wrapper 		 
{
  position         : relative;
  width            : 100%;
  height           : auto;    /* 200%;  */
  min-height       : auto;    /* 200%;  */
/*max-height       : 200%;
/*height           : auto; !important;  */
  border-style	   : outset;
  border-color	   : red;                       /* black;Testing color: Red   */
  border-width	   : 0px;
  background       : url(../images/background.jpg); /*  center center repeat-x;   */   	
  background-image : url(../images/background-image.jpg);
/*background-color : GhostWhite; */  /* Snow; Azure; Ivory  Beige Lavender     */
   					 /* GhostWhite WhiteSmoke Gainsboro LightGoldenrodYellow   */
}

/*-- I like to use the header at the top ---*/
#header 
{
  position         : relative;
  width            : 99.5%;
  max-width        : 100%;   	         /* make it almost to the end		    */
/*height           : 240px; !important; 
/*max-height       : 240px;		        /* don't lett it go beyond this size    */
  padding          : 0px;
  margin           : 0px;
  text-align       : left;
  color            : #000;               /* black; Testing Color Red            */ 
  border-style     : double;	      
  border-color     : #C0C0C0;            /* Silver  Testing color: Orange	    */ 	 
  border-width     : 0px;	             /* I like a thick border while testing */
}
	
#header h1 
{
  font-size        : 20px; 	         /* 50% Larger Letters in the Header   */							
}
	
#header a:hover 
{
  color            : #FF0000;	  /* Red; Can be anything you like, eg #7A2875; */
}

#navigation      /*--- Main navigation box ---*/
{
  width            : 90%
  height           : auto; 		
  margin-left      : 0px;   
  border-style     : outset;
  border-color     : #C0C0C0	/* Testing color FireBrick #B22222;			   */
  border-width     : 5px;
}
 
/*--- Wrap the body of 3 columns excluding Header, Navigation  and Footer ---*/
#body-wrapper 		 
{
  position         : relative;
  width            : 100%;
  max-width        : 100%
  height           : auto;
  min-height       : 100%;
/*max-height       : 200%;   */
  margin           : 5px;
  border-style	   : outset;
  border-color	   : #ffff00;              /* blue;  #0000FF  Testing color: blue */
  border-width	   : 0px;
/*background-image : url (../images/silver-bkg.jpg); */ /* center center repeat-x;*/
/*background-color : url (../images/silver-bkg.jpg); */ /* used to be WhiteSmoke; */
/*background-color : #F5F5F5; */ 					    /* WhiteSmoke;  	 	  */			
}

IMG {  left: 0px;}
/* BODY, P, IMG { margin: 2em }  */
  
IMG.icon { 
  float            : left;
/*width   	       : 20%; 
  text-indent      : 35%;
  text-align       : right;
  margin-left      : 10px;  */
}

#book-text 
{
  margin           : 0px;
  padding-left     : 160px;
  background-image : url('../images/3d-ebook-t&st-bspine-1ss.jpg');
  width            : 75%;
  text-align       : left;
  background-repeat: no-repeat;
  font-size        : 100%;
  font-weight      : Normal;
  
}

#book-box 
{
  position	       : relative;
  top			   : 0px;   
  left			   : 0px;
  vertical-align   : top; 
  margin-left	   : 0%;
  width			   : 30.0%;  
  max-width		   : 30.0%;  
  min-width        : 5%;
  height		   : auto;
  min-height       : auto;
/*max-height       : 99%; */
  font-size		   : 0.9em;
  padding		   : 2px;
  z-index		   : 5; 
  border-style	   : groove;
  border-color	   : lightgray;  		   /* silver Beige #F5F5DC  Testing color: Orange	 	 */
  border-width	   : 3px 0px 3px 3px;      /* omit rh side as the central column has the border  */
  display          : inline;
  overflow         : hidden;
/*border		   : 10px dashed pink;    */
/*background-image : url(../images/silver-bkg.jpg);  */
/*background	   : #F5F5F5;  */                      /* WhiteSmoke;   or #BB62AB; 			 */
/*background-color : #FFFACD;  */                       /* LemonChiffon;  					 	 */
}

/*--- Sales wrapper wraps the sales type pages and downloads ---*/ 
#sales-page-wrapper 
{
  position		   : relative;
  float            : left;    
  margin-left	   : auto;
  width			   : 80.0%;           /* originally 51% */
  height		   : auto;
  min-height       : auto;
/*  max-height       : 199%;  */
  border-style	   : outset;
  border-color	   : #C0C0C0;         /* Silver=#C0C0C0 or DimGray=#696969;  */
  border-width	   : 10px;
}


/*--- Middle wrapper wrapsthe middle part (you didn't know that did you?) ---*/ 
#middle-column-wrapper 
{
  position		   : relative;
  margin-left	   : 24.0%;
  width			   : 56.0%;           /* originally 51% */
  max-width		   : 56.0%;           /* originally 51% */
  min-width		   : 24.0%;
  height		   : auto;
  min-height       : auto;
/*  max-height       : 199%;  */
  border-style	   : outset;
  border-color	   : #696969;     /* #696969;  */
  border-width	   : 8px;
/* silver; Testing color FireBrick #B22222 */
/*background-image : url(../images/silver-bkg.jpg);  */
/*background	   : #F5F5F5;  */   /* WhiteSmoke;   or #BB62AB; 				  */
/*background-color : #FFFACD;  */   /* LemonChiffon;  					 		  */
}

/*--- Left Column to contain products within it ---*/
#navleft 
{
  position	       : absolute;
  top			   : 0px;   
  left			   : 0px;
  vertical-align   : top; 
  margin-left	   : 0%;
  width			   : 22.0%;  
  max-width		   : 22.0%;  
  min-width        : 5%;
  height		   : auto;
  min-height       : auto;
/*max-height       : 99%; */
  font-size		   : 0.9em;
  padding		   : 0px;
  z-index		   : 2; 
  border-style	   : groove;
  border-color	   : #D3D3D3;                /* lightgray;  #D3D3D3 Testing color: Orange	     */
  border-width	   : 10px; /* 3px 0px 3px 3px;  */      /* omit rh side as the central column has the border  */
  display          : inline;
  overflow         : hidden;
/*border		   : 10px dashed pink;    */
/*background-image : url(../images/silver-bkg.jpg);  */
/*background	   : #F5F5F5;  */                        /* WhiteSmoke;   or #BB62AB; 			 */
/*background-color : #FFFACD;  */                        /* LemonChiffon;  					 	 */
}

#navleft ul 
{
  list-style	   : none;
  margin	  	   : 0px;;
  padding 	  	   : 0px;
}

/*--- Right Column to contain AdSense adverts and links to products ---*/
#navright 
{
  position		   : absolute;
  top			   : 0px;   
  right			   : 0px;
  vertical-align   : top;
  margin-right     : 5px; 
  width			   : 16.0%;   		 /* 128px */
  max-width		   : 16.0%;  
  min-width        : 5%;
  height		   : auto;
  min-height       : auto;
/*max-height       : 99%;  */
  font-size		   : 0.9em;
  padding		   : 0px;
  z-index		   : 3; 
  border-style	   : groove;   /* groove;  */
  border-color	   : #D3D3D3;              /* silver; #C0C0C0  Testing color Yellow #FFFF00		     */
  border-width	   : 10px; /* 3px 3px 3px 0px; */     /* omit lh side as the central column has the border  */
  display          : inline; 
  overflow         : hidden;
/*border		   : 10px dashed yellow;         */
/*background-image : url(../images/silver-bkg.jpg);  */
/*background	   : #F5F5F5;  */   /* WhiteSmoke;   or #BB62AB; 			 */
/*background-color : #FFFACD;  */   /* LemonChiffon;  or #eee			 	 */
}

/*--- All the content boxes belong to the content class. ---*/
.content 
{
  position		   : relative;
  width			   : 98%;
  height		   : auto;
  min-width		   : 20%;
  padding	 	   : 3px;
  margin		   : 3px;
  text-align	   : left;
  z-index		   : 3;
/*margin		   : 0 210px 20px 170px; */
/*border		   : 5px outset LimeGreen;   */
  border-style	   : ridge; 
  border-width	   : 0px;        /* 0px 0px 2px 0px; */
  border-color	   : #ffff00;                     /* LemonChiffon;   FFFACD;     */
/*background-image : url(../images/silver-bkg.jpg);  */
/*background	   : #F5F5F5;  */   /* WhiteSmoke;   or #BB62AB; 				 */
/*background-color : #FFFACD;  */   /* LemonChiffon;  					 		 */
}
 
.content>p 
{
 margin: 0;
}

.content>p+p 
{
 text-indent: 30px;
}

#product-box 
{
  position		  : relative;
  top			  : 0px;   
  left			  : 0px;
  vertical-align  : top; 
  width			  : 97.5%;   		 /* 128px */
  max-width		  : 97.5%;
  margin-left     : 0px;
  padding-left    : 0px;
  padding-right   : 0px;
  height		  : auto;
/*max-height	  : 400px;  */
  font-size		  : 14px;
  z-index		  : 2;
  border-style	  : ridge;
  border-color	  : #FFFACD;              /* lemonchiffon; #FFFACD   Testing Red */
  border-width	  : 2px;                  /* 2px  0px 0px 0px; */
/*border		  : 1px dashed #000;  */  /* black; #000                    */
/*background-color: #fff;             */  /* white;  #fff                   */          
}


#adsense-box 
{
  position		  : relative;
  top			  : 0px;   
  left			  : 0px;
  vertical-align  : top; 
  width			  : 740px;   		 /* 128px */
  max-width		  : 740px;
  margin-left     : 10px;
  padding-left    : 10%;
  height		  : auto;
/*max-height	  : 400px;  */
  font-size		  : 1.0em;
  padding		  : 0px;
  z-index		  : 2;
  border-style	  : ridge;
  border-color	  : #FFFACD;              /* lemonchiffon; #FFFACD          */
  border-width	  : 0px;                  /* 2px  0px 0px 0px; */
/*border		  : 1px dashed #000;  */  /* black; #000                    */
/*background-color: #fff;             */  /* white;  #fff                   */          
}

.picbox 
{
/*  width			  : 100%;  */
  height	      : auto; !important;
/*  width  	      : 120px;  */

   max-width  	  : 100%;
/*  max-height 	  : 150px;  */
/*  min-width		  : 80px;  */
  padding-left    : 0px;
  padding-right   : 3px;
  border-width    : 0;
  border-color    : #ffffff;         /* White */
}

/*--- Box where Name and Email are asked ---*/
.name-n-email
{
  width			  : 100%;
  height	      : auto; !important;
  max-width  	  : 98 %;
/*max-height 	  : 205px;  */
  border-style	  : dashed;
  border-color	  : #FF0000;         /* red;                          */
  border-width	  : 2px;
}

/*--- for Disclaimers, Conditions, etc ---*/
#footer			  
{
  font	   		 : bold 15px Arial;
  width			 : 100%;		/*leave this value as is in most cases	*/
  max-width		 : 100%;		/*leave this value as is in most cases  */
  height		 : 2%; 		    /* Height of the tab  	 		 		*/ 
  margin-left	 : 0px;  
  overflow		 : hidden;
  border-style	 : outset;
  border-color	 : #800080;		/* purple #800080 Testing FireBrick- #B22222*/
  border-width	 : 0px;
}

/************************************************/
/*** Headers and other text font definitions  ***/
/************************************************/

h1 
{
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  margin	   	   : 0 0 15px 0;
  padding		   : 0;
  color			   : #000;
}

h2 
{ 
  font-family	   : Verdana, Arial, Helvetica, sans-serif;
  margin		   : 0 0 5px 0;
  padding		   : 0;
  font-size		   : 16px;
  font-weight      : 600; 
}

h3 
{ 
  font-family	   : Verdana, Arial, Helvetica, sans-serif;
  margin		   : 0 0 5px 0;
  padding		   : 0;
  font-size		   : 14px;
  font-weight      : 500; 
}
 
h5 
{
	color:#0000ff;
	font-size:1em;
	font-weight:normal;
	line-height:25px;
	padding-left:20px;
}

h6 
{
	color:#000000;
	font-size:1em;
	font-weight:normal;
	line-height:15px;
	padding-left:20px;
    font-weight:600;
    
}

a 
{
  color			  : teal;
  font-family	  : Verdana, Arial, Helvetica, sans-serif;
  font-weight	  : 400;
  text-indent     : 0px;
}

a.picbox 
{
  width			  : 100%;
  height	      : auto; !important;
  max-width  	  : 96%;
  max-height 	  : 105x;
  min-width		  : 10%;
}
 
a:link 
{
  color			   : #0000FF;		/* Blue			  			 	*/
}

a:visited 
{
  color	  		   : #0000FF;		/* Substituion: Purple #800080;					*/
}
 
a:hover 
{
  background-color : #bbb;          /* Unknown color                */
}

a.special 
{
  color			   : #0000FF;		/* Blue			  			 	*/
  font-size        : medium;
  font-weight      : 400;
  border-style     : outset; 
  background-color : #D8BFD8;       /* Thistle                      */
}

.big-linespacing
{
  line-height      : 300%;
}

.medium-linespacing
{
  line-height      : 150%;
}

.special-biggest 
{
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  margin-left      : auto;
  margin-right     : Auto;
  font-size		   : 22px;   
  text-align       : center;
  padding		   : 0;
  width            : 92%;
  max-width        : 92%;
  color			   : #000;
  border           : outset;
  border-color     : #B0C4DE;        /* LightSteelBlue;#B0C4DE      */
  border-width     : 5px; 
  background-color : #E6E6FA;        /* Lavendar #E6E6FA            */
  font-weight      : 800;
}

.special-big 
{
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  margin-left      : auto;
  margin-right     : Auto;
  font-size		   : 18px;   
  text-align       : center;
  padding		   : 0;
  width            : 92%;
  max-width        : 92%;
  color			   : #000;
  border           : outset;
  border-color     : #B0C4DE;        /* LightSteelBlue;#B0C4DE      */
  border-width     : 5px; 
  background-color : #E6E6FA;        /* Lavendar #E6E6FA            */
  font-weight      : 800;
}

.special-small 
{
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  margin-left      : auto;
  margin-right     : Auto;
  font-size		   : 12px;  
  text-align       : center;
  padding		   : 0;
  width            : 92%;
  max-width        : 92%;
  color			   : #000;
  border           : outset;
  border-color     : #B0C4DE;        /* LightSteelBlue #B0C4DE;       */
  border-width     : 5px; 
  background-color : #E6E6FA;        /*Lavendar #E6E6FA               */
  font-weight      : 600;
}

.special-verysmall 
{
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  margin-left      : auto;
  margin-right     : Auto;
  font-size		   : 8px;  
  text-align       : center;
  padding		   : 0;
  width            : 92%;
  max-width        : 92%;
  color			   : #000;
  border           : outset;
  border-color     : #B0C4DE;        /* LightSteelBlue #B0C4DE;       */
  border-width     : 5px; 
  background-color : #E6E6FA;        /*Lavendar #E6E6FA               */
  font-weight      : 600;
}

.plaque-biggest  
{
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  margin-left      : auto;
  margin-right     : Auto;
  text-align       : center;
  font-size        : 22px;
  font-style       : normal;
  padding		   : 0;
  width            : 92%;
  max-width        : 92%;
  color			   : 000;
  border           : outset;
  border-color     : #B0C4DE;        /* LightSteelBlue #B0C4DE */
  border-width     : 7px; 
  background-color : #E6E6FA;        /*Lavendar #E6E6FA        */
  font-weight      : 600;
}

.plaque-big  
{
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  margin-left      : auto;
  margin-right     : Auto;
  text-align       : center;
  font-size        : 18px;
  font-style       : normal;
  padding		   : 0;
  width            : 92%;
  max-width        : 92%;
  color			   : 000;
  border           : outset;
  border-color     : #B0C4DE;        /* LightSteelBlue #B0C4DE */
  border-width     : 7px; 
  background-color : #E6E6FA;        /*Lavendar #E6E6FA        */
  font-weight      : 600;
}


.plaque-medium 
{ 
  font-family	   : Verdana, Arial, Helvetica, sans-serif;
  margin-left      : auto;
  margin-right     : Auto;
  text-align       : center;
  font-size        : 14px;
  font-style       : normal;
  text-decoration  : none; 
  padding		   : 0;
  width            : 92%;
  max-width        : 92%;
  color            : #000;           /* Black                  */
  border           : outset;
  border-color     : #B0C4DE;        /* LightSteelBlue #B0C4DE */
  border-width     : 3px; 
  background-color : #E6E6FA;        /*Lavendar #E6E6FA        */
  font-weight      : 600;
}

.plaque-small-nl 
{ 
  font-family	   : Verdana, Arial, Helvetica, sans-serif;
  margin-left      : auto;
  margin-right     : auto;
  margin-top       : 5px;
  text-align       : justify;
  font-size        : 12px;
  font-style       : normal;
  text-decoration  : 0; 
  padding		   : 5px;
  line-height      : 200%;
  width            : 92%;
  max-width        : 92%;
  color            : #000000;           /* black #000         */
  border           : ridge;
  border-color     : #F0FFFF;           /* azure;             */
  border-width     : 3px;
  background-color : #F0F8FF;           /* LightCyan= #E0FFFF  Lavender = #E6E6FA; */
  font-weight      : 600;
}

.plaque-small-ul
{ 
  font-family	   : Verdana, Arial, Helvetica, sans-serif;
  margin-left      : auto;
  margin-right     : auto;
  margin-top       : 5px;
  text-align       : center;
  font-size        : 12px;
  font-style       : normal;
  text-decoration  : none; 
  padding		   : 5px;
  width            : 92%;
  max-width        : 92%;
  max-height       : 50px;
  color            : #800080;           /* purple; #800080    */
  border           : outset;
  border-color     : #B0C4DE;           /* azure;             */
  border-width     : 3px;
  background-color : #F0F8FF;           /* LightCyan= #E0FFFF  Lavender = #E6E6FA; */
  font-weight      : 600;
}

.bodytext p 
{
  font-size        : 12px;
  font-weight      : 500;
}

p 
{
  font-family	   : Verdana, Arial, Helvetica, sans-serif;
  position         : relative;
  width            : 98%; 
  line-height	   : 16px;
  text-indent      : 0;
  padding-top:     : 14px;
  padding-bottom   : 10px;
  text-align       : justify;
  color            : #000000;
  font-weight      : 500;
}

pp 
{
  font-family	   : Verdana, Arial, Helvetica, sans-serif;
  position         : relative;
  width            : 98%; 
  line-height	   : 18px;
  padding-top:     : 14px;
  padding-bottom   : 10px;
  text-align       : left;
  color            : #000000;
  font-weight      : 500;
}
pns
{
  font-family	   : Verdana, Arial, Helvetica, sans-serif;
  line-height	   : 12px;
  margin		   : 0px 0 16px 0;
  position         : left;
  padding 	  	   : 3px;
}

.free-5-chapters
{
  font-family	   : Verdana, Arial, Helvetica, sans-serif;
  float            : none;
  margin-left      : 15%;
  margin-right     : 2%;
  text-align       : center;
  font-size        : 20em;
  font-style       : normal;
  text-decoration  : none; 
  padding-left     : 1%;
  padding-right    : 1%;
  width            : 75%;
  max-width        : 75%;
  height           : auto;
  color            : black;           /* RED;               */
  border           : dashed;
  border-color     : red;             /* Red                */
  border-width     : 3px;
  background-color : #f6f6f6;           /* Yellow;            */
  font-weight      : 400;
 }

.button {

	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/* 	font-weight: bold; */
	font-size: 18px;
	cursor: pointer;

/* display the background gradient image */

	background-image: url("images/button_bg.gif");
	background-repeat: repeat-x;
	background-position: center;
}

/* Do not highlight as a normal link */

.button a {

	text-decoration: none;
	color: #000000;
}

/* The green->red padding around the button */

#buttonPad {
	padding: 8px;
	background-color: #CC3333;
	cursor: pointer;
}
/*-------------- end of site.css --------------------------*/