body{font-size:14px;font-style:normal;line-height:normal;font-weight:lighter;font-variant:normal;white-space:normal;font-family:Arial, Helvetica, sans-serif;margin:0;padding:0;width:100%;height:100%;text-align:center;}
/*Portrait Tablet*/
@media (min-width: 481px) and (max-width: 768px) 
{div.body{width:740px;}}
/* Portrait and Landscape IPhone*/
@media only screen and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {}
/*Landscape smart phone*/
@media (min-width: 321px) and (max-width: 480px) 
{div.body{width:450px;}}
/*Portrait smart phone*/
@media (max-width: 320px) 
{div.body{width:320px;}}
@media only screen and (max-width: 768px) 
{div.body{width:100%;}}
    /* For mobile phones: */
div.body{width:100%;}}
/* Portrait and Landscape Laptops*/
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) 
{div.body{width:1024px;}}
/* If you're looking to supply different graphics or choose different typography for the lower resolution iPad display, the media queries below will work. */  
/* Orientation : Landscape */  
@media only screen   
and (orientation : landscape)   
and (-webkit-min-device-pixel-ratio: 1)  
and (min-device-width : 768px)   
and (max-device-width : 1007px) 
{div.body{width:1007px;}}  
/* Orientation : Portrait */  
@media only screen   
and (orientation : portrait)   
and (-webkit-min-device-pixel-ratio: 1)   
and (min-device-width : 768px)   
and (max-device-width : 1007px) 
{div.body{width:1007px;}} 
/* For 1366 Resolution */  
@media only screen   
and (min-width: 1030px)   
and (max-width: 1366px)  
{div.body{width:1366px;}}

a:link{color:#bdd1fd;text-decoration:none;}
a:active{color:#9966FF;text-decoration:none;top:1px;}
a:visited{color:#fccdae;text-decoration:none;position:relative;top:1px;}
h1,p,a,h2,h3,h5,#copy,#textB,span{font-family:"Times New Roman", Times, Georgia, serif;}
div{position:absolute;}

/*Heading*/
div.header{position:absolute;left:0;top:0;width:100%;z-index:1;margin:0 auto;background:#f9f4df;height:250px;}
img.header{position:relative;z-index:1;display:block;width:1900px;height:250px;}

/*Top Navigation*/
p.title{margin:0 0 0 15px;}
#navcontainer{position:absolute;top:240px;clear:both;z-index:3;text-align:center;height:40px;width:1900px;background:#333366;}
#navcontainer ul{list-style:none;margin:0;padding:0;border:none;text-align:center;}
#navcontainer li{display:inline;font-weight:bold;font-size:1.2em;}
#navcontainer li a{color:#FFFFFF;font-weight:bold;font-style:italic;padding:20px 30px 0 30px;}
#navcontainer li a:hover{color:#FFFFFF;font-weight:bold;font-style:italic;}
/*Centre*/
h1{text-align:center;margin:60px 0 0 0;color:#145670;}
h2.headingtext{text-align:center;color:#FFFFFF;margin:0 0 0 200px;text-shadow: 2px 2px 4px #000000;}
h2{text-align:center;color:#0000CD;width:80%;margin:auto 0;}
h2.title{text-align:center;color:#FFFFFF;width:80%;margin:0 0 0 20px;}
h3.subtitle{text-align:center;color:#FFFFFF;width:80%;margin:0 0 0 20px;}
h5.ISBN{text-align:center;color:#FFFFFF;width:80%;margin:0 0 0 20px;}
div.centre{position:absolute;left:0;top:250px;z-index:2;width:100%;}
img.book{width:225px;height:324px;box-shadow:5px 5px 10px black;clear:both;z-index:10;}
div.book1{top:150px;left:20px;width:280px;height:800px;padding:10px 0 0 0;z-index:10;}
div.book2{top:150px;left:290px;width:280px;height:800px;padding:10px 0 0 0;z-index:10;}
div.book3{top:150px;left:560px;width:280px;;height:800px;padding:10px 0 0 0;z-index:10;}
div.book4{top:150px;left:830px;width:280px;height:800px;padding:10px 0 0 0;z-index:10;}
div.book5{top:150px;left:1100px;width:280px;height:800px;padding:10px 0 0 0;z-index:10;}
div.book6{top:150px;left:1370px;width:280px;height:800px;padding:10px 0 0 0;z-index:10;}
div.book7{top:150px;left:1640px;width:280px;height:800px;padding:10px 0 0 0;z-index:10;}
h3.red{text-align:center;color:#FF0000;width:300px;}
div.text1{position:absolute;left:20px;top:620px;z-index:2;width:250px;}
div.text2{position:absolute;left:290px;top:620px;z-index:2;width:250px;}
div.text3{position:absolute;left:560px;top:620px;z-index:2;width:250px;}
div.text4{position:absolute;left:830px;top:620px;z-index:2;width:250px;}
div.text5{position:absolute;left:1100px;top:620px;z-index:2;width:250px;}
div.text6{position:absolute;left:1370px;top:620px;z-index:2;width:250px;}
div.text7{position:absolute;left:1640px;top:620px;z-index:2;width:250px;}
a.book :hover{-webkit-box-shadow:0px 0px 27px 21px rgba(255,255,255,1);-moz-box-shadow: 0px 0px 27px 21px rgba(255,255,255,1);box-shadow: 0px 0px 27px 21px rgba(255,255,255,1);}
img.readsample{margin:10px 0 0 0;height:25px;width:150px;text-align:center;}
div.bubbles{position:absolute;left:10px;top:100px;z-index:2;}
img.bubbles{height:600px;width:850px;opacity:0.2;z-index:2;}
p.text{width:250px;font-size:1em;text-align:justify;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;}
p.book{height:600px;width:250px;font-size:1em;display:inline-block;text-align:center;margin:0 0 20px 0;}
span.book{width:250px;font-size:1em;text-align:center;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;}
form.books{margin:25px 0 0 0;}
span.red{color:#FF6644;font-weight:bold;font-size:1.2em;line-height:1em;}
span.author{font-weight:bold;font-size:0.8em;font-style:italic;}
img.bestscript{width:50px;height:40px;}
/*Video*/
div.sizzlepitch{position:absolute;top:1600px;}
/*Footer*/
div.addressbar{position:absolute;top:2495px;margin:-25px 0 0 0;color:#FFFFFF;background:url(images/addressbar.jpg);width:1900px;text-align:left;}
p.address{font-family:Arial, Helvetica, sans-serif;font-size:1.2em;padding:20px 0 -20px 0;margin:20px 0 0 200px}
p.copyright{font-family:Arial, Helvetica, sans-serif;padding:0 0 50px 200px;font-size:1em;}
span.twitter{float:right;margin:20px 100px 0 0;padding:0 100px 0 40px;font-family:Arial, Helvetica, sans-serif;font-size:1.2em;}
img.twitter{z-index:10;width:30px;height:30px;margin:5px 0 0 0;}
/*Advice*/
div.advice{position:absolute;top:890px;z-index:2;z-index:10;text-align:center;background:#f9f4df;height:100px;width:100%;}
p.advice{font-size:1.2em;text-align:center;padding:10px 0 50px 0;}
/*Left Column*/
div.left{position:absolute;left:5px;top:120px;width:300px;}
p.left{text-align:justify;font-size:0.9em;width:300px;}
h3.left{text-align:center;color:#9900FF;width:300px}
/*Memory*/
span.stars{text-align:center;padding:0 100px 0 100px;}
/*Stat Counter*/
#statcounter{display:none;}

div.book1 a:hover{box-shadow: rgba(255,255,255, 0.3) 0 0 90px 33px;}