@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Roboto', sans-serif;
	color: #333333;
}
ol, ul {
	list-style: none;
}

a {
	text-decoration: none;
	color:#333333;
	font-family: 'Roboto', sans-serif;
}

p {
	line-height: 1.5em;
	font-family: 'Roboto', sans-serif;
	color: #333333;
}

h1 {
	font-size: 2em;
	text-align:left;
	font-family: 'Roboto', sans-serif;
	color: #999999;
	padding: 0;
	margin:0;
}

h2 {
	font-size: 1.5em;
	font-family: 'Roboto', sans-serif;
	color: #333333;
	padding: 0 0 10px 0;
	text-align:left;
}

h3 {
	font-size: 1.25em;
	font-family: 'Roboto', sans-serif;
	color: #333333;
	padding: 0 0 10px 0;
	text-align:left;
}

h4 {
	font-size: 1em;
	font-family: 'Roboto', sans-serif;
	color: #333333;
	padding: 0 0 10px 0;
	text-align:left;
}

.bolder {
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
}

.center {
	text-align:center;
}
.ital {
	font-style: italic;
	font-family: 'Roboto', sans-serif;
}

.smaller {
	font-size:85%;
}

.arrow {
	font-family: 'Arial Narrow', Arial, sans-serif; font-size:.8em;
}

.arrow2 {
	font-family: 'Arial Narrow', Arial, sans-serif; font-size:.8em; color:#fff;
}

.clear {
	float:none;
	
}

.hp-border {
	border:1px solid #666666; padding-top:20px;
}

a:link img {
       opacity: 1.0;
       filter: alpha(opacity=100); /* For IE8 and earlier */
     }
a:hover img {
       opacity: 0.6;
       filter: alpha(opacity=60); /* For IE8 and earlier */
     }
#content {
	min-height: 600px;
}

#content-container {
	max-width:1280px;
	margin:0 auto;
	
}
#mainwrapper {
	width: 95%;
	margin: 0 auto;
}

#mainwrapper header {
	/*Header */
	background-color: #ffffff;
	overflow: auto;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	padding:20px 0;
}

.head-block {
		position:relative;
	
}

	
#mainwrapper header #logo {
	width: 70%;
	font-size:600%;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #cccccc;
	display:block;
	float:left;
	margin:0;
}

#mainwrapper header #logo2 {
	float: left;
	font-family: 'Roboto', sans-serif;
	color: #666666;
	font-size: 12px;
	letter-spacing: .2em;
	padding: 0;
}

#mainwrapper header #social {
	width: 30%;
	float:left;
	text-align: right;
}
#mainwrapper header .company-name {
	width: 200px;
	float: left;
	font-family: 'Roboto', sans-serif;
	color: #666666;
	font-size: 12px;
	letter-spacing: .2em;
	padding: 30px 5px 0 30px;
}
#mainwrapper header .contact {
	width: 25%;
	float: right;
	text-align: right;
	font-family: 'Roboto', sans-serif;
	color: #666666;
	font-size: 12px;
	letter-spacing: .2em;
	padding: 30px 5px 0 0;
}
.share-link {float: right;width:25px;height:25px;margin-left:10px;border:0;box-shadow:0;display:block;}
.facebook {background-image: url('../images/icn-facebook-off.gif');}
.facebook:hover {background-image: url('../images/icn-facebook-on.gif');}
.twitter {background-image: url('../images/icn-twitter-off.gif');}
.twitter:hover {background-image: url('../images/icn-twitter-on.gif');}
.instagram {background-image: url('../images/icn-instagram-off.gif');}
.instagram:hover {background-image: url('../images/icn-instagram-on.gif');}
.email {background-image: url('../images/icn-email-off.gif');}
.email:hover {background-image: url('../images/icn-email-on.gif');}

nav {
	float:left;
	width:100%;
}
nav ul {
margin: 10px 0 0 0;
padding: 0;
}
 
nav ul li {
display: inline-block;
list-style-type: none;
    }
     
nav > ul > li > a {
color: #333;
text-transform: uppercase;
padding: 12px;
font-size: 1.15em;
text-decoration: none;
	display:block;
        }

nav > ul > li:hover {
  background-color: #ececec;
}
 
nav > ul > li:hover > a {
}

