@charset "utf-8";
html, body {
	height:100%;
}
body {
	margin: 0;
	padding: 0;
	width:100%;
	background:#abd2f9 url(../images/interior_wave-bg.jpg) repeat center top; 
	font-size: 20px;
	font-family: "ff-tisa-web-pro",serif;
	color: #0e0e0e;
	line-height: 1.4;	
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
a img {border:none;}
a:link {color:#34018b; text-decoration:underline;}
a:visited {color:#34018b; text-decoration:underline;}
a:hover, a:active, a:focus {color:#34018b; text-decoration:underline;}

#interior_container {padding-top:399px; width:100%; overflow-x: hidden;}
#header_container {height:399px; position:absolute; top:0; left:0; width:100%; z-index:9999; border-bottom: solid 5px #e3cf68;}
#header_container header {max-width:1192px; height:399px; margin:0 auto; background:url(../images/interior_hdr-blueline.png) center center no-repeat; position:relative;}




#header_container header h1 {margin:0; padding:99px 0 35px 0; text-align:center;}
#header_container header h1 img {max-width:433px; height:auto; width:90%;}
#header_container header h2 {
	margin:0; 
	padding:0; 
	text-align:center;
	font-size: 38px;
	font-family: "adobe-caslon-pro", serif;
	color:#fff;
	line-height: 1.1;
	font-weight:600;
	letter-spacing: 4px;
}
#header_container header #top_navs-holder {display:none; background:url(../images/menu_bg.png); position:absolute; left:50%; top:40px; width:320px; margin-left:-160px; padding:20px 0;}

#nav_toggle {display:block; width:57px; height:38px; position:absolute; left:50%; top:5px; outline: none; margin-left:-28px; background:url(../images/menu_trigger.png);}

#nav_toggle span {display:block; width:28px; height:4px; background: url(../images/menu_line.png) 0 0 no-repeat; position:absolute; left:15px; top:26px;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
}
#nav_toggle:before {
content: "";
position: absolute;
left: 15px;
top: 19px;
width:28px; height:4px; background: url(../images/menu_line.png) 0 0 no-repeat;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
}
#nav_toggle:after {
content: "";
position: absolute;
left: 15px;
top: 12px;
width:28px; height:4px; background: url(../images/menu_line.png) 0 0 no-repeat;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
}

#nav_toggle.close span {
  background: transparent;
}


#nav_toggle.close:before {
	transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
	top:18px;
}


#nav_toggle.close:after {
	transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
	top:18px;
}
#header_container header nav {position: relative; margin-left:30px;}
#header_container header nav ul {margin:0; padding:0; list-style:none;}
#header_container header nav li {margin:0 0 6px 0; padding:0; font-size:18px;}
#header_container header nav li a {
	display: inline-block;
	font-size: 17px;
	font-family: "ff-tisa-web-pro", serif;
	color: #bbdbfa;
	font-style: italic;
	line-height: 17px;
	height: 17px;
	text-decoration:none;
	font-style:italic;
}
#header_container header nav li a:hover {
	color:#fff;
	text-decoration:none;
}

#header_container header nav li a.topnav_highlight {
	color:#fff;
	background:url(../images/interior_nav-star.png) no-repeat;
	background-size:contain;
}

#header_container header #topnav-left {}
#header_container header #topnav-left ul li {text-align: center;}
#header_container header #topnav-left ul li a {padding:0 30px 0 0; text-align:center;}
#header_container header #topnav-left ul li a.topnav_highlight {background-position:right center;}

#header_container header #topnav-right {}
#header_container header #topnav-right ul li {text-align: center;}
#header_container header #topnav-right ul li a {padding:0 30px 0 0; text-align:center;}
#header_container header #topnav-right ul li a.topnav_highlight {background-position:right center;}

#tour_link {text-align:center; position: relative; display: block;}
#tour_link a {padding-right:30px;}
#tour_link .tourlink_highlight {
	color:#fff;
	display:inline-block;
	position:relative;
}

#tour_link .tourlink_highlight span {
	display:block;
	width:25px;
	height:25px;
	background:url(../images/interior_nav-star.png) no-repeat right center;
	position:absolute;
	right:-30px;
	top:0px;
}


