@charset "UTF-8";
body {
	font: 100%/1.4 'Voltaire', Helvetica, Verdana, Arial, sans-serif;
	letter-spacing: .05em;
	background: #000;
	margin: 0;
	padding: 0;
}
*:focus {
    outline: none;
}
.container {
	width: 100%;
	float: left;
	margin: 0 auto; 
	overflow: hidden; 
}

.content {
	margin: 0 0 0 0;
	width: 100%;
}

.maincontent {
	margin: 0;
	padding: 0 15% 0 2%;
	width: 70%;
	max-width: 1000px;
}
.jumbo {
	margin-left: 10%;
}

ul, ol, dl, ol li { 
	font-size: 1.1em;
	margin-top: 0;	 
	margin-bottom: .5em;
	margin-left: 40px;
	padding: 0px; 
	color: #c398e8;
	line-height: 170%;
	letter-spacing: .05em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
}

p { 
	font-size: 1.1em;
	margin-top: 0;	 
	margin-left: 20px;
	margin-bottom: .5em;
	padding: 0px; 
	color: #c398e8;
	line-height: 170%;
	letter-spacing: .02em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
}



h1 {
	font-size: 1.4em;
	margin-top: 44px;	 
	padding-right: 15px;
	padding-left: 20px; 
	color: #9933cc;
	font-weight: normal;
	letter-spacing: .05em;
	font-family: 'Voltaire', Helvetica, Verdana, Arial, sans-serif;
}
.jumbo h1 {
	font-size: 6.4em;
	color: #f6f2f7;
	font-weight: normal;
	letter-spacing: .2em;
	font-family: 'Voltaire', Helvetica, Verdana, Arial, sans-serif;
}	
.jumbo h2 {
	font-size: 1.8em;
	margin-top: -60px;
	color: #9933cc;
	letter-spacing: .1em;
	font-family: 'Voltaire', Helvetica, Verdana, Arial, sans-serif;
}
h2 {
	font-size: 1.308em;
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 20px; 
	padding-bottom: 15px;
	color: #9933cc;
	letter-spacing: .05em;
	font-family: 'Voltaire', Helvetica, Verdana, Arial, sans-serif;
}

h3 {
	font-size: 2.2em;
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 20px; 
	padding-bottom: 2px;
	color: #9933cc;
	letter-spacing: .05em;
	font-family: 'Voltaire', Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
}

h4 {
	font-size: 3.8em;
	margin-top: 0px;	 
	margin-bottom: 0px;
	padding-right: 15px;
	padding-left: 20px; padding-bottom: 0;
	color: #9933cc;
	letter-spacing: .05em;
	font-family: 'Voltaire', Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
}

h5 {
	font-size: 1.85em;
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 20px; padding-bottom: 0px;
	color: #9933cc;
	letter-spacing: .05em;
	font-family: 'Voltaire', Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
}

h6 {
	font-size: 2em;
	color: #9933cc;
	padding: 0 0 10px 0;
	margin: 0;
	letter-spacing: .05em;
	font-family: 'Voltaire', Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
}
.nano {
	font-size: 1.8em;
	text-align: left;
	margin-left: 60px;
	margin-top: 88px;
}

#centered {
	text-align:center;
}

.responsible {
	font-size: .9em;
	color: #c398e8;
	font-weight: normal;
	line-height: 140%;
	letter-spacing: .05em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}
 
.responsible td {
  vertical-align: top;
  padding: 5px 5px 20px 20px;
}
	
container .text {
	width: 68%;
}

.purple {
	color: #9933cc;
	text-align: left;
	font-weight: normal;
}

.violet {
	color: #c398e8;
	text-align: left;
	font-size: 1.1em;
	line-height: 170%;
	font-family: Helvetica, Verdana, sans-serif;
	font-weight: normal;
	letter-spacing: .02em;
}

.violet-sm {
	font-size: .9em; letter-spacing: .044em;
	font-family: 'Voltaire', Helvetica, Verdana, Geneva, sans-serif;
	color: #c398e8;
	text-align: left;
	font-weight: normal;
}
.white {
	font-size: 1.3em;
	font-weight: 300;
	color: #ebccfb;
	text-align: left;
}

