/*****************
css sticky footer
*****************/
* {margin:0;padding:0;} 
html, body, #wrap {height: 100%; min-width:996px;}
body > #wrap {height:auto; min-height:100%;}
#main {padding-bottom:116px;}
#footer {
	position:relative;
	margin-top:-116px; /* negative value of footer height */
	min-width:996px;
	height:116px;
	clear:both;
	} 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}


/*****************
grid & default
*****************/
body { 
	background-color:#FFFFFF;
	font:12px/1.2 Verdana,Arial,'Liberation Sans',FreeSans,sans-serif;
	}
img { border:0; }
:focus { outline:0; }

.left-col { float:left; padding-left:20px; width:293px; }
.rborder { border-right:1px solid #CCCCCC; }
.left-text, .footer-left-text { color:#999999; padding-right:20px; }
.clear-col { float:left; height:116px; width:20px; }
.main-col { margin-left:334px; }
.main-col .clearfix { clear:both; height:20px; }

a, #bbook h1, #bbook-view h1,  #info h1, .footer h1, div.cont-title { color:#014073; }
#bbook h1, #bbook-view h1,  #info h1, .footer h1, div.cont-title { font-size:1.1em; }


/*** --- ***/
img.logo { cursor:pointer; padding:28px 0 28px 28px; }
.left-text { padding-top:20px; }

#bb-list { clear:both; padding-top:20px; }
.bbico-list { float:left; text-align:center; width:150px; }
.bbico { display:block; }
.bbico-list h2 {
	font-size:1em;
	font-weight:normal;
	margin-bottom:7px;
	text-decoration:underline;
	}
.bbico-list a { color:#8F8E8E; }

.bbook-ico {
	border:1px solid #CCCCCC;
	cursor:pointer;
	display:block;
	margin-bottom:30px;
	width:400px;
	-ms-interpolation-mode:bicubic;
	}

#bbook-view { width:404px; }
.bbook-about, .left-article { padding:20px 0 40px 0; }
#bbook h1, #bbook-view h1,  #info h1 {
	margin-bottom:54px;
	padding-bottom:20px;
	padding-top:48px;
	text-transform:uppercase;
	}
.bbook-about h2 { display:inline; }
.paginator { text-align:right; }

.infolist { padding:10px 0 20px 0; }
.infolist-title { text-align:right; width:450px; }
.infolist-text { text-align:justify; width:450px; }

#info { padding-bottom:30px; padding-right:200px; text-align:justify; }

.footer { height:109px; padding-top:7px; }
.footer div.cont-title { font-weight:bold; margin-bottom:7px; text-transform:uppercase; }

.left-article {}