@charset "utf-8";
html, body {
	height:100%;
}
html {background: #000}
body {padding:0 0 20px 0; margin: 0; font-family:"Times New Roman", Times, serif; font-size:17px; color:#000; line-height:1.2;}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
a img {border:none;}
a {color:#aa0f0f;}
a:hover {}

#hc_frame-left {box-sizing:border-box; margin:0 auto; max-width:1200px; min-width:320px; background:url(../images/border_left.gif) left top repeat-y;}
#hc_frame-right {box-sizing:border-box; background:url(../images/border_right.gif) right top repeat-y;}
#hc_frame-top {height:40px; background:url(../images/border_top.gif) center top repeat-x; position:relative; overflow:hidden;}
#hc_frame-btm {height:40px; background:url(../images/border_btm.gif) center top repeat-x; position:relative; overflow:hidden;}
.hc_frame-corner {height:40px; width:37px; overflow:auto; background:url(../images/corner.gif) 0 0 no-repeat; position:absolute; top:0;}
.hc_cornerleft {left:0;}
.hc_cornerright {right:0;}

#hc_content-holder {padding:3px; background:#fff; margin:0 37px;}
#hc_content {padding:0 10px 10px 10px; border:2px solid #666; position:relative; min-height:600px;}

#top_nav-holder {display:none;}

#hc_top-hdr {height:42px; text-align:center; font-family:P22ParrishRoman, serif; font-weight:500; font-size:14px; padding-top:8px; box-sizing:border-box;}
#hc_topnav {font-family:P22ParrishRoman, serif; font-weight:500; font-size:12px; text-transform:uppercase; text-align:center; position:relative;}
#hc_topnav a {color:#000; text-decoration:none; height:22px; line-height:22px; display:inline-block; padding:8px 14px;}
#hc_topnav a:hover {color:#999; text-decoration:none;}
#hc_topnav a.nav_highlight {display:none;}



#top_nav-holder a.subnav_header {display:block; font-family:P22ParrishRoman, serif; font-weight:500; font-size:12px; text-transform:uppercase; background:#ccc; text-align:center; padding:12px 0 6px 0; color:#fff;}

#hc_leftnav {font-family:P22ParrishRoman, serif; font-weight:500; font-size:12px; background:#ccc; padding:0 12px; margin-top:0px; text-align:center;}
#hc_leftnav a {color:#000; text-decoration:none; min-height:22px; line-height:22px; display:inline-block; padding:8px 14px; }
#hc_leftnav a span {display:block;}
#hc_leftnav a br {display:none;}
#hc_leftnav a:hover {color:#999; text-decoration:none;}

#hc_content a.nav_highlight {color:#aa0f0f; text-decoration:none;}


#nav_toggle {display:block; width:72px; height:42px; position:absolute; left:0; top:0; line-height:52px; outline: none;}
#nav_toggle span {display:block; width:34px; height:2px; background:#666; position:absolute; left:10px; top:21px;
	-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: 10px;
top: 15px;
width: 34px;
height: 2px;
background:#666;
	-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: 10px;
top: 27px;
width: 34px;
height: 2px;
background:#666;
	-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:21px;
}


#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:21px;
}



#hc_page-content {padding:0 0 0 0; margin-top:10px;}
#hc_page-content figure {padding: 0 0 0 0; text-align:center;}
#hc_page-content figure img {max-width:240px; width:100%; height:auto;}
#hc_page-content figcaption {text-align:center; font-size:11px; padding:4px 0 10px 0}
#hc_page-content P {
    font-family: Times, Times New Roman, serif;
    font-size: 16px;
    color: #000000;
	line-height:23px;
	margin-top:0;
}

/* About Hugo */
#hugo_intro_cover {display:block; margin:0 auto 28px auto; max-width:240px; width:100%;}
#hugo_intro_cover img {max-width:240px; width:100%; height:auto;}
#hugo_movies-left {display:block; margin: 0 0 20px 0; text-align:center;}
.hugo_models { text-align:center}
.hugo_models img {max-width:616px; width:100%; height:auto;}

/* About Brian */
.hc_brian-vertical {display:none}
.hc_brian-horizontal {display:block; margin:0 0 20px 0; text-align:center;}
.hc_brian-horizontal img {width:98%; max-width:480px;}

