html, body, div, span, applet, object, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0;border: 0; vertical-align: top; font-family:Calibri, Arial, Helvetica, sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table { border-collapse: collapse;border-spacing: 0;}
a:link, a:visited, a:hover, a:active {outline:none; color:#222; }
@font-face {
font-family: 'Conv_Gotham-Book';
src: url('../fonts/Gotham-Book.eot');
src: local('☺'), url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf') format('truetype'), url('../fonts/Gotham-Book.svg') format('svg');
font-weight: normal;
font-style: normal;
/*font-family:'Conv_Gotham-Book',Sans-Serif;*/
}
/*types*/
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-family:'Conv_Gotham-Book',Sans-Serif; font-weight:normal;}
h3 { font:bold 28px 'Conv_Gotham-Book',Sans-Serif; letter-spacing:-1px; color:#000; line-height:36px; margin:0 0 10px; text-shadow:1px 1px 0 #fff; }
h1 { margin:0 0 30px; color:#fff; line-height:36px; text-shadow:1px 1px 2px #555; font:bold 28px 'Conv_Gotham-Book',Sans-Serif; background:url(../images/h1-bkg.png) no-repeat; height:36px; }
h1 span { display:inline-block; margin:0 0 0 7px; background:url(../images/h1-bkg2.png) repeat-x; height:36px; padding:0 20px 0;}
p { font-size:20px; text-align:justify; line-height:26px; padding:0 0 30px; margin:0; color:#cdd3de; letter-spacing:-.3px;}
h4 { font-size:20px; color:#fff;}
h2 { margin:10px 0 10px; color:#fff; text-shadow:1px 1px 1px #333; font:bold 24px 'Conv_Gotham-Book',Sans-Serif;}
h6 { font-size:16px; font-style:italic; line-height:20px; text-decoration:none; color:#00629f; margin:0 0 15px;}
/*supports*/
.fleft {float:left !important;}
.fright {float:right !important;}
.aright {text-align:right !important;}
.aleft {text-align:left;}
.acenter {text-align:center !important;}
.NobtmMrgn {margin-bottom:0 !important;}
.NoBg {background:none !important;}
.NoPad {padding:0 !important;}
.clear {font-size: 0;clear: both ;height: 0;}
/*skeleton*/
body { background:url(../images/html-body-bkg.png) repeat scroll;}
.content-holder { clear:both; padding:0 20px; margin:0 auto;}
ul.menu { margin-left:20px;}
ul.menu li { list-style:none; margin:0 6px; padding:0; float:left;}
ul.menu li a { font-family:'Conv_Swiss 721 Bold Condensed',Sans-Serif; text-transform:uppercase; display:inline-block; padding:7px 10px; font-size:20px; color:#fff; text-decoration:none; background:none;}
img.logo { margin:29px auto;}
ul.menu li a:hover, ul.menu li a.Active { background:#dfcf91; color:#312912;}
.blue { color:#0c8ee6 !important;}
.black { color:#000 !important;}
.wrapper { widows:100%; background:url(../images/white-bkg-y.png) repeat-y right 0;}
#page, #header { width:100%;}
#main, #nav { width:1170px; margin:0 auto;}
.banner-holder { width:1170px; margin:0 auto; position:relative; height:635px; }
.banner-holder_inside { width:1170px; margin:0 auto; position:relative; height:300px; }
.home-banner { width:100%; background:url(../images/home_banner.jpg) no-repeat center top; height:638px;}
.inside-banner { width:100%; background:url(../images/inside_banner.jpg) no-repeat center top; height:300px;}
.row { width:100%;}
.col50 { width:50%;}
img.books { position:absolute; right:0; top:225px;}
img.banner-ttl { margin:20px 0 0 110px;}
img.logo { margin:150px 0 0;}
img.logo_inside { margin:40px 0 0;}
p span { }
#sm img { margin:20px 0 5px 5px;}
.content { width:835px;}
.content p { text-shadow:1px 1px 0 #333;}
#main { padding:70px 0 50px;}
#footer { width:100%; background:url(../images/footer-bkg.png) repeat-x 0 0; color:#fff; margin:40px 0 0;}
#footer p { font-size:18px;}
#fnav { width:100%; text-align:center; margin:0 0 30px;}
#fnav a { display:inline-block; margin:0 10px 0; padding:0 10px 0; color:#000; text-decoration:none; height:43px; line-height:43px; font-size:20px; text-shadow:0px 1px 1px #fff; }
#fnav span {line-height:43px; font-weight:normal;}
.footer-holder { width:1170px; margin:0 auto; height:170px;}
.ftr-col1 { width:200px;}
.ftr-col2 { width:300px;}
.ftr-col3 { width:500px;}
.ftr-col1 a, .ftr-col2 a, .ftr-col3 a { color:#fff; text-decoration:none;}
.ftr-col1 a:hover, .ftr-col2 a:hover, .ftr-col3 a:hover { text-decoration:underline;}
.sidebar { width:254px; background:url(../images/sidebar-bkg.png) repeat-y center top; padding:8px;}
.sd-holder { background:url(../images/sdb-bkg.png) repeat; padding:25px; clear:both; margin:0;}
#sd-sm img { margin:20px 5px 20px 5px;}
/*blog*/
ul.blogs { list-style:none; margin:0; padding:0;}
ul.blogs li { clear:both; border-bottom:solid 1px #fff; margin:0 0 10px; padding:10px 0 0; width:100%;}
ul.blogs li:last-child { border:none; margin:0; padding:0}
ul.blogs li h5 { color:#00629f; margin:0 0 10px;}
ul.blogs li img { float:left; margin:3px 10px 0 0;}
ul.blogs li p { font-size:16px; color:#222; text-align:left; line-height:18px; margin:0; padding:0 0 18px;}
ul.blogs li p a { color:#038ee5; text-decoration:none;}
h5, ul.blogs h5 a { font-size:16px; font-weight:bold; text-decoration:none; color:#00629f;}
ul.blogs h5 a:hover{ color:#333;}
/*spirte-navigation*/
#nav {background:url(../images/sprite_nav.png) no-repeat;width: 1170px;height: 74px;margin: 22px 0 0;padding: 0;}
#nav li, #nav a {height: 74px;display: block;}
#nav li {float: left;list-style: none;display: inline;text-indent: -9999em;}
#nav-01 { width: 112px; }
#nav-02 { width: 256px; }
#nav-03 { width: 209px; }
#nav-04 { width: 200px; }
#nav-05 { width: 159px; }
#nav-01 a:hover, #nav-01 a.navAct { background:url(../images/sprite_nav.png) 0px -74px no-repeat; }
#nav-02 a:hover, #nav-02 a.navAct { background:url(../images/sprite_nav.png) -112px -74px no-repeat; }
#nav-03 a:hover, #nav-03 a.navAct { background:url(../images/sprite_nav.png) -368px -74px no-repeat; }
#nav-04 a:hover, #nav-04 a.navAct { background:url(../images/sprite_nav.png) -577px -74px no-repeat; }
#nav-05 a:hover, #nav-05 a.navAct { background:url(../images/sprite_nav.png) -777px -74px no-repeat; }
#online_stores { margin:20px 0 0;}
#online_stores img { width:25%; float:left; margin:5px 15px 10px 0;}
a.readmore { padding:3px 10px; display:inline-block; margin:0; background:#0c8ee6; color:#fff; text-decoration:none;}
a.readmore:hover { background:#000; color:#fff;}
/*#books img { display:block; outline:none; margin:0 0 50px;} */
#cont-form-address { width:40%; float:left; padding:0; color:#f3f3f3; margin:0 0 50px;}
#cont-form-page { width:40%; border-left: dashed 1px #333; padding:0 0 0 30px; float:left;}
#cont-form * {
font-size:20px;
margin:0; padding:0;
}
#cont-form label {
color:#ccc; width:160px; float:left;
display:block;
margin:0 0 3px;
}
#cont-form input.tfield-m {
width:260px;
padding:3px 3px 3px 5px; font-size:16px;
display:block;
outline:none;
border:solid 1px #333;
margin:0 0 15px;
height:30px;
background:url(../images/transpx5.png) repeat;
color:#59ade7;
}
#cont-form input.tfield-x {
width:554px;
padding:3px;
display:block;
outline:none;
border:solid 1px #333;
margin:0 0 15px;
height:20px;
background:#222;
color:#59ade7;
}
#cont-form input.tfield-s {
width:115px;
padding:3px 3px 3px 5px;
display:block;
outline:none;
border:solid 1px #333;
margin:0 0 15px;
height:22px; font-size:16px;
background:url(../images/transpx5.png) repeat;
color:#59ade7;
}
#cont-form textarea {
width:260px;
padding:3px 3px 3px 5px; font-size:16px;
display:block;
outline:none;
border:solid 1px #333;
margin:0 0 15px;
font-family:Arial, Helvetica, sans-serif;
height:60px;
background:url(../images/transpx5.png) repeat;
color:#59ade7;
}
#cont-form #submit {
color: #fff;
font-size: 0;
width: 110px;
height: 40px;
border: none;
margin: 20px 0 0 0;
cursor:pointer;
padding: 0;
background:url(../images/submit_btn_05.png)
}
#cont-form .captcha {
width:86px;
padding:0; font-size:16px;
display:block; background:#fff;
outline:none; float:left;
margin:0 10px 0 0;
}
img.ltimg {float:left; margin:10px 30px 10px 0;}
img.rtimg {float:right; margin:10px 0 10px 30px;}
ul.reviews { list-style:none; padding:0; margin:0;}
ul.reviews li { clear:both; border-bottom:dashed 1px #fff; font-size:16px; color:#222; text-align:left; line-height:18px; margin:0 0 10px; padding:5px 0 10px;}
ul.reviews li span { color:#038ee5; text-decoration:none; display:block; padding:10px 0; text-align:right; margin:0 0 0; font-weight:bold; }
ul.reviews li:last-child { border:none;}
/*books*/
#book1, #book2, #book3, #book4 { width:835px; height:465px; margin:0 0 30px;}
#book1 { background:url(../images/books/book1.png) no-repeat;}
#book2 { background:url(../images/books/book2.png) no-repeat;}
#book3 { background:url(../images/books/book3.png) no-repeat;}
#book4 { background:url(../images/books/book4.png) no-repeat;}
.four-buttons { width:470px; float:right; margin:20px 0 0; padding:0 0 0; }
.four-buttons img {padding:0; float:left;}
.four-buttons p { text-align:right; font-weight:bold; color:#345395; text-shadow:0 0 1px #fff;}
.four-buttons p span { color:#111; font-weight:bold;}
a.more { color:#038ee5; text-decoration:underline !important;}
a.more:hover { color:#333; text-decoration:none !important;}
/*book boxes*/
.book_box { background:url(../images/book_box.png) no-repeat; width:785px; height:407px; padding:25px; margin:0 0 40px;}
.bbox-col1 { width:33%;}
.bbox-col2 { width:65%;}