body,div,tr,td,img,p,ul,ol {
			border:0;
			margin:0;
			padding:0;
		}
		
		body {
			margin:1% 0; 
			padding:0px;
			background-color: #fff;
		}
		
		body {
			text-align:center;
			font : normal 9.5px Verdana, sans-serif;
			line-height:1.25em;
			
		/*	ALWAYS check the performance hit from optimizeLegibility		*/
			
			text-rendering: optimizeLegibility;				
		}
		
		a {
			border:0px;
		}
		
		
		#Content {
			position:relative;
			text-align:left;
			margin:0px auto;
			top:0px;
			left:0px;
			width:1102px;
			height:850px;
			
		/*		outline:dashed 1px blue;	*/
		}

		#About {
			position:relative;
			text-align:left;
			margin:0px auto;
			top:0px;
			left:0px;
			width:1238px;
			height:850px;
		/*		outline:dashed 1px RED;		*/
		}
		
		#About #Content {
		/*	*/	display:none;
		}
		
		#Ani {
			position:absolute;
			text-align:left;
			margin:0px auto;
			top:0px;
			left:0px;
			width:1238px;
			height:850px;
			background-color:white;

			z-index:100;
		}
		
		#LO, #LOnWelc, #NSLog, #Eggy {
			display:none;
		}
		
		#LO, #LOnWelc, #NSLog, #Eggy {
			position:absolute;
		}
		
		#LO, #LOnWelc, #NSLog {
			top:220px;
			left:223px;
		}
		
		#LO {
			z-index:300;
		}
		
		#LOnWelc {
			z-index:200;
		}
		
		#NSLog {
			z-index:100;
		}


		#Eggy {
			top:497px;
			left:513px;
		}

		/*    NAVIGATION    */

			#Navigation li  {
				list-style: none;
			}
			
			#Nav-About a, #Nav-Books a, #Nav-Other a, #Nav-Links a, #Nav-Contact a {
				position:absolute;
				top:196px;
				width:48px;
				height:12px;
				
				z-index: 1000;
				/*		border:solid 1px red;		*/
	
				background:url(https://ns-media.s3.amazonaws.com/images/NavButns-02.gif) 0px 0px no-repeat;
			}
			
			.About #Nav-About a {
				background-position:0px -12px;
			}
			
			#Nav-Other, #Nav-Links {
				display:none;
			}
			
			.Home #Nav-About a, .Home  #Nav-Books a, .Home  #Nav-Other a, .Home  #Nav-Links a, .Home  #Nav-Contact a {
				top:260px;
			}
			
			#Nav-About a {
				left:91px;
			}
			
			#Nav-Books a {
				width:96px;
				left:336px;
				background-position: -249px 0px;
				z-index:2;
			}
			
			.Landing #Nav-Books a {
			/*	left:278px;	*/
			}
			
			#Nav-Other a {
				left:540px;
				background-position: -449px 0px;
			}
			
			#Nav-Links a {
				left:789px;
				background-position: -698px 0px;
			}
			
			#Nav-Contact a {
				left:954px;
				width:52px;
				background-position: -895px 0px;
			}
			
			#Nav-About a:hover, #Nav-Books a:hover, #Nav-Other a:hover, #Nav-Links a:hover, #Nav-Contact a:hover {
