/*NOTE: Look at the max width if the Google Inspect can not identify the margin/padding for the full width. The max width may be overriding it. */


html {
    box-sizing: border-box;
 }

*, *::before, *::after {
    box-sizing: inherit;
 }
h1 {
    font-size: 1em;
	margin-top:0;
 }
 
 h2 {
    font-size: 1.3em;
	margin-top:0;
 }
body {
    background-color: #fafafa;
    font: 100% / 162% 'open sans', verdana, arial, helvetica, sans-serif;
 }

#wrapper {
    max-width: 60em; 
    padding: 1.25em 0 0;
    margin: auto;  
 }

#nav {
    padding: 0;
    margin: 0 0 0.5em;
    list-style: none;
    text-align: center;
 }

#nav li {
    display: inline-block;  
    line-height:3.75em;
    margin: 0 0.2em;    
 }
#nav li:nth-child(1) {
    margin-right:10%;
 }

#nav li:nth-child(2) a {
    width: 4.3em;
 }
 
 #nav li:nth-child(3) a {
    width: 3.3em;
 }
 
#nav li:nth-child(4) a {
    width: 5em;
 }
 
 #nav li:nth-child(5) a {
    width: 4.6em;
 }

 
 #nav li:nth-child(6) a {
    width: 3.7em;
 }
 
 #nav li:nth-child(7) a {
    width: 4.6em;
 }  

#nav a {
    display: block;
    color: #000;
    text-decoration: none;
 }

#nav li:nth-child(1) a  {
    position: relative;
    display: block;
    width: 21.25em;
    height: 3.75em;
 }

#nav li:nth-child(1) a span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fafafa;
    background-image: url( ../images/header_large2.png  );
 }

#home #nav li:nth-child(2) a, #book #nav li:nth-child(3) a, #courses #nav li:nth-child(4) a,
#software #nav li:nth-child(5) a, #about #nav li:nth-child(6) a, #contact #nav li:nth-child(7) a,
#reviews #nav li:nth-child(3) a, #features #nav li:nth-child(3) a, #sample #nav li:nth-child(3) a,
#updates #nav li:nth-child(3) a, #purchase #nav li:nth-child(3) a, #basic #nav li:nth-child(5) a,
#advanced #nav li:nth-child(5) a, #other #nav li:nth-child(5) a, #faq #nav li:nth-child(5) a,
#terms #nav li:nth-child(5) a, #videos #nav li:nth-child(5) a, #download #nav li:nth-child(5) a,
#paypal #nav li:nth-child(5) a, #future #nav li:nth-child(4) a, #full #nav li:nth-child(4) a,
#basic_course #nav li:nth-child(4) a, #free_videos #nav li:nth-child(4) a,
#thankyou #nav li:nth-child(7) a, #nav a:hover  {
    font-weight: bold;
    color: #0698d9;
 }

#content {
    display: flex;
    flex-wrap: wrap;
    /*mod padding: 1em;*/
    margin-bottom: 1em;
    border: 1px solid #808080;
    border-radius: 0em;
    box-shadow: inset 0 0 0em rgba( 0, 0, 0, 0.2 ), 0 0 0.2em rgba( 0, 0, 0, 0.5 );
    background-color: #fff;
    color: #595959;
 }

#content a {
    color: #00478a;
 }

  #content p {
	margin-bottom: 1.125em;
	margin-top:0;
	/* margin-bottom : space between paragraphs */
	line-height: 1.7;
	text-align: justify;
	font-size:0.95em;
}
 
.book-software {
    width: 32%; 
    max-width: 19.625em;
	/*top, right, bottom, left*/
    padding: 2.5em 0 1em 3em;
    margin-bottom: 2em;
 }

.book-software img {
    display: block;
    width: 100%;
    height: auto;
    box-shadow: 0 0 0.4em rgba( 0, 0, 0, 0.4 );
 }

a[href="software/software.html"] img {
    border: 1px solid #0698d9;
 }

.info {
    width: 68%; 
    max-width: 41em;
	/*top, right, bottom, left*/
    padding: 2.5em 3.5em 1em 2.5em;
    margin-bottom: 2em;
 }

#footer {
    padding: 0 1em;
    font-size: 0.9em;
    color: #565656;
    text-align: center;
  }

/************** Book and other page css **************/

#nav-book, #nav-software {
    width: 23%;
    max-width: 10em;
	text-align: right;
 }
 
 #nav-courses {
    width: 28%;
    max-width: 13em;
	text-align: right;
 }