.fontcolorgray {
	color: #999999;
	font-size: 13px;
	line-height: 170%;
	letter-spacing: .05em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	padding-right: 15px;
}

nav {
	font-size: .8em;
	color: #d0cfd2;
	letter-spacing: .05em;
	font-family: 'Voltaire', Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	margin-top: 0;	 
	padding-left: 20px;
	padding-bottom: 100px;
}

.nav {
	color: #999999;
	font-size: .8em;
	letter-spacing: .05em;
	font-family: 'Voltaire', Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	padding-right: 15px;
}

.footer {
	color: #c398e8;
	font-size: .88em;
	line-height: 170%;
	font-family: Helvetica, Verdana, sans-serif;
	font-weight: normal;
	letter-spacing: .02em;
}

a:link, a:visited {
	color: #d0cfd2;
	text-decoration: none; 
	padding-bottom: .1em;
	transition: 1s ease;
}

a:hover, a:active, a:focus { 
	color: #666;
	border-color:#000000;
	outline-color:#000000;
	padding-bottom: .1em;
	border-bottom: #444 1px solid;
	transition: 1s ease;
}
.fixed a:hover, .fixed a:active, .fixed a:focus {
	border-bottom: #000;
}
.link-top-padding {
	margin-top: -2em;
}

.link1 {
	font-family: 'Voltaire', Helvetica, Verdana, sans-serif; font-size: 1.5em; letter-spacing: .11em; padding-left: 12%; padding-top: 60px; padding-bottom: 11px;
 -webkit-animation: fadein 5s; /* Safari and Chrome */
       -moz-animation: fadein 5s; /* Firefox */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera */
            animation: fadein 5s;
}

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

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



.link2 {
	font-family: 'Voltaire', Helvetica, Verdana, sans-serif; font-size: 1.5em; letter-spacing: .11em; padding-left: 18%; padding-bottom: 11px;
 -webkit-animation: fadein 10s; /* Safari and Chrome */
       -moz-animation: fadein 10s; /* Firefox */
        -ms-animation: fadein 10s; /* Internet Explorer */
         -o-animation: fadein 10s; /* Opera */
            animation: fadein 10s;
}

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

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.link3 {
	font-family: 'Voltaire', Helvetica, Verdana, sans-serif; font-size: 1.5em; letter-spacing: .11em; padding-left: 24%; padding-bottom: 11px;
 -webkit-animation: fadein 13s; /* Safari and Chrome */
       -moz-animation: fadein 13s; /* Firefox */
        -ms-animation: fadein 13s; /* Internet Explorer */
         -o-animation: fadein 13s; /* Opera */
            animation: fadein 13s;
}

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

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.link4 {
	font-family: 'Voltaire', Helvetica, Verdana, sans-serif; font-size: 1.5em; letter-spacing: .11em; padding-left: 34%; padding-bottom: 100px;
}

.fixed {
	position: fixed;
	right: 36px;
	bottom: 10px;
}
.fixed p { 
	font-size: .8em;
	width: 202px;
	margin-top: 0;	 
	margin-left: 0;
	margin-bottom: 0;
	letter-spacing: .044em;
	text-align: center;
	font-variant: small-caps;
}
#book-carousel-sm {
	display: none;
}
#book-carousel {
	display: block;
	width: 202px;
  height: 363px;
}
.fixedUR {
	position: fixed;
	right: 10px;
	top: 10px;
}
.google-translate {
	background: #000;
}
#text {
	margin-right: 300px;
}


.container .content p white {
	color: #FFFFFF;
}

.thankyou {
	margin-left: 300px;
	margin-top: 36px;
}

.text {
	background: #000000;
	margin-left: 14px;
}
.book-img {
	/*! width: 80%; */
	border: 1px solid #666666;
}
.book-img:hover {
	border: 1px solid #ccc;
	opacity: .8;
}
.box1 {display: block}
.box2, .box3 {display: none;}
.inline-img {
	padding-right: 20px;
	float: left;
	}