/*				background:url(https://ns-media.s3.amazonaws.com/images/NavButns-02.gif) 0px -12px no-repeat;		*/
			}
			
			#Nav-About a:hover{
				background-position: 0px -12px;		
			}
	
			#Nav-Books a:hover{
				background-position: -249px -12px;		
			}
	
			#Nav-Other a:hover{
				background-position: -449px -12px;
			}
			
			#Nav-Links a:hover{
				background-position: -698px -12px;
			}
			
			#Nav-Contact a:hover {
				background-position: -895px -12px;
			}
			
			#Nav-Books-More a {
				position:absolute;
				
				top:196px;
				left:338px;
				width:84px;
				height:12px;
				
				background:url(https://ns-media.s3.amazonaws.com/images/NavButns-02.gif) -249px -12px no-repeat;
				
			
				z-index:1;
		/*		display:none;
				border:solid 1px yellow;		*/
				
				
			}

			#Nav-Books-More a:hover {
				background-position: -249px -12px;			
			}
			
			#NavAboutSidebar {
							position:relative;
							top:240px;
							left:94px;

				/*
							left:0;
							top:0;					*/
							
							width:265px;
							height:175px;


							z-index: 1000;
							
				/*			background:url(https://ns-media.s3.amazonaws.com/images/SideBarNav.png) 0px 8px no-repeat;
							background-size:205px ;
					
							border:dashed 2px green;
							border: solid red 1px;
					
							z-index: 1000;								
													*/
			}
						
			
			#Nav-Imagine {
							position:relative;
							top:238px;
							width:53px;
							height:7px;
							left:94px;

					/*	z-index: 1000;
						 
	
							img:url(https://ns-media.s3.amazonaws.com/images/ImagineJL80-OFF.png) 0px 0px no-repeat;	*/

			}


			#Nav-Imagine a {
						/*	position:relative;
							top:236px;
							width:53px;
							height:7px;
							left:91px;

				
							z-index: 1000;
							border:solid 1px red;	
	*/
							img:url(https://ns-media.s3.amazonaws.com/images/ImagineJL80-OFF.png) no-repeat; 

			}

			#Nav-Imagine a:hover {
							/* background:url(https://ns-media.s3.amazonaws.com/images/ImagineJL80-ON.png) 0px 0px no-repeat; */
			}


			#NavAboutHOTP a, #NavAboutDirCh a, #NavAboutArchives a, #NavAboutOgilvy a, #NavAboutLennon a, #LatestTitles a {
				position:relative;
				
	/*			top:256px;	*/
				height:12px;
				width:230px;
				
		/*		margin: 0 0 2px 0;	*/
				z-index:1000;
			/*		border:solid blue 1px;			*/
				
				pointer-events: auto;
				
				
			/*		background:url(https://ns-media.s3.amazonaws.com/images/NavButns-02-About.gif) no-repeat; 	*/
			}


			#NavAboutHOTP a {
				top:0px;
				background:url(https://ns-media.s3.amazonaws.com/images/SideBarNav.png) 0px 2px no-repeat;
				background-size:205px ;
			}
			
				#NavAboutHOTP a:hover {
					background:url(https://ns-media.s3.amazonaws.com/images/SideBarNav.png) 0px -9px no-repeat;
					background-size:205px ;
				}
			
			#NavAboutDirCh a {
				top:24px;
				background:url(https://ns-media.s3.amazonaws.com/images/SideBarNav.png) 0px -28px no-repeat;
				background-size:205px ;
			}

				#NavAboutDirCh a:hover {
					background:url(https://ns-media.s3.amazonaws.com/images/SideBarNav.png) 0px -39px no-repeat;
					background-size:205px ;
				}
			
			#NavAboutArchives a {
				top:48px;
				background:url(https://ns-media.s3.amazonaws.com/images/SideBarNav.png) 0px -56px no-repeat;
				background-size:205px ;
			}

				#NavAboutArchives a:hover {
				background:url(https://ns-media.s3.amazonaws.com/images/SideBarNav.png) 0px -67px no-repeat;
				background-size:205px ;
				}
			
			#NavAboutOgilvy a {
				top:72px;					
				background:url(https://ns-media.s3.amazonaws.com/images/SideBarNav.png) 0px -86px no-repeat;
				background-size:205px ;
			}
			
				#NavAboutOgilvy a:hover {
				background:url(https://ns-media.s3.amazonaws.com/images/SideBarNav.png) 0px -97px no-repeat;
				background-size:205px ;
				}


			#NavAboutLennon a {
				top:96px;					
				background:url(https://ns-media.s3.amazonaws.com/images/SideBarNav.png) 0px -114px no-repeat;
				background-size:205px ;
			}

			#NavAboutLennon a:hover {
				background:url(https://ns-media.s3.amazonaws.com/images/SideBarNav.png) 0px -125px no-repeat;
				background-size:205px ;
			}

	#LatestTitles a {
	/*	position:relative;	 */
		top:148px;  /*	  <<<<<<<<<<<<<<<< THIS is holding up the sky !?!?!?	 */
		 left:2px;
		
		height:8px;
		width:208px;
		pointer-events: auto;
	/*	border:solid red 1px;	*/
	
	}
	
	#LatestTitles a {
		background-size:auto;
		background:url(https://ns-media.s3.amazonaws.com/images/New-and-Recent-Titles.png) no-repeat; 
		background-position: 0px 1px;			
	}
	
	#LatestTitles a:hover {
		background-size:auto;
		background:url(https://ns-media.s3.amazonaws.com/images/New-and-Recent-Titles.png) no-repeat; 
		background-position: 0px -10px;			
		pointer-events: auto;
	}
	
	#Latest-Titles-2022 {
		position: absolute;
		top:200px;  /*	  <<<<<<<<<<<<<<<< THIS is holding up the sky !?!?!?	(2020) ----  */
		 left:2px;
		
		height:10px;
		width:160px;

		background-size:auto;
		background:url(https://ns-media.s3.amazonaws.com/images/New-and-Recent-Titles.png) no-repeat; 
		background-position: 0px 0px;
		
	/*	border:solid red 1px;	*/
	}	





		/*    NAVIGATION    */

		#NS-Eggcellence {
			position:absolute;
			left:894px;
			top:49px;
			width:130px;
			height:119px;
			background: url(https://ns-media.s3.amazonaws.com/images/NS_Eggcellence.gif) no-repeat;
		}
		
		.Home #NS-Eggcellence {
			top:344px;
		}
		
		#NS-nigel-soper-sml {
			position:absolute;
			left:88px;
			top:148px;
			width:445px;
			height:30px;
			
			background:url(https://ns-media.s3.amazonaws.com/images/NS_nigel-soper_sml-02.gif) no-repeat;

		}

