/*-----------------------------------------------------------------------------------*/
/*	Book Page Styles
/*-----------------------------------------------------------------------------------*/

/* Global Styles */

.book_title {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;	
text-align:center;
}

.in_griffintown {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 44px;	
text-align:center;
padding: 180px 0px 0px 0px;
}

div.page-content {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #3c3c3c;
	line-height: 1.5em;
}



.endlogos {

list-style-type:none; 
display:inline;
text-align:center;
}



h2, h3, h4, h5, h6 { 
font-family:Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
	color: #602a59; 
	font-weight: normal;
	margin-left: -0.5%;	
}

h2 {
	font-size: 15px;
	margin-bottom: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h3 {
	font-size: 13px;
}
h4 { 

	font-size: 16px; 
	margin-top: 8%;
	margin-bottom: 0px; 
	font-weight: bold;
}


img {
	max-width: 100%;
	font-family: Helvetica, Arial, sans-serif;
}


p{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #3c3c3c;
	line-height: 1.4em;
	font-style: regular;
}


.gallery li {

        display: inline;
        list-style: none;
        width: 150px;
        min-height: 55px;
        float: left;
        margin: 0px 5px 5px 0px;
        text-align: center;
		font-size:11px;
	
		
	}

#projects {
	width:350px;
	margin-left:auto;
	margin-right:auto;
	font-family: Helvetica, Arial, sans-serif;
}

.textchange
{

	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #3c3c3c;
	line-height: 1.5em;
	text-transform:none;
}






.textwrap {

float:left;
margin:20px 5px 0px 5px;	
}




.content{
	padding: 0 0 0 100px; /* 75px being the width of the thumbnail + how much space you want to put between it and your text */
	position: relative; /* So the thumbnail is relative to this */
	
}

	.content img {
		left: 0;
		position: absolute;
		top: 0;
	}



.content2{
	padding: 0 0 0 120px; /* 75px being the width of the thumbnail + how much space you want to put between it and your text */
	position: relative; /* So the thumbnail is relative to this */
	
}

	.content2 img {
		left: 0;
		position: absolute;
		top: 0;
	}



numberingL {
position: fixed;
vertical-align: baseline;
margin-top:10px;
margin-left:10px;
z-index:20px;
}


numberingR {
position: fixed;
vertical-align: baseline;
margin-top:10px;
margin-right:10px;
z-index:20px;
}






.picture { padding: 2px;
font: 9px Verdana, sans-serif; }
.picture img {
vertical-align:middle; margin-bottom: 2px; }
.right {
	float:right;
	margin-top: 0.5em;
	margin-right: 0.8pt;
	margin-bottom: 0.5em;
	margin-left: 0.8em;
}
.left { margin: 0.5em 0.8em 0.5em 0; float:left;  }
.leftScott{ margin: 0.5em 1em 0.5em 0; float:left;  }
.centering {
	text-align:center;
	font-family: Helvetica, Arial, sans-serif;	
}


.styledheading {
font-size: 15px;

}

.smallerhead {
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
}


.rightfloating
{
width:200px;
float:right;
}
 


spacer{
	width:100px;
}



#eng-fr{ 
	list-style-type:none; 
	margin:0;
	padding:0;
	text-align: center;
	clear:both;
	}
	

#eng-fr li{
	display: inline;
	font-size:19px;
	text-decoration:none;
	list-style:none;
	 
}

#eng-fr a{
	 display:inline-block;
    padding:10px;
}

#eng-fr a:link {
	color:				#ffffff;
	text-decoration:	none;
	background-color:#babfa9;
	padding:0px 10px 0px 10px;
	
	
}

#eng-fr a:visited {
	color:				#f0f0f0;
	text-decoration:	none;
	background-color:#babfa9;
	padding:0px 10px 0px 10px;
	
}

#eng-fr a:hover {
	color:#6e6e6e;
	text-decoration:	none;
	background-color:#612875;
	padding:0px 10px 0px 10px;
	
}


#eng-fr a:active {
	color:				#f0f0f0;
	text-decoration:	none;
	background-color:#1a1a1a;
	padding:0px 10px 0px 10px;
	font-family: "Josefin Sans", serif;
}



/*pagelink*/

#pagelink {
float: left;
color:#141A14;
}

a.pagelink:link { 
font-family:Verdana, Helvetica, Arial, sans-serif;
font-size:10px;
font-weight:bold;
color: #141A14; 
text-decoration: underline; 
border-width:thick; 
border:2px; 
border-color:#CCCCCC;
}

a.pagelink:visited {
color:#683552;  
text-decoration: underline; 
}

a.pagelink:hover {
color:#ffffff;
text-decoration: underline; 

 border-width:thick; 
 border:2px; 
 border-color:#CCCCCC; 
}

a.pagelink:active  { 
color: #cc9933; 
text-decoration: none; 
 }

/*pagelink ends*/