.caption {
	color: #999999;
	font-size: 1em;
	letter-spacing: .05em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	padding-right: 15px;
	line-height: 140%;
	text-align: left;
	width: 80%;
}
.img-100pc {
	width: 100%;
}
.order {
	width: 550px;
}

.dedication {
	width: 280px; padding-left: 10px;
}

.autograph-table-width {
	width: 450px;
}
table {
	color: #c398e8;
	line-height: 140%;
	letter-spacing: .02em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
}
.promises-perils td {
	padding-right: 14px;
	padding-bottom: 24px;
	vertical-align: top;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

	
@media (min-width:801px) and (max-width:920px) {
.link-top-padding {
	margin-top: -4em;
}
.order {
	width: 60%;
}
	}
	

	
	@media (min-width:751px) and (max-width:800px) {
		

.jumbo {
	margin-left: 5%;
}
.jumbo h1 {
	font-size: 6em;
}
.jumbo h2 {
	font-size: 1.5em;
	letter-spacing: .13em;
}
.link-top-padding {
	margin-top: 3.8em;
}
.maincontent {
	padding: 0 15% 0 0;
	width:  calc(100% - 140px);
} 
.fixed { 
	position: fixed;
	top: 10px;
	right: 10px;
	width: 100px;
		}
.fixed img {
	width: 100px;
}
.fixed p {
	width: 100px;
	line-height: 120%;
}
#book-carousel-sm {
	display: block;
}
#book-carousel {
	display: none;
}

.header { 
	margin-top: 100px;
	margin-left: 30px;
	text-align: left;
}
.the-good-the-bad {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	letter-spacing: .22em;
	padding-top: 0px;
	
}

.the-nano-age {
	font-family: 'Montserrat', 'Open Sans', helvetica, 'Titan One', cursive;
	font-size: 50px;
	font-weight: bold;
	letter-spacing: .1em;
	font-variant:small-caps;
	margin-top: 60px;
}

 .nano {
	font-size: 2em;
	text-align: left;
	margin-left: 10px;
	margin-top: 0;
	font-weight: normal;
}

.inline-img {
	padding-right: 0px;
	padding-bottom: 0px;
	float: none;
	}
.order {
	width: 55%;
}

	}
	@media (min-width:551px) and (max-width:750px) {
.jumbo {
	margin-left: 5%;
}
.jumbo h1 {
	font-size: 4.5em;
	margin-top: 24px;	 
}	
.jumbo h2 {
	font-size: 1.3em;
	letter-spacing: .1em;
	font-weight: 300;
}
.link-top-padding {
	margin-top: 3.8em;
}
.maincontent {
	width: 80%;
} 
.order {
	width: 30%;
}
.fixed { 
	position: fixed;
	top: 10px;
	right: 10px;
	width: 100px;
}
.fixed img {
	width: 100px;
}
.fixed p {
	width: 100px;
	line-height: 120%;
}
#book-carousel-sm {
	display: block;
}
#book-carousel {
	display: none;
}
.link1 {
	padding-top: 36px;
	padding-left: 10%;
}
.link2 {
	padding-left: 18%;
}
.link3 {
	padding-left: 26%;
}
.header { 
	margin-top: 80px;
	margin-left: 30px;
	text-align: left;
}
.the-good-the-bad {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	letter-spacing: .22em;
	padding-top: 0px;
	
}

.the-nano-age {
	font-family: 'Montserrat', 'Open Sans', helvetica, 'Titan One', cursive;
	font-size: 50px;
	font-weight: bold;
	letter-spacing: .1em;
	font-variant:small-caps;
	margin-top: 60px;
}

 .nano {
	font-size: 1.6em;
	text-align: left;
	margin-left: 10px;
	margin-top: 0;
	font-weight: normal;
}

.book-img:hover {
	transform: none;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
}