/*		
*/		
		#Hot-Off-The-Press, #From-The-Archives, #From-The-Archives-OTGA, #Directors-Choice  {
			position:absolute;
			top:148px;
			left:88px;
			width:750px;
			height:25px;
		}			

		#Hot-Off-The-Press {
			background:url(https://ns-media.s3.amazonaws.com/images/Hot-Off-The-Press.gif) no-repeat;
		}
		
		 #From-The-Archives {
		 	background:url(https://ns-media.s3.amazonaws.com/images/From-The-Archives.gif) no-repeat;
		 }
		 
		 #From-The-Archives-OTGA {
		 	background:url(https://ns-media.s3.amazonaws.com/images/From-The-Archives-OTGA.gif) no-repeat;
		 }
		 
		 #Directors-Choice {
			background:url(https://ns-media.s3.amazonaws.com/images/Directors-Choice.gif) no-repeat;		 
		 }

		
		#NS-NFSCD-sml {
			position:absolute;
			left:88px;
			top:140px;
			width:663px;
			height:25px;
			
			background:url(https://ns-media.s3.amazonaws.com/images/NS-&NFSCD.gif) no-repeat;

		}
		
		#NS-Rule {
			position:absolute;
			left:95px;
			top:175px;
			width:908px;
			height:1px;

			background-color:#7d7a7a;
			border: solid white 0px;
		/*	border: 4px 0 2px;

		/*	background:url(https://ns-media.s3.amazonaws.com/images/NS_Rule.gif) no-repeat;	*/
		}
		
		#NS-nigel-soper {
			position:absolute;
			left:91px;
			top:386px;
			width:444px;
			height:48px;

			background:url(https://ns-media.s3.amazonaws.com/images/NS_nigel-soper.gif);
		}
		
		#NS-Pic1 {
			position:absolute;
			left:342px;
			top:239px;
			width:316px;
			height:363px;
		}
		
		#NS-Pic2 {
			position:absolute;
			left:720px;
			top:239px;
			width:221px;
			height:254px;
		}
		
		#NS-Pic3 {
			position:absolute;
			left:790px;
			top:239px;
			width:251px;
			height:254px;
		}
		
		#NS-PicShad {
			position:absolute;
			left:333px;
			top:232px;
			width:732px;
			height:401px;
			z-index: -10;
		}
		
		#NS-PageShad {
			position:absolute;
			left:334px;
			top:230px;
			
			width:732px;
			
			height:430px;
			z-index:-10;
			
			display:none;

		}
		
		#NS-PageShad {
			height:430px;
		}
		
/*    NS Page turner ul, li, light & bold numberals    */		

		#NS-PicShow {
			position:absolute;
			top:239px;
			top:344px;
			left:342px;
			height:399px;

			height:399px;

	/*		overflow:hidden;	*/
	
	/* 		border:solid 1px #626161;	<<  #acacac;	<<<<<<<<<<<<   	*/

			display:none;
			
			
		}
		
		#NS-PicShow, #JKT img {
			border:solid 1px #626161;	/* #acacac;		<<<<<<<<<<<<    	*/ 
		}
		
		#NS-PicShow, #JKT img, .Catalogue .Jacket .Book img, #NS-Pic021 , #NS-Pic021L2 , #NS-Pic022L2 , #NS-Pic022 , #Imagine, .PosterPic, .DC-Cat, .Hero-Shad, .BoxPic img, .HeroPack img {
			box-shadow: #8b8b8b 5px 5px 12px;
			-moz-box-shadow: #8b8b8b 5px 5px 12px;
			-webkit-box-shadow: #8b8b8b 5px 5px 12px;
/*
*/
		}

