﻿html, body {height: 100%;}

img { -ms-interpolation-mode: bicubic; }

#wrap {min-height: 100%; min-width:960px;}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}



/* h1 {color: #fff; font: normal 1.3333333333px/0.8em 'Impact', 'Charcoal', Tahoma, sans-serif; margin:0;}
 .fontface h1 {font: normal 16px/18px 'ChampionHTFFeatherweight'; text-transform:uppercase;} */


/* HEADER */

/*
#header {position:relative;}
#header img.logo {position:absolute; top:20px; left:20px;}
#header ul.left-menu {padding-left: 240px; padding-top: 40px; list-style-type: none;}
#header ul.left-menu li {display: inline-table; margin-right:20px;}
#header ul.left-menu li a {font-size:1.66666667em; font-family:'Impact', 'Charcoal', Tahoma, sans-serif; margin:0; text-transform: uppercase; color: #666;}
#header ul.left-menu li a:hover, #header ul.left-menu li a.sel {color: #fff;}
.fontface #header ul.left-menu li a {font-size:20px; font-family:'ChampionHTFFeatherweight'; font-weight: 200; text-transform:uppercase;}
*/




.page-nav {position:absolute; right: 30px; top: 44px; width: 120px; text-align:right; margin-top:60px; color:#fff;}
.page-nav a img {vertical-align:bottom;}

/* FOOTER */



img.placeholder {width:100%; height: 100%;}

.covers {width:100%;}
.covers ul {list-style-type: none;}
.covers ul li {float:left; width:174px;height:248px;margin:0 16px 8px 0;overflow:hidden;text-align:center;}
.covers ul li img {width:auto; margin:0 auto; cursor:pointer;}

.cs {width:100%;}
.cs ul {list-style-type: none;}
.cs ul li {float:left; width:330px; height:230px; margin:0 16px 8px 0; overflow:hidden;}
.cs ul li img {height:200px;margin:0 2px 0 0; cursor:pointer; display:block; float:left;}
.cs ul li p {display:block; float:none; clear:both; text-align:left;margin-top:4px; text-transform: capitalize;}

dl {margin: 10px 0 40px 0;}
dt, dd {display: inline-table; margin:2px 8px 0 0; color: #fff; font-size:20px; line-height: 20px; text-transform: uppercase;}


ul.book-list li {font-size:20px; line-height: 22px; text-transform: uppercase;}

.basic .model-content .rbar .picbox {width: 740px; margin:0 auto;}
.basic .model-content .rbar .picbox img 
{
	max-height: 450px;
	height: expression(this.height > 450 ? 450: true);
 }
.basic .model-content {margin-top: 80px;}
.basic .model-content .lbar {width: 240px; position:absolute; top: 0; left: 20px; }
.basic .model-content .rbar {margin-left:260px; float:none;}
.basic #header ul.left-menu li {display: block; float:left; margin-right:20px;}

.basic .model-content .lbar p.lg {margin: 10px 0 40px 0; color: #fff; font-size:20px; line-height: 20px; text-transform: uppercase;}


@media screen and (max-width: 1024px) {
	html, body {height: auto;}
	#wrap {min-height: none;}
	#main {overflow:visible;padding-bottom: 0}
	#footer {position: relative;margin-top:0;height: 60px;clear:both;}
	
	.vb {width:310px;}
	.home-content {width:640px;}
	.home-content ul li {margin:6px 6px 0 0; width:312px;}
	.model-content .lbar {width:98%;position:relative;left:0;top:0;margin:0 auto;}
	.model-content .lbar h1 {margin-bottom:0;}
	.model-content .rbar {width:98%;float:none; margin:0 auto 20px auto;}
	dl {margin:0;}
	dl br {display:none;}
	ul.book-list li {float:left; margin-right: 10px;}
	#footer br {display:none;}
	#footer ul {float:none; position:relative; margin:10px auto 10px auto; display: block; width:98%;}
	#footer ul.modelmenu {float:none; position:relative; margin:10px auto 10px auto; display: block; width:98%;}
	#footer ul li {}
}

/*
@media screen and (max-width: 640px) {
	#header ul {float:none; padding-left: 20px; padding-top: 80px; list-style-type: none;}
	#header ul li {display: block;}
	#header ul li a {font-size: 1.2em;}
	.fontface #header ul li a {font-size:1.3em;}
	.home-content {width:280px; margin:0 auto;}
	.home-content ul {margin-top:20px;}
	.home-content ul li {float:none; margin:0 0 8px 0; width:276px;}
	.vb {width:270px;}
}
*/

/* utils */
.h {display:none;}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

