@charset "utf-8";
/* CSS Document */


a:link, a:visited{color:#FFF3D4;text-decoration:none;}
a:hover{color:#0E0C68;text-decoration:none;}


.socialL{float:left;margin-bottom:1%;}
.socialR{float:right;margin-bottom:1%;}
.title{width:40%;max-width:434px;min-width:300px;}
.footer{max-width:500px;min-width:254px;margin-top:2%;margin-bottom:5%;}
.footerpage{max-width:905px;min-width:254px;padding-top:4%;margin-bottom:5%;clear:both;}

#mobile {display:none;}
	
form {
	line-height: 250%;
	
		
	}
input{padding:4px;
font-family:Verdana, Geneva, sans-serif;font-size:14px;margin-bottom:10px;
	}

input[type=text]{width:215px;}

input[type=submit]{cursor:pointer;color:#ffffff;background-color:#0E0C68;padding:7px;box-shadow:none;border:none;margin-left:115px;width:100px;
}

input[type=submit]:hover{
	background-color:#7E3988;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	line-height: 21px;
}

/* Image map styles */
.imageMap {width:100%; position:relative; margin-bottom:;max-width:646px;min-width:300px;}
.imageMappage {max-width:190px;min-width:100px;float:left;}
.content{max-width:905px;min-width:254px;margin:5% auto;}

.left{float:left;max-width:250px;margin-left:2%;vertical-align:top;}
.lefttext{float:left;max-width:650px;margin-left:2%;vertical-align:top;font-family:Verdana, Geneva, sans-serif;color:#fff;font-size:14px;line-height:22px;text-align:justify;}
.left img{width:100%;}
.right{float:left;max-width:400px;margin-left:3%;font-family:Verdana, Geneva, sans-serif;color:#fff;font-size:14px;line-height:22px;text-align:justify;}


.imageMap img  {display:block; width:100%;}


.imageMap .hotspots {width:100%; height:100%; position:absolute; left:0; top:0; visibility:visible;}

.imageMap a.p1 {left:34%; top:16%; width:25%; height:10%; max-width:111px;min-width:60px;max-height:45px;min-height:30px;} 

.imageMap a.p2 {left:60%; top:25%; width:21%; height:10%;max-width:110px;min-width:60px;max-height:45px;min-height:30px;}

.imageMap a.p3 {left:17%; top:50%; width:22%; height:10%;max-width:95px;min-width:55px;max-height:50px;min-height:25px;}

.imageMap a.p4 {left:22%; top:36%; width:26.5%; height:10%;max-width:115px;min-width:60px;max-height:45px;min-height:30px;}

.imageMap a.p5 {left:20%; top:81%; width:25%; height:10%;max-width:130px;min-width:65px;max-height:45px;min-height:30px;}

.imageMap a.p6 {left:64%; top:51%; width:25%; height:15%;max-width:129px;min-width:65px;max-height:70px;min-height:35px;}

.imageMap a.p7 {left:50%; top:66%; width:25%; height:10%;max-width:152px;min-width:75px;max-height:50px;min-height:30px;}


.imageMap a + p {position:absolute; left:0%; top:102%; width:100%; color:#000; display:none;}

.imageMap:hover .hotspots {visibility:visible;}


.imageMap a.p1 {display:block; position:absolute; background-image:url('img/nav/book.png');background-position:center;background-repeat:no-repeat;-webkit-background-size: 100%; -moz-background-size: 100%;-o-background-size: 100%;background-size:100%; }
.imageMap .hotspots div:hover a.p1 {background-image:url('img/nav/book_rollover.png');background-position:top-center;background-repeat:no-repeat; -webkit-background-size: 100%; -moz-background-size: 100%;-o-background-size: 100%;background-size:100%; }

.imageMap a.p2 {display:block; position:absolute; background-image:url('img/nav/author.png');background-position:center;background-repeat:no-repeat;-webkit-background-size: 100%; -moz-background-size: 100%;-o-background-size: 100%;background-size:100%;}
.imageMap .hotspots div:hover a.p2 {background-image:url('img/nav/author_rollover.png');background-position:top-center;background-repeat:no-repeat;-webkit-background-size: 100%; -moz-background-size: 100%;-o-background-size: 100%;background-size:100%;}

.imageMap a.p3 {display:block; position:absolute; background-image:url('img/nav/press.png');background-position: center;background-repeat:no-repeat;-webkit-background-size: 100%; -moz-background-size: 100%;-o-background-size: 100%;background-size:100%;}
.imageMap .hotspots div:hover a.p3 {background-image:url('img/nav/press_rollover.png');background-position:top-center;background-repeat:no-repeat;-webkit-background-size: 100%; -moz-background-size: 100%;-o-background-size: 100%;background-size:100%;}

.imageMap a.p4 {display:block; position:absolute; background-image:url('img/nav/home.png');background-position: center;background-repeat:no-repeat;-webkit-background-size: 100%; -moz-background-size: 100%;-o-background-size: 100%;background-size:100%;}
.imageMap .hotspots div:hover a.p4 {background-image:url('img/nav/home_rollover.png');background-position:top-center;background-repeat:no-repeat;-webkit-background-size: 100%; -moz-background-size: 100%;-o-background-size: 100%;background-size:100%;}

.imageMap a.p5 {display:block; position:absolute; background-image:url('img/nav/purchase.png');background-position: center;background-repeat:no-repeat;-webkit-background-size: 100%; -moz-background-size: 100%;-o-background-size: 100%;background-size:100%;}
.imageMap .hotspots div:hover a.p5 {background-image:url('img/nav/purchase_rollover.png');background-position:top-center;background-repeat:no-repeat;-webkit-background-size: 100%; -moz-background-size: 100%;-o-background-size: 100%;background-size:100%;}

.imageMap a.p6 {display:block; position:absolute; background-image:url('img/nav/director.png');background-position: center;background-repeat:no-repeat;-webkit-background-size: 100%; -moz-background-size: 100%;-o-background-size: 100%;background-size:100%;}
.imageMap .hotspots div:hover a.p6 {background-image:url('img/nav/director_rollover.png');background-position:top-center;background-repeat:no-repeat;-webkit-background-size: 100%; -moz-background-size: 100%;-o-background-size: 100%;background-size:100%;}

.imageMap a.p7 {display:block; position:absolute; background-image:url('img/nav/illustrator.png');background-position: center;background-repeat:no-repeat;-webkit-background-size: 100%; -moz-background-size: 100%;-o-background-size: 100%;background-size:100%;}
.imageMap .hotspots div:hover a.p7 {background-image:url('img/nav/illustrator_rollover.png');background-position:top-center;background-repeat:no-repeat;-webkit-background-size: 100%; -moz-background-size: 100%;-o-background-size: 100%;background-size:100%;}

@media only screen and (min-width:768px) and (max-width:959px){
	#row{margin-right:auto;margin-left:auto;text-align:center;}
	.left{float:none;max-width:250px;margin-left:2%;display:inline-block;}
	.lefttext{float:none;max-width:905px;padding-left:5%;padding-right:5%;margin-left:auto;margin-right:auto;font-family:Verdana, Geneva, sans-serif;color:#fff;font-size:1.0em;line-height:1.4em;}
.right{float:none;max-width:905px;min-width:254px;padding-left:5%;padding-right:5%;margin-left:auto;margin-right:auto;font-family:Verdana, Geneva, sans-serif;color:#fff;font-size:1.0em;line-height:1.4em;clear:both;}
.imageMappage {float:none;display:inline-block;}

.title{width:50%;max-width:434px;min-width:300px;}
.footerpage{padding-top:2%;}

#comp {display:none;}
#mobile {display:inherit;}

input[type=text]{width:40%;}

input[type=submit]{margin-left:16%;width:20%;
}


label {
		float: left;
	text-align: right;
	margin-right: 1%;
	width:15%;
}
}


@media only screen and (max-width:767px){
	
.socialL{float:none;margin-left:auto;margin-right:auto;margin-bottom:1%;max-width:200px;min-width:100px;}
.socialR{float:none;margin-left:auto;margin-right:auto;margin-bottom:1%;max-width:200px;min-width:100px;}
.title{width:100%;max-width:700px;min-width:300px;}
.footer{margin-top:2%;margin-bottom:5%;}


/* Image map styles */
.imageMap {width:90%; position:relative; margin-bottom:;max-width:900px;min-width:300px;}


.imageMap a.p2 {left:60%; top:23%; width:21%; height:10%;max-width:110px;min-width:60px;max-height:45px;min-height:30px;}

.imageMap a.p4 {left:22%; top:35%; width:26.5%; height:10%;max-width:115px;min-width:60px;max-height:45px;min-height:30px;}

.imageMap a.p7 {left:50%; top:65%; width:28%; height:10%;max-width:152px;min-width:75px;max-height:50px;min-height:30px;}




#row{margin-right:auto;margin-left:auto;text-align:center;}
	.left{float:none;width:85%;max-width:405px;min-width:254px;margin-left:0%;margin-right:auto;margin-left:auto;display:block;}
	.lefttext{float:none;width:85%;max-width:905px;min-width:254px;margin-left:0%;margin-right:auto;margin-left:auto;font-family:Verdana, Geneva, sans-serif;color:#fff;font-size:1.0em;line-height:1.4em;}
.right{float:none;width:85%;max-width:905px;min-width:254px;padding-left:0%;padding-right:0%;margin-left:auto;margin-right:auto;font-family:Verdana, Geneva, sans-serif;color:#fff;font-size:1.0em;line-height:1.4em;clear:both;}
.imageMappage {float:none;display:block;margin-right:auto;margin-left:auto;margin-bottom:15%;}

.title{width:40%;max-width:434px;min-width:350px;}
.footerpage{padding-top:2%;}

#comp {display:none;}
#mobile {display:inherit;min-width:300px;}

input[type=text]{width:50%;}

input[type=submit]{margin-left:27%;width:30%;
}


label {
		float: left;
	text-align: right;
	margin-right: 2%;
	width:25%;
}
}