/*				
		#NS-PicShow img, #JKT img {
		  animation: linearwipe 6s steps(60, end); 
		}

		@keyframes linearwipe{ 
		  from { width: 0; } 
		}  		
*/		
		
		.Catalogue .Jacket img a {
			
		}
		
		#JKT {
			position:absolute;
			top:229px;
			top:344px;
			left:342px;					/*		342px	514px;	<<<<<<<<<<<<<<		*/
			height:418px;
			z-index:20;
			
			display:none;
			
		}
				
		#Imagine {
			position:absolute;
			top:236px;
			left:342px;					/*		342px	514px;	<<<<<<<<<<<<<<		*/
			height:236px;
			z-index:20;
			
			display:block;
			
		}
				
		#CubeOrb {
			position:absolute;
			top:470px;
			left:342px;					/*		342px	514px;	<<<<<<<<<<<<<<		*/
			height:266px;
			z-index:200;
			
			display:block;
			
		}
				
		.Passionate-Patrons #NS-PicShow {
			width:693px;
		/*	outline:dashed 1px green;	*/
		}
				
		#NS-PicShow .An-Island-Sanctuary {
			width:677px;
			
		/*	outline:dashed 1px green;	*/
		}
		
		.Bryan-Wynter #NS-PicShow {
			width:660px;
		}
		
		.Paul-Nash #NS-PicShow {
			width:684px;
		}
		
		.Quilts #NS-PicShow {
			height:351px;
			width:693px;
		}
		
		.Museum-Highlights #NS-PicShow {
			width:693px;
		}
		
		.Medieval-and-Renaissance-Art #NS-PicShow {
			width:687px;
		}
		
		.London-Transport-Posters #NS-PicShow {
			width:675px;
		}
		
		.Rose-Hilton #NS-PicShow {
			width:687px;
		}
		
		.Sickert-in-Venice #NS-PicShow {
			width:684px;
		}
		
		 #Archive-Previous,  #Archive-Next {
			 position:relative;
			 left:1440px;
			 display:block;
			 padding-left:440px;
			 background:red;
		/*	 outline :solid 1px blue;	*/
		 }
		 
		 .NS-PageTurner a, #Play a, #Pause a {
			height:11px;
			
			background:url(https://ns-media.s3.amazonaws.com/images/NS_PageTurn-02.gif) no-repeat;			
			}
		
		#PDF a, .NS-PageTurner a, #Play a, #Pause a {
			position:absolute;
			top:804px;
		}
		
		.From-the-Archive .NS-PageTurner a {
			top:744px;
		}
		
		.PosterPage .NS-PageTurner a {
			top:844px;
		}
		
	
		.NS-PageTurner {
		/*	display:none;	*/
			}
		
		.NS-PageTurner a:hover, .NS-PageTurner #Play a:hover, .NS-PageTurner #Pause a:hover {
			height:11px;
			background:url(https://ns-media.s3.amazonaws.com/images/NS_PageTurn-02.gif) 0px -14px no-repeat;
			}

		#Previous a, #Archive-Previous a {
			left:882px;
			width:54px;
			background-position:-422px 0px;
			
		/*	outline :solid 1px blue;	*/
			}
		
		#Previous a:hover, #Archive-Previous a:hover {
			background-position:-418px -14px;
			}
			
		#BookL {
			position:absolute;
			top:804px;

			left:935px;
			width:38px;
			display:block;
			
			height:11px;
			background:url(https://ns-media.s3.amazonaws.com/images/NS_PageTurn-02.gif) no-repeat;
			background-position:-472px -14px;

		/*	outline :solid 1px green;	*/	
			}
		
		#Next a, #Archive-Next a {
			left:978px;
			width:30px;
			background-position:-510px 0px;
			
		/*		outline :solid 1px red;	*/
			}
		
		#Next a:hover, #Archive-Next a:hover {
			background-position:-510px -14px;
			}
			
		#Play a, #Pause a {
			width:10px;
		/*	display:none;	*/			
			}

		#Play a {
			left:358px;
			background:url(https://ns-media.s3.amazonaws.com/images/NS_PageTurn-02.gif) -240px 0px no-repeat;
			}
		
		#Pause a {
			left:342px;
			background:url(https://ns-media.s3.amazonaws.com/images/NS_PageTurn-02.gif) -226px 0px no-repeat;
			}
		
		#Play a:hover {
			background-position: -240px -14px;
			}

		#Pause a:hover {
			background-position: -226px -14px;
			}
	/*	
		#P1,#P2,#P3,#P4,#P5,#P6,#P7,#P8,#P9,#P10,#P11,#P12,#P13,#P14,#P15,#P16,#P17,#P18,#P19,#P20 {
			position:relative;
			outline:solid 1px blue;
		}
	*/


		#P1 a {
			left:372px;
			width:9px;
			background-position:0px 0px;
			}
		
		#P2 a {
			left:384px;
			width:9px;
			background-position:-8px 0px;
			}
		
		#P3 a {
			left:396px;
			width:9px;
			background-position:-16px 0px;
			}
		
		#P4 a {
			left:408px;
			width:9px;
			background-position:-25px 0px;
			}
		
		#P5 a {
			left:420px;
			width:9px;
			background-position:-33px 0px;
			}
		
		#P6 a {
			left:433px;
			width:9px;
			background-position:-42px 0px;
			}
		
		#P7 a {
			left:444px;
			width:9px;
			background-position:-50px 0px;
			}
		
		#P8 a {
			left:456px;
			width:9px;
			background-position:-58px 0px;
			}

		#P9 a {
			left:468px;
			width:9px;
			background-position:-66px 0px;
			}
		
		#P10 a {
			left:482px;
			width:14px;
			background-position:-75px 0px;
			}
		
		#P11 a {
			left:500px;
			width:14px;
			background-position:-88px 0px;
			}
		
		#P12 a {
			left:520px;
			width:14px;
			background-position:-103px 0px;
			}
		
		#P13 a {
			left:540px;
			width:14px;
			background-position:-116px 0px;
			}
		
		#P14 a {
			left:560px;
			width:14px;
			background-position:-130px 0px;
			}
		
		#P15 a {
			left:578px;
			width:14px;
			background-position:-144px 0px;
			}
		
		#P16 a {
			left:600px;
			width:14px;
			background-position:-160px 0px;
			}
		
		#P17 a {
			left:614px;
			width:14px;
			background-position:-169px 0px;
			}
		
		#P18 a {
			left:634px;
			width:14px;
			background-position:-186px 0px;
			}
		
		#P19 a {
			left:654px;
			width:14px;
			background-position:-200px 0px;
			}
		
		#P20 a {
			left:674px;
			width:14px;
			background-position:-212px 0px;
			}
			
/*
		#P1 a:hover, #P1 a:active {
				padding:2px 0 0 0;
			}
*/
			
		#P1 a:hover, #P1 a:active {
			background-position:0px -14px;
			}
		
		#P2 a:hover {
			background-position:-8px -14px;
			}
		
		#P3 a:hover {
			background-position:-16px -14px;
			}
		
		#P4 a:hover {
			background-position:-25px -14px;
			}
		
		#P5 a:hover {
			background-position:-33px -14px;
			}
		
		#P6 a:hover {
			background-position:-42px -14px;
			}
		
		#P7 a:hover {
			background-position:-50px -14px;
			}
		
		#P8 a:hover {
			background-position:-58px -14px;
			}
		#P9 a:hover {
			background-position:-67px -14px;
			}
		
		#P10 a:hover {
			background-position:-75px -14px;
			}
		
		#P11 a:hover {
			background-position:-90px -14px;
			}
		
		#P12 a:hover {
			background-position:-103px -14px;
			}
		
		#P13 a:hover {
			background-position:-116px -14px;
			}
		
		#P14 a:hover {
			background-position:-135px -14px;
			}
		
		#P15 a:hover {
			background-position:-148px -14px;
			}
		
		#P16 a:hover {
			background-position:-161px -14px;
			}
		
		#P17 a:hover {
			background-position:-176px -14px;
			}
		
		#P18 a:hover {
			background-position:-190px -14px;
			}
		
		#P19 a:hover {
			background-position:-203px -14px;
			}
		
		#P20 a:hover {
			background-position:-217px -14px;
			}

/*    NS Page turner ul, li, light & bold numberals    */		

/*    NS Page turner ul, li, light & bold numberals    */		