nav > ul > li > div {
    background-color: #fff;
	border: 1px solid #cccccc;
    border-radius: 0 0 4px 4px;
    display: none;
    margin: 0;
	padding: 0 0 20px 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: 100;
     
}
 
    nav > ul > li > div ul > li {
        display: block;
    }
     
nav > ul > li > div ul > li > a {
    display: block;
    padding: 12px 0px;
	margin: 0 24px;
	color: #333;
	font-size:.9em;
    text-decoration: none;
	border-bottom:1px solid #cccccc;
}
     
nav > ul > li > div ul > li:hover > a {
    background-color: #ececec;
	font-weight:bold;
}

nav > ul > li:hover > div {
    display: block;
    opacity: 1;
    visibility: visible;
}

/* Book Content Top */
	
	#topContent {
	width: 100%;
	margin-bottom:20px;
	background-color: #0063b4;
	overflow:hidden;
	}
#book-sidebar {
    float: right;
    width:30%;
	overflow:hidden;
    }

#book-title {
	padding: 30px;
	color: #ffffff;
	overflow:hidden;
}

#book-title h1 {
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size:3em;
	font-weight:700;
	line-height:1em;
}

#book-title h2 {
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size:1.75em;
	font-weight:400;
	padding-bottom:20px;
	line-height:1em;
}

#book-title h4 {
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size:1.25em;
	font-weight:400;
	line-height: 1.25em;
}


#book-title sup {
	font-family: 'Roboto', sans-serif;
	line-height: 1em;
	font-size: .75em;
}

#book-title h3 {
	font-family: 'Roboto', sans-serif;
	font-size:1.15em;
	font-weight:400;
	line-height: 1.25em;
	text-transform: uppercase;
	padding-bottom:20px;
}
	
#bannerImage {
    float: left;
    width: 70%;
	margin:0;
	padding:0;
    }
#bannerImage img {
		width:100%;
	display: block;
	}
	
#book-nav-wrapper {
        float: left;
        width:30%;
    }
	
/* Book Content Bottom */

#bottomContent {
	clear: both;
	width: 100%;
	padding-bottom:40px;
	overflow:hidden;
}


#book-body-wrapper {
	width:70%;
	float:left;
}

#book-body {
	padding: 0 80px 20px 30px;
}

#book-body h2 {
	font-family: 'Roboto', sans-serif;
	font-size:2em;
	font-weight:700;
	line-height: 1.25em;
		padding-bottom:20px;
}

#book-body p {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	line-height: 1.5em;
	font-weight: 200;
	text-align: justify;
	padding-bottom: 10px;
}


#nav-sidebar-wrapper {
	width:30%;
	float:right;
}

#nav-sidebar {
	padding: 5px 30px 30px 30px;
	
}

#nav-sidebar h2 {
	font-size: 1.35em;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
}
#nav-sidebar ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
#nav-sidebar ul li {
	font-family: 'Roboto', sans-serif;
	color:#333333;
	font-size:1.15em;
  	padding-left: 1em;
	padding-top: 10px;
	text-indent: -1em;
	line-height: 1.2em;
}

#nav-sidebar ul li a {
	text-decoration: none;
}

#nav-sidebar ul li a:hover, #nav-sidebar ul li a:active {
	color:#999999;
}

/* book purchase links */
.book-nav-wrapper {
	width:30%;
	float:right;
	margin:0;
	}

.book-nav-inner {
	width: 100%;
	margin: 0 auto;
}


.main_book-nav {
overflow: auto; 
display: block;
font: bold 14px Arial, sans-serif;
position: relative;
background: #fff;
cursor: pointer;
border:1px solid #cccccc;
margin: 10px 20px 0 20px;
padding: 0;
}

.main_book-nav a {
display:block;
text-decoration: none;
color: #555555;
padding: 5px;
}

.submenu_book-nav {
    display:none;
}

.main_book-nav:hover .submenu_book-nav {
    display:block;
    position:relative;
}
	

.submenu_book-nav_link {
    position:relative;
	display:block;
}
	
.submenu_book-nav_link a {
display:block;
}
	
.submenu_book-nav_link a:hover {
background-color:#cccccc;
}


/* About Liz */

.col-container {
	max-width: 1280px; margin:20px 0px auto; text-align:center; 
}

.col3 {
	width: 30%; display:inline-block; vertical-align: text-top; 
}

.col33 {
	width: 33%; display:inline-block; vertical-align: text-top; 
}