#content_holder {max-width:1192px; margin:0 auto; position:relative;}
#content_container {max-width:860px; margin:0 auto; padding:0 10px 30px 10px;}
#content_container #subnav {text-align:center; padding:30px 0;}
#content_container #subnav ul {display:block; margin:0; padding:0;}
#content_container #subnav ul li {display:inline-block; margin:0; padding:0; height:64px;}
#content_container #subnav ul li a {
	display:inline-block; 
	margin:0; 
	padding:0; 
	height:64px;
	font-size: 18px;
	font-family: "ff-tisa-web-pro", serif;
	color:#000;
	font-style: italic;
	line-height:64px;
	text-align:center;
	text-decoration:none;
	padding:0 10px;
}
#content_container #subnav ul li a:hover {text-decoration:underline;}
#content_container #subnav ul li a.subnav_highlight {background:url(../images/interior_subnav-star.png) center center no-repeat;}

#content_container section article p {
  margin:0 0 26px 0;
  padding:0;
}

#content_container section article h3 {
	color:#34018b;
	margin:0 0 26px 0;
	padding:0;
	font-family: "ff-tisa-web-pro", serif;
	font-weight:700;
}

#content_container section article h4 {
	margin:0 0 26px 0;
	padding:0;
	font-family: "ff-tisa-web-pro", serif;
	font-weight:500;
	font-style: italic;
}

#content_container section article p:last-child {
  margin:0 0 0 0;
}

#content_container section article p.article_first {
  font-size: 26px;
  font-family:  "ff-tisa-web-pro", serif;
  color: #0e0e0e;
  text-align: left;
}

#content_container section aside {float:none; margin:0 0 20px 0px; text-align:center;}
.star_divider {text-align:center; height:124px; padding:30px 0; box-sizing:border-box;}

.orderbooks_aside-vertical {display:none;}
.orderbooks_aside-horizontal {display:block; max-width:100%; width:100%; height:inherit;}


/* About Brian */
.interior_brian #header_container {background:#28016a url(../images/about_brian_hdr.jpg) center center no-repeat; background-size:cover;}
.article_left {width:100%; box-sizing:border-box; float:none; padding:0 0 0 0;}
.article_right {width:100%; box-sizing:border-box; float:none; padding:20px 0 0 0;}

.publisher {font-size:  16px;}
.collab {font-size:  18px;}
.brian_books {line-height: 1;}

/* About the Book */
.interior_book #header_container {background:#28016a url(../images/about_book_hdr.jpg) center center no-repeat; background-size:cover;}

#about_book-cover {text-align:center; margin-bottom:90px; width:100%; position:relative;}
#video_link {display:block; width:170px; height:170px; background:url(../images/videostar.png) 0 0 no-repeat; text-align:center; font-size:17px; line-height:18px; color:#34018b; text-decoration:none; font-family: "ff-tisa-web-pro", serif; font-weight:700; position:absolute; left:50%; margin-left:-85px; bottom:-80px; box-sizing:border-box; padding-top:60px;}
#video_link:hover {color:#055fbb;}

.behind_images img {display:block; max-width:100%; border: solid 3px white;}



/* News */
.interior_news #header_container {background:#28016a url(../images/news_hdr.jpg) center center no-repeat; background-size:cover;}
#tour_section {text-align: center;}
#tour_section h2 {text-align:center; margin:0; padding:0; font-size:28px;  font-family:"ff-tisa-web-pro", serif;}
#tour_section header nav ul {margin:0; padding:0; list-style:none; text-align:center;}
#tour_section header nav ul li {margin:10px 0 50px 0; padding:0; display:inline-block;}
#tour_section header nav ul li a {
	font-size: 18px;
	font-family: "ff-tisa-web-pro", serif;
	color:#000;
	font-style: italic;
	text-align:center;
	text-decoration: underline;
	padding:0 10px;
}

#tour_section h4 {color:#34018b; margin:0; padding: 20px 0 0 0;;}

#tour_book-cover {text-align:center; margin-bottom:34px; width:100%; position:relative;}

/* Royal */
.interior_royal #header_container {background:#28016a url(../images/royal_hdr.jpg) center center no-repeat; background-size:cover;}
.image_bottom {text-align:center; border: solid 3px white;}
.image_top {text-align:center;}