/*    .pdf link    */		

		#PDF img {
		}
		
		#PDF a {
			left:93px;
			height:14px;
			width:90px;
			background: url(https://ns-media.s3.amazonaws.com/images/NS_PageTurn-02.gif) -320px -0px no-repeat;

		}

		#PDF a:hover {
			background-position:-319px -14px;
		}
		
/* catalogue	*/

		.Catalogue {
			position:absolute;
		}
		
		.CatShad {
			position:absolute;
			
			top:228px;
			left:86px;
			
			width:961px;
			height:542px;
			background:url(https://ns-media.s3.amazonaws.com/imagesCat/CatShad.png);
			
			z-index:-2;
		}
		
		.Catalogue {
			padding:0;
			margin:0;
			border:0;
		}
		
		.Catalogue .BkTitle {
			padding:2.8em 0 0 0;
		}
		
		.Catalogue p, .Catalogue .BkTitle {
			font-size:0.9em;
			line-height:1.5em;
			
		/*	border:solid 1px red;	*/
		}
		
		.Catalogue .Jacket img a {
		}
		
		.Catalogue .Jacket img a {
			background-color: white;
		}
		
		#Book1, #Book2, #Book3, #Book4, #Book5, #Book6, #Book7, #Book8, #Book9, #Book10, #Book11, #Book12, #Book13, #Book14, #Book16, #Book17, #Book18, #Book19, #Book20, #Book21, #Book22, #Book23, #Book24 {
			position:absolute;
			width:320px;
		}
				
		.Catalogue .Row1 {
			top:239px;
		}

		.Catalogue .Row2 {
			top:524px;
		}

		.Catalogue .Row3 {
			top:771px;
			padding-bottom:148px;
		}

		.Catalogue .Col1 {
			left:96px;
		}

		.Catalogue .Col2 {
			left:342px;
		}

		.Catalogue .Col3 {
			left:594px;
		}

		.Catalogue .Col4 {
			left:846px;
		}
		
		.BkFst img{
			height:10px;
			width:480px;
			position:absolute;
		/*	
			border:solid 1px red;
			background-color:blue;
		*/
			margin:0 0 0 140px;
		}

/* catalogue	*/




/* bookpages	*/

		#MainText {
			position:absolute;
			left:93px;
			top:236px;
			width:236px;
			height:504px;
			line-height:1.6em;
			
			padding:0 0 0 4px;
			font-style: normal;
			font-size:1em;
			
			z-index:1;
			
			pointer-events: none;
			
	/*		color:green;

		outline:solid 1px purple;    */
		}
		
	/*	*/
	
		
		.First p:first-child:first-letter, .SecondFirst p:first-child:first-letter { 
			padding:5px 3px 0 0;
			font-size : 3em;
			margin-left:-3px;
			margin-right:1px;
			float : left;
			width : 0.7em;
			line-height:0.7em;
		}

		.First p:nth-child(n+2), .SecondFirst p:nth-child(n+2) {
			text-indent: 1em;
		}
	
		.First {
			position:absolute;
			top:104px;
			padding:0 0 0em 0;
		/*	width:180px; */
		} 

		.First, not: #Ogilvy-Box {
			width:218px;
		}		
		.Archives .First {
			position:relative;
			top:0px;
	/*	*/
		}

		.SecondFirst {
			padding:1em 0 0em 0;
			width:218px;
		}

		.Archives .First, .Archives .SecondFirst {
			width:240px;
		/*			*/
		}


		#Hero img {
			position:absolute;
			top:240px;
			left:342px;
			width:660px;
		/*	height:504px;
			outline:solid 4px red;    */
	
		}
	
	/*  */
	
		/*	background-color:pink;	*/
		/*	outline:solid 1px red;	*/
		
		.Hockney {
			width:220px;
		}
		
		.Vaughan {
			width:210px;
		}
		
		.Nashetc {
			width:202px;
		}

		.Gardiner {
			width:220px;
		}

		.GoldBoxes {
			width:230px;
		}
		
		.EnidMarx {
			width:226px;
		}
		
		.DesigningtheVnA .First {
			width:210px;
		}

		.JohnMinton {
			width:210px;
		}

		.EdwardArdizzone .First {
			width:214px;
		}

		#MainText .BkTitle {
			font-size:1em;
		}
		
		.BkTitle {
			font-weight: bold;
		}
		
		.Author {
			font-weight:normal;
		}
		
		.Publisher {
			padding:0 0 2em 0;
		}
		
		.Quote, Quote p, .Vaughan .Quote {
			padding:1em 0 0 0;	
			display:inline-block;
			position:relative;/*	*/
			font-style: italic;
			text-indent: 0;	
		}
		
		.Hockney {
			width:222px;
		}
		
		.AtturaifMuseumsGuide #MainText {
/*			background-color:teal;
			width:240;	*/
		}
		
		.Subhead {
			color:red;
		}
		
		.Signature, .Source{
			font-size: 0.85em;
			font-style:normal;
			text-transform: uppercase;
			padding:0 0 0em 0;
		}

		.Source{
			font-style:italic;
		}

/*			*/
/*
		.About .Subhead, .About .Captions {
			position:absolute;
			top:396px;
			
			outline:solid 1px red;	
		}
		
		.About .Captions {
			width:260px;
		}
			
			*/
			
		#ACaption1 {
			position:absolute;
			left:250px;
			width:260px;
		}
		#ACaption1 .BkTitle, #ACaption1, #ACaption2 .BkTitle, #ACaption2  {
			width:260px;
		} 
		
		#ACaption2 {
			left:630px;
		}
		
		#ACaption3 {
			display:none;
		}