/*table of contents pagelink*/

#pagelink.toc ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}


#pagelink.toc ul li {
float: left;
padding: 10px 10px 0px 33px;
color:#141A14;
list-style:none;
display:block;
}

a.pagelink.toc:link { 
font-family:Verdana, Helvetica, Arial, sans-serif;
font-size:11px;
font-weight:bold;
color: #ffffff; 
text-decoration: none; 
background-color:#141A14; 
padding:8px 13px 8px 13px; 
border-width:thick; 
border:2px; 
border-color:#CCCCCC
}

a.pagelink.toc:visited {
color:#F1E0BE; 
background-color:#141A14; 
text-decoration: none;
}

a.pagelink.toc:hover {
color:#ffffff;
 text-decoration: none; 
 background-color:#893939; 
 padding:8px 13px 8px 13px; 
 border-width:thick; 
 border:2px; 
 border-color:#CCCCCC; 
}

a.pagelink.toc:active  { 
color: #cc9933; 
text-decoration: none; 
 }


/*table of contents pagelink ends*/



div.page-content a {
	color: #3c3c3c;
	text-decoration: underline;
	font-size: 14px;
	font-weight:bold
	
}

div.page-content a:hover {
	font-size: 14px;
	color: #89215a;
	font-family: Helvetica, Arial, sans-serif;
}

div.page-content ul li {
	margin-top: 1%;
	font-family: Helvetica, Arial, sans-serif;
}

div.page-content div.preview-content {
	position: relative;
	z-index: 20;
	left: 3.5%;
	pointer-events: all;
}

/* Pages 2 & 3 Table of Content */

div.page-content div.preview-content.toc p {
	margin-top: 1%;
}

div.page-content div.preview-content.toc ul.toc {
	list-style: none;
	margin-top: 3%;
	padding-left: 0px;
	padding-right: 15%;
	font-size: 14px;
}

div.page-content div.preview-content.toc ul.toc li {
	margin-top: 1%;
	cursor: pointer;
}

div.page-content div.preview-content.toc ul.toc li span.number {
	color: #ffffff;
	background: #A6B0BB;
	padding: 1.5%; 
	margin-right: 7%;
}

div.page-content div.preview-content.toc ul.toc li span.text {
	display: inline-block;
	color: #ffffff;
	background: #A6B0BB;
	padding: 1.3% 1.5% 1% 4%;
	width: 78%;
	background-size: 100%;
}


.gap
{
	word-spacing:30px;
}



/* Pages 4 & 5 Presentation */
div.page-content div.preview-content.presentation.left {
	padding-top: 2%;
	right: 5%;
	left: 3%;
	width: 45% !important;
}

div.page-content div.preview-content.presentation.right {
	width: 44%!important;
	padding-right: 5%;
	padding-top: 2%
}


div.page-content div.preview-content.presentation ul li {
	margin-bottom: 1.2%;
}

div.page-content a.button-purchase {
	display: block;
	position: absolute;
	top: 136%;
	left: 8%;
	width: 61%;
	height: 104%;
	z-index: 10;
	cursor: pointer;
}

/* Pages 8 & 9 Features */
div.page-content div.preview-content.features.left {
	padding-left: 1%;
	padding-top: 7%
}

div.page-content div.preview-content.features.right {
	padding-left: 1%;
	padding-top: 0%;
	top: -8%;
	left: 5%;
}

div.page-content div.preview-content.features img.let-us-know {
	width: 60%;
	height: 22%;
	left: 10%;
	bottom: -29%;
	position: absolute;
}
div.page-content div.preview-content.features ul {
	font-size: 14px;
}

div.page-content div.preview-content.features ul li {
	margin-top: 2%;
}

/* Pages 10 & 11 Responsive */
div.page-content div.preview-content.responsive.left {
	padding-left: 2%;
	padding-top: 4%;
}

div.page-content div.preview-content.responsive.right {
	padding-left: 0%;
	padding-top: 0%;
	top: -9%;
}

div.page-content div.preview-content.responsive h3 {
	margin-bottom: 0px;
}

div.page-content div.preview-content.responsive p {
	margin-top: 1%;
}

div.page-content div.preview-content.responsive ul li {
	margin-bottom: 1.8%;
}

/* Pages 12 & 13 Configuration */

div.page-content div.preview-content.configuration.left {
	width: 43%!important;
	padding-top: 3%;
}

/* Pages 14 & 15 Video */

div.page-content div.preview-content.video {
	padding-right: 0%;
}

div.page-content div.preview-content.video.left {
	padding-top: 5%;
}

div.page-content div.preview-content.video ul {
	font-size: 14px;
}

div.page-content div.preview-content.video ul li {
	margin-bottom: 2%;
}
div.page-content div.preview-content.video h3 { font-size: 23px; }
div.page-content div.preview-content.video h4 {
	margin-top: 15%;
	font-size: 15px;
}