.image_top img {border: solid 5px #fff; margin:34px auto 0 auto; width:100%; height:auto; box-sizing:border-box;}

.image_top_caption {font-size: 13px; text-align:center; width: 97%; margin: 0 auto; padding: 10px 0 0 0;}


/* Severs */
.interior_severs #header_container {background:#28016a url(../images/severs_hdr.jpg) center center no-repeat; background-size:cover;}
.severs_visit {text-align: center;}


/* Media Queries */

@media screen and (min-height: 400px) {
#interior_container .header-sticky {position:fixed; left:0; top:0; height:80px;}
#interior_container .header-sticky header {height:80px;}
#interior_container .header-sticky header #nav_toggle {left:10px; margin-left:0; top:20px;}
#interior_container .header-sticky header h1 { display:none;}
#interior_container .header-sticky header h2 { position:absolute; bottom:0px; left:0; width:100%; text-align:right; font-size:16px; line-height:18px; padding:4px 20px 14px 80px; box-sizing:border-box;}

#interior_container .header-sticky header #top_navs-holder {left:0px; margin-left:0px; top:80px;}	
}


@media only screen and (min-width: 370px) {
	
body {font-size: 22px;}
#content_container section article p.article_first { font-size: 28px;}	

}

@media only screen and (min-width: 480px) {
	

}

@media only screen and (min-width: 600px) {


}

@media only screen and (min-width: 768px) {




}


@media only screen and (min-width: 960px) {

#header_container header #top_navs-holder {
	display:block;
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	margin-left:0;
	padding:0 0 0 0;
	
	}
#nav_toggle {display:none;}


#interior_container .header-sticky {position:absolute; left:0; top:0; height:399px;}
#interior_container .header-sticky header {height:399px;}
#interior_container .header-sticky header h1 { display: block;}
#interior_container .header-sticky header h2 { position:relative; top: auto; left: auto; width:100%; text-align:center;}

#header_container header nav {position:absolute; top:115px; margin-left:0;}
#header_container header nav li {margin:0 0 2px 0; padding:0;}
#header_container header #topnav-left {left:20px;}
#header_container header #topnav-left ul li {text-align:left;}
#header_container header #topnav-left ul li a {padding:0 30px 0 0; text-align:left;}
#header_container header #topnav-left ul li a.topnav_highlight {background-position:right center;}

#header_container header #topnav-right {right:20px;}
#header_container header #topnav-right ul li {text-align:right;}
#header_container header #topnav-right ul li a {padding:0 0 0 30px; text-align:right;}
#header_container header #topnav-right ul li a.topnav_highlight {background-position:left center;}

#header_container header #tour_link {text-align:center; top:325px; left:0px; width:100%;}
#content_container {padding:0 0 30px 0;}


#header_container header h2 {
	font-size: 48px;
}



#header_container header nav li {font-size: 18px; margin:0 0 8px 0;}
#header_container header nav li a {
	font-size: 18px;
	line-height:25px;
	height:25px;
}

#content_container section aside {float:right; margin:0 0 20px 40px;}
.article_left {width:50%; box-sizing:border-box; float:left; padding:0 10px 0 0;}
.article_right {width:50%; box-sizing:border-box; float:right; padding:0 0 0 10px;}

.orderbooks_aside-vertical {display:block;}
.orderbooks_aside-horizontal {display:none;}

}



@media only screen and (min-width: 1024px) {	


}

@media only screen and (min-width: 1230px) {


}

@media only screen and (min-width: 1280px) {

}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

.interior_brian #header_container {background:#28016a url(../images/about_brian_hdr@2x.jpg) center center no-repeat; background-size:cover;}
.interior_book #header_container {background:#28016a url(../images/about_book_hdr@2x.jpg) center center no-repeat; background-size:cover;}
.interior_news #header_container {background:#28016a url(../images/news_hdr@2x.jpg) center center no-repeat; background-size:cover;}
.interior_royal #header_container {background:#28016a url(../images/royal_hdr@2x.jpg) center center no-repeat; background-size:cover;}
.interior_severs #header_container {background:#28016a url(../images/severs_hdr@2x.jpg) center center no-repeat; background-size:cover;}



}

/* IE8 Classes */
.ie8 {}