/*    */

	/* ///////////////////
	
	New Welcome 2012

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

	#Amp {
		position:absolute;
		top:210px;
		left:528px;
		width:940px;
		height:820px;
	}

	#Amp02 {
		position:absolute;
		top:196px;
		left:556px;
		width:940px;
		height:820px;
		z-index:-1;
	}

	#TypeDef {
		position:absolute;
		top:224px;
		left:336px;
		z-index:-10;
	}
	
	#TypeDef02 {
		position:absolute;
		top:224px;
		left:332px;
		z-index:-10;
	}
	
	.Landing #Amp02 {
	/*	border:solid 1px red;	*/
	}

	#NS-Pic021, #NS-Pic021Spc, #NS-Pic021L2, #NS-Pic021SpcL2,	#NS-Pic022, #NS-Pic022Spc, #NS-Pic022L2, #NS-Pic022SpcL2  {
		background-color: none;
	}
		
	#NS-Pic021, #NS-Pic021Spc, #NS-Pic021L2, #NS-Pic021SpcL2  {
		position:absolute;
		left:342px;
		top:469px;
		height:287px;
		overflow:hidden;
	}

	#NS-Pic021L2, #NS-Pic021SpcL2  {
		top:468px;	
		left:342px;
		
	}

	#NS-Pic022, #NS-Pic022Spc, #NS-Pic022L2, #NS-Pic022SpcL2 {
		position:absolute;
		left:758px;
		top:235px;
		height:246px;
		overflow:hidden;
	}

	#NS-Pic022L2, #NS-Pic022SpcL2 {
		top:239px;
		left:826px;
		height:244px;
	}
	
	#NS-Pic021Spc, #NS-Pic022Spc, #NS-Pic021SpcL2, #NS-Pic022SpcL2 {
		z-index:10;
	}
		
	.Subhead2 {
		position:absolute;
		color:red;
		top:380px;
	}
	
	#ACaptionA1{
		position:absolute;
		top:396px;		
		width:162px;
	}

	/* ///////////////////
	
	New Welcome 2012

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


/*    */

	.BkMk {
		position:relative;
		z-index:-10;
		top:-152px;
		left:6px;
		display:inline-block;
/*			*/	display:none;
	}
	
	.BkFst {
		position:absolute;
		top:188px;
		width:230px;
		margin:0;
	}
	
	/* EXCEPTIOONS */
	
	#NatGal {
	}
	
	.Landing #MainText, .Landing #MainText .Captions, .Landing #MainText .Captions .Subhead2, .Landing #MainText .BkTitle {
		width:166px;
	/*		font-size:0.9em;	*/
	}
	
	.Landing .Subhead2 {
		position:absolute;
		top:404px;
	}
	
	.Landing #ACaptionA1 {
		top:420px;			
	}
		

	.Craxton #MainText, .Burra #MainText {
		width:212px;

	}

	.AtturaifMuseumsGuide #MainText {
		width:240px;
	}

	.Lennon #Maintext .First {
		width:120px;
	/*	border: solid red 2px;	 */	
	}

	/*    ////		CATALOGUE p 011 special         ////       */
		.Sp01 {
			padding:52px 0 0 0;
		}
	/*    ////		CATALOGUE p 011 special         ////       */
	.London .First p:first-child:first-letter,
	.Rose .First p:first-child:first-letter,
	.Quilts .First p:first-child:first-letter  {
			margin-left:0px;
		}
		
	
	
	/* ///////////////////
	
	New Welcome 2014

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

	.A2014 img {
	/*	border:solid 10px green;	*/
	}
	
	.Latest {
	/*	position:absolute;
		top:202px;
		font-weight:bold;
		font-size:0.8em;
		color:red;
		
		border:solid 10px blue;		*/
	}

	.IntroText {
		position:absolute;
		top:14px;
		left:-12px;
	}
	
	.A2014 #MainText {
	
	}
	
	.A2014 .AboutBooks {
		position:absolute;
		top:232px;
		
	}

	.A2014 .AboutBooks {
		height:240px;
	}
	
	.A2014 .BkFstA {

	}
	
	.BkFst img {
		height:10px;
		width:130%;
	}
	
	.A2014 .BkFstA img {
		padding:8px 0 0 0px;
		height:10px;
		width:260px;
	}

	.A2014 .Book1 .BkFstA img {
		padding-left:180px;
	}
	
	.A2014 .Book2 .BkFstA img {
		padding-left:172px;
	}
	
	.A2014 .Book3 .BkFstA img {
		padding-left:190px;
	}
	
	.A2014 .Book4 .BkFstA img {
		padding-left:164px;
	}
	
	.A2014 .Vau img {
		padding-left:184px;
		width:140%;
	}
	
	.A2014 .Nas img {
		padding-left:192px;
		width:130%;
	}
	
	.A2014 .Rav img {
		padding-left:202px;
		width:130%;
	}
	
	.A2014 .AboutBooks .Captions {
	/*	top:268px;
		width:100px;	*/
		line-height:1.5em;
		margin:0 0 4em 0;
	}
	
	.A2014 .Book1 {
		
	}

	.A2014 .Book2 {
		left:244px;
	}

	.A2014 .Book3 {
		left:488px;
		
	}

	.A2014 .Book4 {
		left:740px;
		
	}
	
	.Shad {
		box-shadow: #8b8b8b 5px 5px 12px;
		-moz-box-shadow: #8b8b8b 5px 5px 12px;
		-webkit-box-shadow: #8b8b8b 5px 5px 12px;
/*
		box-shadow: #8b8b8b 5px 5px 8px;
		-moz-box-shadow: #8b8b8b 5px 5px 8px;
		-webkit-box-shadow: #8b8b8b 5px 5px 8px;
*/
	}

	/* ///////////////////
	
	New Welcome 2014

	///////////////////	*/
	
		
	/* ///////////////////
	
	Catalogue 2014

	///////////////////	*/
	
	.Catalogue .B1 img {
		margin-left:136px;
	}

	.Catalogue .B2 img {
		margin-left:148px;		
	}

	.Catalogue .B3 img {
		margin-left:138px;		
	}

	.Catalogue .B4 img {
		margin-left:134px;		
	}

	.Catalogue .B5 img {
		margin-left:148px;		
	}

	.Catalogue .B6 img {
		margin-left:142px;		
	}

	.Catalogue .B7 img {
		
	}

	.Catalogue .B8 img {
		margin-left:162px;		
	}
		
		
	/* ///////////////////
	
	Catalogue 2014

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

	/* ///////////////////
	
	Catalogue 2020

	///////////////////	*/
	
	
	/* archives	*/