.col5 {
	width: 50%; display:inline-block; vertical-align: text-top; float: left; 
}

.col6 {
	width: 60%; display:inline-block; vertical-align: text-top;
}

.col-container p {
	text-align:justify;
	margin:0 30px 20px 0;
}

.col33 img {
	width:100%;
}
.col3 img {
	width:90%;
}


.col100 {
	width: 100%;

}


/* Global Footer */

footer {
	clear: both;
	width: 100%;
	background-color: #818181;
	color:#ffffff;
}

footer p {
	clear: both;
	background-color: #818181;
	color:#ffffff;
	font-family: 'Roboto', sans-serif;
	font-size: .8em;
	padding: 10px 0 30px 30px;
}


/* Media Queries Tablet */

@media (max-width: 1040px) {
	
	#content {
	min-height: 0px;
	margin-bottom:20px;
}
#content-container {
	width:100%;
}
#mainwrapper {
	width: 97%;
	margin: 0 auto;
}
	
#mainwrapper header #logo {
	width: 70%;
	float: left;
	font-size:450%;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #cccccc;
}

#mainwrapper header #social {
	width: 30%;
	float: right;
	text-align: right;
}

#book-title {
padding: 20px;
}

#book-title h1 {
	font-size:175%;
}

#book-title h2 {
	font-size:135%;
}

#book-title h4 {
	font-size:90%;
}


#book-title sup {
	font-size: .75em;
}

#book-title h3 {
	font-size:.85em;
}
	
#book-body {
	padding: 0 30px 20px 30px;
}

#book-body h2 {
	font-size:1.5em;
	padding-bottom:15px;
}

#nav-sidebar h2 {
	font-size: 1em;

}

#nav-sidebar ul li {
	font-size:1em;
}
	
	.col5 {
	width: 100%; 
}
	
	.col-container p {
	text-align:left;
	margin:0;
}
	
}

@media (max-width: 480px) {
	
#content {
	min-height: 0px;
	margin-bottom:20px;
}

#mainwrapper header {
	padding:10px 0 10px 0;
}
	
#mainwrapper header #logo {
	width: 100%;
	font-size:300%;
text-align: center;
}

#mainwrapper header #logo2 img {
width: 170px;
}
	
#mainwrapper header .company-name {
	width: 130px;
	text-align: right;
	float: right;
	font-family: 'Roboto', sans-serif;
	color: #666666;
	font-size: 12px;
	letter-spacing: .2em;
	padding: 15px 0 0 0;
}
	
#mainwrapper header .contact {
clear:both;
	width: 100%;
	float: none;
	text-align: center;
	padding: 15px 0 0 0;
}
	
#mainwrapper header #social {
	width: 100%;
}

.share-link {float: right;margin:5px;}
	
#book-title h1 {
	font-size:3em;
}

#book-title h2 {
	font-size:1.5em;
}

#book-title h4 {
	font-size:1em;
}

#book-title h3 {
	font-size:1em;
}	

#book-sidebar {
        float: none;
        width:100%;
		text-align: center;
    }

#bannerImage {
    float: none;
    width: 100%;
    }
	
#book-nav-wrapper {
    float:none;
    width:100%;
    }
	
#nav-sidebar {
	padding: 0;
	float:none;
	width:100%;
}
#book-body-wrapper {
	width:100%;
	float:none;
	margin-bottom: 20px;
}

#book-body {
	padding: 0 20px 20px 20px;
}

#book-body h2 {

padding-bottom:10px;
}

	#book-body p {
	text-align: left;
	}
#nav-sidebar-wrapper {
	width:100%;
	float:none;
	text-align: center;
}
	
	.book-nav-wrapper {
	width:100%;
	float:none;
	margin:10px 0 20px 0;
	}
.col-container {
	padding: 0 20px 20px 20px;
}
	
.col3 {
	width: 100%; 
}

.col33 {
	width: 100%; padding:0 0 40px 0;
}

.col5 {
	width: 100%;
}

.col6 {
	width: 100%;
}

.col-container p {
	text-align:left;

}
	.col3 img {
	width:100%;
		margin-bottom:20px;
}
	
.hp-border {
	border:none; 
}
}

/*============ Custom media query ============*/
@media screen and (max-width: 480px) {
	#nav-sidebar-wrapper #nav-sidebar ul {
		padding-left: 10px;
		text-align: left;
	}
}