#nav-book ul, #nav-software ul, #nav-courses ul {
    padding-top: 2.2em;
	padding-right: 2.2em;
	padding-left:1em;
    margin: 0;
    list-style: none;
	text-align: right;
 }

#nav-book li, #nav-software li, #nav-courses li, 
#software-info img, #instruction-videos video:last-of-type {
    margin-bottom: 2em;
 }

#nav-book a, #nav-software a, #nav-courses a {
    display: block;
    color: #000;
    text-decoration: none;
    text-indent: 2em;
 }

#book #nav-book li:nth-child(1) a, #nav-book a:hover,
#sample #nav-book li:nth-child(2) a, #sample a:hover,
#features #nav-book li:nth-child(3) a, #features a:hover,
#reviews #nav-book li:nth-child(4) a, #reviews a:hover,
#updates #nav-book li:nth-child(5) a, #updates a:hover,
#purchase #nav-book li:nth-child(6) a, #purchase a:hover,

#software #nav-software li:nth-child(1) a, #nav-software a:hover,
#basic #nav-software li:nth-child(2) a, #basic a:hover,
#advanced #nav-software li:nth-child(3) a, #advanced a:hover,
#other #nav-software li:nth-child(4) a, #other a:hover,
#faq #nav-software li:nth-child(5) a, #faq a:hover,
#videos #nav-software li:nth-child(6) a, #videos a:hover,
#download #nav-software li:nth-child(7) a, #download a:hover,
#paypal #nav-software li:nth-child(8) a, #paypal a:hover,

#courses #nav-courses li:nth-child(1) a, #nav-courses a:hover,
#future #nav-courses li:nth-child(5) a, #future a:hover,
#customize #nav-courses li:nth-child(4) a, #customize a:hover,
#basic_course #nav-courses li:nth-child(2) a, #basic_course a:hover,
#free_videos #nav-courses li:nth-child(3) a, #free_videos a:hover{
    font-weight: bold;
    color: #0698d9;
 }

#book-purchase, #software-info, #course-info, #expert-reviews,
#book-features, #contents-sample, #amazon-links, #corrections,
#basic-modules, #advanced-modules, #specialized-modules, #questions,
#instruction-videos, #pay-options, #quick-study, #full-study {
    width: 77%;
    padding-left: 2.5em;
	padding-right:1em;
    margin: 2.1em 0;
    border-left: 2px solid #808080;
 }

#course-info {
    width: 72%;
    padding-left: 2.5em;
	padding-right:1em;
    margin: 2.1em 0;
    border-left: 2px solid #808080;
 } 
 
 
 
#contents-sample {
    padding-top: 1em;
 }

#book-purchase span {
    font-weight: bold;
    color: #991d71;
 }

#book-purchase a[href="purchase.html"]{
    display: block;
}

#book-purchase a[href="purchase.html"] img, #software-info img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #0698d9;
    box-shadow: 0 0 0.4em rgba( 0, 0, 0, 0.4 );
}

/*
#book-purchase a[href="sample.html"],
#book-purchase a[href="purchase.html"] {
    display: block;
    margin-bottom: 1em;
    font-size: 1.2em;
    color: #991d71;
    text-align: center;
 }
 
 */

#book-purchase ul {
    padding: 0 0 1em 2em;
    margin: 0;
 }

/****************************************************/

/********************* courses **********************/

#course-info img {
    display: block;
    width: 100%;
    height: auto;
 }

/*************************************************/

/********************* about *********************/

#owner {
    width: 30%;
    max-width: 40em;
	/*top right bottom left*/
    padding: 2.5em 2.5em 2.5em 2.5em;
 }

#owner img {
    width: 100%;
    height: auto;
    border: 1px solid #0698d1;
    box-shadow: 0 0 0.4em rgba( 0, 0, 0, 0.4 );
 }

#owner-info {
    width: 70%;
	/*top right bottom left*/
    padding: 0em 3.5em 0em 2.5em;
    margin: 2em 0;
    border-left: 2px solid #808080;
 }

/***********************************************/

/******************* contact *******************/

#contact #content {
    display: block;
    padding: 2em;
 }

#contactus {
    width: 100%;
    max-width: 30em;
    padding: 2em 0;
    margin: auto;
 }

#contactus input,#contactus textarea {
    display: block;
    width: 100%;
    margin: 0.5em 0;    
 }

#contactus input[type="submit"] {
    width: 5em;
 }

#contact img {
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
    border: 1px solid #0698d9;
    box-shadow: 0 0 0.4em rgba( 0, 0, 0, 0.4 );
 }

/*************************************************/

/******************** sample ********************/

#content #pdf-sample {
    display: block;
    margin-bottom: 2em;
    color: #991d71;
    text-align: center;
 }