/* posters	*/


	.PosterPage .First {
		width:216px;
	}
	
	.PicBox {
		position:absolute;
		top:240px;
		left:342px;
		width:660px;
	}
	
	.PosterPic {
		height:264px;
	}

	.Posters {
	/*	position:absolute;	*/
		left:342px;
		width:660px;
		
		padding: 0 0 4em 0;
		display: flex;
		justify-content: space-between;
	}
	
	.Posters .SidePad {
		margin: 0 8px 0 8px;
	}
	
	.ZooPic {
		position:relative;
		height:180px;
		left:93px;
		top:626px;		
	}

/*
	.Posters .Top img {
		padding-bottom: 24px;
	}
	
	.Posters .Bottom  {
	}
*/	
/* Design-Sourcebook */

	 .Design-Sourcebook .First, .Design-Sourcebook .SecondFirst {
		 width:224px;
	 }


/* Cranfield	*/

	.Cranfield .First {
		top:0px;
		width:214px;
	}
	
	.Cranfield-Spit {
		position:relative;
		height:208px;
		left:93px;
		top:426px;		
	}

/* Emirates	*/

	.Emirates .First {
		top:0px;
		width:220px;
	}
	
	.Emirates-Logo {
		position:relative;
		height:160px;
		left:146px;
		top:546px;		
	}

	#Shell .MainText {
		top:0px;
		width:120px;
	}


/* DC Series	*/


	.Five-Col .First {
		top:-18px;
		width:342px;
	}
	
	
	.PicBoxDirCh {
		position: absolute;
		top: 340px;
		left: 96px;
	}

	.Dir-Ch-Cat img {
		height:182px;
		margin: 0 0 24px 0;
	}
	
	.Dir-Ch-Cat {
		width:906px;
				
	/*	left: 168px;
		top: -508px; */

		display: flex;
		justify-content: space-between;
	/*	*/
	}
/* Ogilvy	*/

	.Ogilvy .First {
		Top:44px;
		width:226px;
	}
	
	.Ogilvy .Next {
		Top:880px;
		width:228px;
	}
	
	.HeroPack {
		position:absolute;
		top:232px;
		left:334px;
			
	}

	.HeroPack img {
		height:376px;
		transform: rotate(-3deg);
	}
	
	.BoxPic {
		position:absolute;
		top:240px;
		left:636px;	
	}

	.BoxPic img {
		height:138px;
	}
	
	
	.Spread {	
		position:absolute;
		top:394px;
		left:636px;	

	}	
	
	.Spread img {	
		height:244px;
	}
	
	
	#Ogilvy-Box {	
		position:relative;
		line-height:1.5em;
		top:132px;
		left:760px;
		margin: 0 0 1em 0;
	}

	#Ogilvy-Box p {	
		width:212px;
	}
	
	.Poem {
		position:relative;
		top:166px;
		text-indent:none;
	}
	
	#Continue-1, #Continue-2 {
		position:absolute;
		top:664px;
		line-height:1.5em;
	}
		
	#Continue-1 {
		left:340px;
		width:280px;
		text-indent:1em;
	}
	
	#Continue-2 {
		left:640px;
		width:300px;
		text-indent:none;
	}
/* logos	*/


	.Logos .First {
		width:340px;
	}
	
	.PicBoxLogos {
		position: relative;
		top:275px;
		left: 480px;
		width:520px;
	}

	.PicBoxLogos-W {
		position: relative;
		width:906px;
		left:96px;
		top:310px;
		z-index:-1000;
	}
	
	.Logos-1, .Logos-2, .Logos-3 {
		display: flex;
		justify-content: space-between;

	}

	.Logos-1 img, .Logos-2 img, .Logos-3 img {
	/*	height:100px;	*/	
		top: 50%;
		transform: translateY(-50%);
		margin:0 0 36px 0;;
	}	
	