.hc_brianbooks-left1 {width:100%; box-sizing:border-box; float:none; padding:10px 0 10px 0;}
.hc_brianbooks-left2 {width:100%; box-sizing:border-box; float:none; padding:10px 0 10px 0;}

/* About Remy */
#remy-left {display:none;}
#remy-right {display:none;}
.remy-horizontal {display:block; text-align:center;}
.remy-horizontal img { margin-bottom:20px;}

/* About George */
#george-left {margin: 0 0 22px 0; text-align:center; display:block;}

/* Order Books */
#orderbooks_cover {display:block; margin:0 auto 28px auto; max-width:200px; width:100%; }
#orderbooks_cover img {max-width:200px; width:100%; height:auto;}

#orderbooks-bottom {text-align:center;}
#orderbooks-bottom span {display:block;}
#orderbooks-bottom img {margin:4px auto; display:inline-block;}


/* Media Queries */

@media only screen and (min-width: 370px) {
	
#hc_topnav {font-size:13px;}
#top_nav-holder a.subnav_header {font-size:13px;}
#hc_leftnav {font-size:13px;}



}


@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) {
#hc_top-hdr {display:none;}
#hc_topnav #hc_top-home {width:49px; height:68px; overflow:hidden; background: url(../images/tnav_home.png) 0 0 no-repeat; text-indent:-9999px; margin-top:5px;}
#hc_topnav #hc_top-home:hover { background-position:0 -68px;}
#nav_toggle {display:none;}
#top_nav-holder {display:block;}
#hc_topnav {height:104px; box-sizing:border-box;	
  display: -webkit-box;
  display: -moz-box; 
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content:space-between;
  -webkit-justify-content: space-between; 
}
#hc_topnav a {height:48px; line-height:48px; display:inline-block; padding:0;}
#hc_topnav a.nav_highlight {display: inline-block;}

#hc_leftnav {background:#fff; padding:0; text-align:left; position:absolute; left:10px; top:104px; z-index:999; width:130px;}
#hc_leftnav a {height:auto; line-height: 15px; padding:0px 0 10px 0; display:block; white-space: normal; }
#hc_leftnav a br {display: block;}
#hc_leftnav a span {display: inline-block;}
#hc_leftnav a:hover {}

#top_nav-holder a.subnav_header {display:none;}

#hc_page-content {padding:0 0 0 160px; margin-top:0;}
#hc_page-content figure {padding: 0 0 28px 28px; float:right;}
#hc_page-content figcaption {}

/* About Hugo */
#hugo_intro_cover {float:right; margin: 0 0 28px 28px; width:240px; height:356px;}


#hugo_movies-left {display:inline-block; float:left; margin: 0 20px 20px 0;}

/* About Brian */
.hc_brian-vertical {float:right; display:block; margin:0 0 20px 40px}
.hc_brian-horizontal {display:none;}
.hc_brianbooks-left1 {width:50%; float:left; padding:0 10px 0 0;}
.hc_brianbooks-left2 {width:50%; float:right; padding:0 0 0 10px;}

/* About Remy */
#remy-left {display:inline-block; float:left;}
#remy-left img {display:block; margin:0 20px 20px 0;}
#remy-right {display:block; float:right; width:199px; margin-left:20px; text-align:center;}
#remy-right img {margin-bottom:20px;}
.remy-horizontal {display:none;}

/* About George */
#george-left {float:left; margin: 0 22px 22px 0; display:inline-block}

/* About Movie */
.about_hugo_movie {width: 80%;}

/* Order Books */
#orderbooks-bottom {}
#orderbooks-bottom span {display: inline-block;}
#orderbooks-bottom img {margin:4px 4px; display:inline-block;}

#orderbooks_cover {float:left; margin: 0 28px 28px; width:200px; height:296px;}

}



@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) {

}

/* IE9 Classes */
.ie9 {}

.oldie #hc_topnav, .oldie #hc_leftnav {
    display: table;
    width: 100%;
}
.oldie #hc_topnav a, .oldie #hc_leftnnav a {
    display: table-cell;
    text-align: center;
}