#contents-sample img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 2em;
 }

/*************************************************/

/******************** updates ********************/

.update-pdf {
    display: block;
    margin-bottom: 2em;
 }

/*************************************************/

/******************** purchase ********************/

#amazon-links img {
    display: block;
    width: 100%;
    height: auto;
    margin: 2em 0;
    border: 1px solid #0698d9;
    box-shadow: 0 0 0.4em rgba( 0, 0, 0, 0.4 );
 }

#purchase #not-sure a {
    color: #991d71;
 }

#purchase #not-sure a:hover {
    font-weight: normal;
 }

/*************************************************/

/******************** basic *********************/

#basic h2 {
    margin: 2.5em 0 0.4em;
    font-weight:normal;
 }

#basic-modules img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 2em 0;
    border: 1px solid #0698d9;
    box-shadow: 0 0 0.4em rgba( 0, 0, 0, 0.4 );
 }

/******************** basic *********************/

/******************** advanced *********************/

#advanced h2, #other h2  {
    margin: 2.5em 0 0.4em;
    font-weight: normal;
 }

#advanced-modules img, #specialized-modules img  {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 2em 0;
    border: 1px solid #0698d9;
    box-shadow: 0 0 0.4em rgba( 0, 0, 0, 0.4 );
 }

/***************************************************/

/******************** 	faq *********************/

#faq h2 {
    margin: 2.5em 0 0.4em;
 }

/************************************************/

/******************** terms **********************/

#terms #content {
    display: block;
    padding: 2em;
 }

#terms h1 {
    text-align: center;
    color: #00478a;
 }

 /*
#terms li {
    margin: 2em 0;
 }
 */

/******************** terms **********************/

/******************** 	videos *********************/

#videos h1, #videos h2 {
    margin: 2.5em 0 0.4em;
    font-weight: normal;
    color: #00478a
 }

#instruction-videos video {
    display: block;
    width: 100%;
    height: auto;
 }

/************************************************/

/******************** 	download *********************/

#basic-download  a:hover,
#advanced-download a:hover{
     font-weight: normal;
 }
 
#basic-download {
    width: 38%;
    padding: 0 2em;
    margin: 2em 0;
    border-left: 2px solid #808080;
 }

#advanced-download {
    width: 38%;
    padding: 0 2em;
    margin: 2em 0;
 }

#advanced-download span {
    font-style: oblique;
    color: #000;
 }

/**************************************************/

/******************** 	paypal *********************/

#basic-download  a:hover,
#advanced-download a:hover {
     font-weight: normal;
 }

#pay-options h2 {
    margin-top: 4em;
 }

#pay-options form,
#pay-options table{
    width: 100%;
    margin: 1em 0;
    text-align: center;
 }

/********************* thanks **********************/

#thankyou #content {
    display: block;
    padding:2em;
 }

#thankyou h1 {
    text-align: center;
 }

/******************MEDIA*********************************/

@media ( max-width: 30.5em ) {
#nav li:nth-child(1) {
        margin-right:0;
 }

#content p {
	text-align: left;

}
 
#content {
    display: block;
	/*top right bottom left*/
    padding: 0em 2em;
 }

.book-software {
    width: 100%;
    padding: 2em 0 1em;
    margin: auto
 }

.info {
    width: 100%;
    max-width: 100%;
    padding: 1em 0;
  }

#nav-book, #nav-software, #nav-courses, #owner {
    width: 100%;
    max-width: 100%;
    border-bottom: 2px solid #808080;

  }

#nav-book ul, #nav-software ul, #nav-courses ul {
    text-align: center;
	/*top right bottom left*/
    padding: 1.2em 2em 0em 2em;

  }
  
#nav-book li, #nav-software li, #nav-courses li {

    margin-bottom: 1.5em;

  }

#nav-book a, #nav-software a, #nav-courses a {
    text-indent: 0;
  }

#book-purchase, #software-info, #course-info,
#owner-info, #expert-reviews, #book-features,
#contents-sample, #corrections, #amazon-links,
#basic-modules, #advanced-modules, #specialized-modules,
#questions, #instruction-videos, #basic-download,
#advanced-download, #pay-options, #quick-study, #full-study  {
    width: 100%;
    padding: 0;
    border-left: 0;
	margin-top:1.5em;
  }
  
  
  
  


#owner
    padding-bottom: 2em;
  }
 }

@media ( max-width: 23em ) {
#nav li:nth-child(1) a  {
    width: 17.5em;
    height: 3.09em;
 }

#nav li:nth-child(1) a span {
     background-size: 282% auto;
  }
 }