/*

	.Logos-1 img {
		height: 55px;
	}
	
	.Logos-2 img {
			height: 87px;

	}
	
	.Logos-3 img {
		height: 107px;

	}
	
*/	

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


	.A2020 .AboutBooks .Captions {
		position:absolute;
		line-height:1.5em;
		margin:1em 0 4em 0;
	/*	border:solid blue 4px;	*/	
	}
	
	.A2020 .Book1, .A2020 .Book2, .A2020 .Book3, .A2020 .Book4, .A2020 .Book5, .A2020 .Book6, .A2020 .Book7, .A2020 .Book8, .A2020 .Book9, .A2020 .Book10, .A2020 .Book11, .A2020 .Book12, .A2020 .Book13, .A2020 .Book14, .A2020 .Book15 {
		position:absolute;
		Bottom: 132px;
	}

	.A2020 .Book1 {
		
		left:2px;
	/*	top:268px;					*/
	}

	.A2020 .Book2 {
		left:244px;
	}

	.A2020 .Book3 {
		left:500px;
		
	}

	.A2020 .Book4 {
		left:750Px;
		
	}
	
	.A2020 .Book5 {
		left:1008px;
	}
	
	.A2020 .Book6 {
		left:1266px; 
	}
	
	.A2020 .Book7 {
		left:1524px; /* + 72 + */
		
	}
	
	.A2020 .Book8 {
		left:1784px;
		
	}
	
	.A2020 .Book9 {
		left:2044px;
		
	}
	
	.A2020 .Book10 {
		left:2302px;
		
	}
	
	.A2020 .Book11 {
		left:2554px;
		
	}
	
	.A2020 .Book12 {
		left:2802px;
		
	}
	
	.A2020 .Book13 {
		left:3056px;
		
	}
	
	.A2020 .Book14 {
		left:740px;
		
	}
	
	.A2020 .Book15 {
		left:740px;
		
	}
	
	.A2020 .Book16 {
		left:740px;
		
	}
		
	
// /// //// /

	.A2020 .BkFstA img {
		position: absolute;
		height:10px;
	}

	.A2020 .Book1 .BkFstA img {
		top:24px;
		padding-left:174px;
	}
	
	.A2020 .Book2 .BkFstA img {
		top:24px;
		padding-left:182px;
	}
	
	.A2020 .Book3 .BkFstA img {
		top:24px;
		padding-left:180px;
	}
	
	.A2020 .Book4 .BkFstA img {
		top:24px;
		padding-left:184px;
	}
	

	.A2020 .Book5 .BkFstA img {
		top:24px;
		padding-left:174px;
	}
	
	.A2020 .Book6 .BkFstA img {
		top:24px;
		padding-left:182px;
	}
	
	.A2020 .Book7 .BkFstA img {
		top:24px;
		padding-left:180px;
	}
	
	.A2020 .Book8 .BkFstA img {
		top:24px;
		padding-left:184px;
	}
	

	.A2020 .Book9 .BkFstA img {
		top:24px;
		padding-left:174px;
	}
	
	.A2020 .Book10 .BkFstA img {
		top:24px;
		padding-left:182px;
	}
	
	.A2020 .Book11 .BkFstA img {
		top:24px;
		padding-left:180px;
	}
	
	.A2020 .Book12 .BkFstA img {
		top:24px;
		padding-left:184px;
	}
	
	.A2020 .Book13 .BkFstA img {
		top:24px;
		padding-left:184px;
	}
	
		
/*		

	.A2020 .Captions {
		position:relative;
	}
		*/

	.A2020 .Fisting {
		text-align:right;
	}

	.A2020 .Book1 .Captions {
	}

	.A2020 .Book2 .Captions {

	}

	.A2020 .Book3 .Captions {
	}

	.A2020 .Book4 .Captions {
	}



	#BookCarousel{
		position:relative;
/*		border: 1px solid red;		*/
		
		top : 238px;
		
		width:990px;
		height:400px;
		overflow: hidden;
		margin-top: 8px;
		pointer-events: auto;
		z-index: 100;
/*		top: 894px;
		width: 1983px;
		height:723px;
		color:blue;			*/
	
	
	}
		
		
		

	#NextButtn a {
		position:absolute;
		top:238px;
		left:0;
		height:12px;
		width:30px;
		border:1px solid red;
		background:url(https://ns-media.s3.amazonaws.com/images/NS_PageTurn-02.gif) 0px 0px no-repeat;
		background-position: -249px -12px;		
	}
/*	*/
	

	#NewBooks {
		position:relative;

/*		  -webkit-transition: 3s;
		  -moz-transition: 3s;
		  -ms-transition: 3s;
		  -o-transition: 3s;
		  transition: 3s; 			*/

		  -webkit-transition: 1s;
		  -moz-transition: 1s;
		  -ms-transition: 1s;
		  -o-transition: 1s;
		  transition: 1s;

		left:0px;
		top:202px;
		width:100%;
		height:50%;
		
		 
	/*	background-color: green;
		 -webkit-animation:slide 3s -0.6s ease-in-out
		 animation: Slip 1s ease 2s running;      */
	}
	
 	#Shell-logo {
		position: relative;
		left:152px;
		top:640px;
		z-index:-10;
	}
	
	#Ed-Cross-logo {
		position: relative;
		left:150px;
		top:576px;
		z-index:-10;
	}
	
	#ed-cross-sm-logo img {
		width:220px;
		opacity:0;
		
   -webkit-animation: fadein 1s forwards 7s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s forwards 7s; /* Firefox < 16 */
        -ms-animation: fadein 1s forwards 7s; /* Internet Explorer */
         -o-animation: fadein 1s forwards 7s; /* Opera < 12.1 */
            animation: fadein 1s forwards 7s;
	}

	@keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
		
	}

	#ed-cross-sm-logo {
		position: absolute;
		left: 96px;
		top:732px;
	}


	#NewBooks.horizTranslate {
	  -webkit-transition: 3s;
	  -moz-transition: 3s;
	  -ms-transition: 3s;
	  -o-transition: 3s;
	  transition: 3s;
/*	  left: -1268px !important;
	  left: -244px !important;
	  left: -254px !important;
	  left: -244px !important;	*/

	}