.inline-img {
	padding-right: 00px;
	padding-bottom: 0px;
	float: none;
	}
	}	
	

	
	@media (min-width:481px) and (max-width:550px) {
.jumbo {
	margin-left: 2%;
}
.link-top-padding {
	margin-top: 3.5em;
}
.maincontent {
	width:  calc(100% - 120px);
} 
.order {
	width: 20%;
}
.dedication {
	width: 20%;
}
.table-margin {
	width: 0px;
}
.autograph-table-width {
	width: 250px;
}

.fixed { 
	position: fixed;
	top: 10px;
	right: 10px;
	width: 80px;
	
		}
		.fixed img {
			width: 80px;
		}
		.fixed p {
			width: 80px;
			font-size: .75em;
			line-height: 120%;
		}
#book-carousel-sm {
	display: block;
}
#book-carousel {
	display: none;
}
.link1, .link2, .link3, .link4, .link5 { padding-left: 70px;}
		.link1 {
			padding-top: 36px;
		}
   .nano {
	font-size: 1.08em;
	text-align: left;
	margin-left: 0px;
	margin-top: 0;
	font-weight: bold;
}

.header { 
	margin-top: 80px;
	margin-left: 30px;
	text-align: left;
}

.the-good-the-bad {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	letter-spacing: .22em;
	padding-top: 0px;
	
}

.the-nano-age {
	font-family: 'Montserrat', 'Open Sans', helvetica, 'Titan One', cursive;
	font-size: 50px;
	font-weight: bold;
	letter-spacing: .1em;
	font-variant:small-caps;
	margin-top: 60px;
}
	
.jumbo h1 {
	font-size: 4em;
	margin-top: 24px;	 
}	
.jumbo h2 {
	font-size: 1.25em;
	margin-top: -40px;
}
h4 {
	font-size: 3.8em;
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 20px; margin-bottom: 4px;
	color: #9933cc;
	font-weight: bold;
}

h5 {
	font-size: 1.2em;
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 20px; padding-bottom: 0px;
	color: #9933cc;
	font-weight: 400;
}

.book-img:hover {
	transform: none;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
}

.inline-img {
	padding-right: 0px;
	padding-bottom: 0px;
	float: none;
	}
	
.reduce {
	width: 100%;
}
	}
	

	

@media (min-width:281px) and (max-width:480px) {
.jumbo {
	margin-left: 0;
}
.content {
	margin: 0 0 0 0;
	width: auto;
}
.maincontent {
	width: 94%;
} 
.fixed { 
	display: none;
	
		}

#book-carousel, #book-carousel-sm {
	display: none;
}
.order {
	width: 300px;
	text-align: left;
}
.dedication {
	width: 280px;
}

.autograph-table-width {
	width: 250px;
}
.link1, .link2, .link3, .link4, .link5 { 				
	padding-left: 10px;
}

.nano {
	font-size: 1em;
	text-align: left;
	margin-left: 0px;
	margin-top: 0;
	font-weight: bold;
}


.header { 
	margin-top: 80px;
	margin-left: 10px;
	text-align: left;
}
img {
	max-width: 100%;
}
.the-good-the-bad {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	letter-spacing: .2em;
	padding-top: 0px;
	
}

.the-nano-age {
	font-family: 'Montserrat', 'Open Sans', helvetica, 'Titan One', cursive;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: .1em;
	font-variant:small-caps;
	margin-top: 60px;
}

.jumbo h1 {
	font-size: 4em;
	margin-top: 24px;	 
}	
.jumbo h2 {
	font-size: 1.5em;
	margin-top: -40px;
}

h3 {
	font-size: 1.8em;
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 20px; padding-bottom: 2px;
	color: #9933cc;
	font-family: 'Open Sans', Helvetica, Verdana, sans-serif;
	font-weight: normal;
}

h4 {
	font-size: 2em;
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 20px; margin-bottom: 0px;
	color: #9933cc;
	/*! font-family: 'Open Sans', Helvetica, Verdana, sans-serif; */
	font-weight: bold;
}

h5 {
	font-size: 1em;
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 20px; padding-bottom: 0px;
	color: #9933cc;
	font-family: 'Open Sans', Helvetica, Verdana, sans-serif;
	font-weight: 400;
}

.book-img:hover {
	transform: none;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
}

footer {
	text-align: left;
}

.inline-img {
	padding-right: 0px;
	padding-bottom: 0px;
	float: none;
	}

.caption {
	font-size: .8em;
	color: #666666;
	line-height: 130%;
	text-align: left;
}
.reduce {
	width: 100%;
}
   
	}