.DangerSpot
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;height:100%;text-align:center;background:#FFFFCC;}
/*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:275px;}}
@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;}}
/* For 1366 Resolution */  
@media only screen   
and (min-width: 1030px)   
and (max-width: 1366px)  
{div.body{width:1366px;}}
#homepage{background:#9966FF;z-index:1}
#background{position:relative;margin:0 auto;text-align:left;width:1880px;overflow:hidden;height:2800px;background:#FFFFFF;z-index:2}
a:link{color:#0000FF;text-decoration:none;}
a:hover{color:#F9C8D8;text-decoration:none;}
a:active{color:#9966FF;text-decoration:none;top:1px;}
a:visited{color:#990000;text-decoration:none;position:relative;top:1px;}
h1,p,a,h2,h3,h5,#copy,#textB,span{font-family:Arial, Helvetica, sans-serif;}
p.subtext{text-align:justify;}
div{position:absolute;}
/*Email*/
my-email::after{content: attr(data-domain);} 
my-email::before{content: attr(data-user)"\0040";} 
/*Top Navigation*/
p.title{margin:0 0 0 15px;}
span.reg{font-size:1.2em;margin:-70px 0 0 0;}
span.sub{font-size:0.8em;margin:0 0 0 8px;color:#600051;}
/*Heading*/
div.header{position:absolute;left:0;top:0;width:100%;z-index:1;margin:0 auto;}
img.header{position:relative;height:200px;width:100%;z-index:1;margin:0 auto 0 auto;display:block;width:1880px;height:950px;}
div.checkout{position:absolute;right:20px;top:20px;width:150px;height:;z-index:19;background:#FFFFFF;border:2px solid #4B0082;border:-moz-border-radius:5px;  -webkit-border-radius:5px; border-radius:5px; /* future proofing */ -khtml-border-radius:5px; /* for old Konqueror browsers */}
p.checkout{text-align:center;color:#FF0000;}
h1.heading{font-size:1.4em;color:#6600FF;text-align:center;}
h1{text-align:justify;width:1500px;margin:20px 0 0 0;}
#navcontainer{position:absolute;top:278px;clear:both;z-index:3;text-align:center;width:1580px;margin:0 0 0 300px;background:#CCBBFF;padding:10px 0 10px 0;}
#navcontainer ul{list-style:none;margin:0;padding:0;border:none;text-align:center;}
#navcontainer li{display:inline;font-weight:bold;font-size:0.9em;}
#navcontainer li a{color:#191970;font-weight:bold;font-style:italic;padding:0 40px 0 40px;}
#navcontainer li a:hover{color:#FF0000;font-weight:bold;font-style:italic;background-color:#FFFF00;}
#navcontainer li.telephone{color:#191970;font-weight:bold;font-style:italic;text-decoration:none;}
#navcontainer li ul.sub{display:none;width:inherit;position:absolute;left:70%;}
#navcontainer li:hover ul.sub{display:block;background-color:#FFDDFF;}
#navcontainer li ul.sub li{display:block;background-color:#FFDDFF;}
/*Centre*/
p.book{height:500px;width:250px;font-size:0.8em;display:inline-block;text-align:justify;}
img.book{width:250px;height:210px;box-shadow:5px 5px 10px grey;clear:both;}
div.book1{top:40px;left:50px;width:350px;height:350px;padding:10px 0 0 0;}
div.book2{top:40px;left:350px;width:380px;height:350px;padding:10px 0 0 0;}
div.book3{top:40px;left:650px;width:380px;height:350px;padding:10px 0 0 0;}
div.book4{top:40px;left:950px;width:380px;height:350px;padding:10px 0 0 0;}
div.book5{top:40px;left:1250px;width:380px;height:350px;padding:10px 0 0 0;}
div.book6{top:380px;left:50px;width:380px;height:350px;padding:10px 0 0 0;}
div.book7{top:380px;left:350px;width:380px;height:350px;padding:10px 0 0 0;}
div.book8{top:380px;left:650px;width:380px;height:350px;padding:10px 0 0 0;}
div.book9{top:380px;left:950px;width:380px;height:350px;padding:10px 0 0 0;}
div.book10{top:380px;left:1250px;width:380px;height:350px;padding:10px 0 0 0;}
div.book11{top:770px;left:50px;width:380px;height:350px;padding:10px 0 0 0;}
div.book12{top:770px;left:350px;width:380px;height:350px;padding:10px 0 0 0;}
div.book13{top:770px;left:650px;width:380px;height:350px;padding:10px 0 0 0;}
div.book14{top:770px;left:950px;width:380px;height:350px;padding:10px 0 0 0;}
div.book15{top:770px;left:1250px;width:380px;height:350px;padding:10px 0 0 0;}
div.book16{top:1150px;left:50px;width:380px;height:350px;padding:10px 0 0 0;}
div.book17{top:1150px;left:350px;width:380px;height:350px;padding:10px 0 0 0;}
div.centre{position:absolute;left:300px;top:305px;z-index:2;width:1580px;height:auto;}
p.rectangle{margin:0;width:1580px;height:430px;background:#3322CC;}
img.rectangle{margin:5px 0 0 60px;width:1500px;height:316;text-align:center;z-index:3;} 
img.purchaseourbooks{width:335px;height:115px;margin:-20px 0 0 600px;z-index:4;}
h2.centre{text-align:center;color:#9900FF;}
form.books{margin:-250px 0 0 0;}
span.red{color:#FF6644;font-weight:bold;font-size:1.2em;line-height:1em;}
span.nostickers{font-weight:bold;color:#FF0000;}
/*Artists in Schools*/
div.artists{position:absolute;left:0px;top:2500px;z-index:2;width:100%;height:auto;text-align:center;background:#BA6C0D;}
p.artists{font-size:1.3em;color:#FFFF00;font-weight:bold;width:100%;padding:20px 0 20px 0;text-align:center;}
a.animation{color:#FFFFFF;}
/*Footer*/
#footer{position:absolute;left:0;top:1800px;margin:0;background:#330077;width:100%;z-index:10;height:200px;text-align:center;}
#footer li{display:inline;text-align:center;padding:0 20px 0 20px;width:auto;font-size:0.9em;margin:10px 0 0 0}
#footer li a{color:#FFFFFF;text-decoration:none;}
#footer li a:hover{color:#FF0000;font-weight:bold;font-style:italic;background-color:#660077;}
#footer li ul.sub{display:none;width:inherit;position:absolute;left:60%;margin:0;padding:none;}
#footer li:hover ul.sub{display:block;background-color:#660077;padding:none;margin:0;}
#footer li ul.sub li{display:block;background-color:#660077;padding:none;margin:0;}
p.copyright{text-align:center;font-size:0.8em;width:auto;margin:20px 0 0 0;color:#FFFFFF;}
a.copyright:link {color:#CCEEFF;text-decoration:none;}
/*Left Column*/
object.video{width:280px;height:158px;border:none;}
div.left{position:absolute;left:5px;top:950px;width:18%;}
p.left{text-align:justify;font-size:0.9em;width:300px;}
h2.left{text-align:center;color:#9900FF;width:300px}
div.roadsafetyweek{position:absolute;top:1020px;left:0;width:150px;text-align:center;}
img.roadsafetyweek{width:280px;height:400px;clear:both;}
/*Paypal*/
div.checkout{position:absolute;right:20px;top:20px;border-radius:5px;-moz-border-radius:5px;background:#FFFFFF;border:solid #90F 1px;text-align:center;width:150px;}
input.viewcart{width:130px;height:35px;margin:5px 0 0 0;clear:both;}
select.options{clear:both;}
form.viewcart{margin:0 auto;text-align:center;}
p.paypal{width:300px;font-size:0.9em;color:#FF0000;}
/*Stat Counter*/
#statcounter{display:none;}
/*Social Media Buttons*/
div.socialmedia{position:fixed;left:0;top:227px;background-color:#FFFFFF;padding:0;width:60px;z-index:21;-moz-border-radius:5px;  -webkit-border-radius:5px; border-radius:5px; /* future proofing */ -khtml-border-radius:5px;}
img.socialmedia{height:60px;width:60px;border:0;}
img.socialmedia:hover{border:5px solid #FFFFFF;border-radius:50%;}
/*Social Media Box*/
div.socialmediabox{overflow:auto;border:10px outset #66CCFF;width:260px;height:300px;border-radius:15px;z-index:1;text-decoration:none;margin:5px 0 0 0;z-index:4;}
p.twitter{font-size:1.5em;font-color:#FFFFFF;font-weight:bold;text-align:left;margin:0;background:#66CCFF;text-decoration:none;}
p.facebook{font-size:1.5em;font-color:#FFFFFF;font-weight:bold;text-align:left;margin:0;background:#336699;text-decoration:none;}
p.google{font-size:1.5em;font-color:#FFFFFF;font-weight:bold;text-align:left;margin:0;background:#ff0000;text-decoration:none;}
div.fb-page{width:350px;height:50px;}
img.twitter{width:60px;height:60px;}