@charset "utf-8";
/* CSS Document */
/*  Predefined  */
body{background-color:#fff;margin:0; font: 62.5% Arial,Helvetica,Tahoma, sans-serif; color:#000; padding:0}
p, form, img, ul, ol, dl, li, input, select, textarea, button{padding:0; margin:0; border:0; list-style:none;opacity: 0.9999}
a{color:steelblue; font-weight: bold;}
a:hover{text-decoration:none; color: darkorange;}
h1{font:1.7em "Myriad Pro",Arial,verdana; color:#000;margin:0; padding: 17px 0 10px 30px;}
h2{font:1.6em "Myriad Pro",Arial,verdana; color:#000;margin:0; padding:17px 0 10px 30px;}
h2 a, h2 a:hover{text-decoration:none;}
h3{font:1.5em "Myriad Pro",Arial,verdana; color:#fff; padding:17px 0 8px 23px;margin:0; text-align:left; clear:both;}
h5{font:1.4em "Myriad Pro",Arial,verdana; color:#000;margin:0; padding:17px 0 10px 30px;}
h4{font:bold 11px Tahoma; color:#000; margin:0; text-align:center; clear:both;}
input, select, textarea{margin:0; border:1px solid #7f7f7f; font:11px Arial, Helvetica, sans-serif; color:#363636; padding:2px 3px 1px 3px}
.clear{clear:both;}
.container{margin:0 auto; width:960px; position:relative;}
.center{margin:0 auto; width:890px; position:relative;}
.r {float:right}
.l {float:left}
/* layout */

#menu {height:56px; position:absolute; top:-41px; left: 154px; z-index:99;}


#menu li{float:left;text-align:center;background:#005ac6 url(../images/menu_bg.png) repeat-x;margin-right:1px;z-index:99}

#menu a{display:block;padding:11px 28px 10px 42px;color:#fff;font-size:14px;font-weight:bold;background: transparent url(../images/icons.gif) no-repeat;}
#menu a.home {background-position:23px 13px}
#menu a.authors {background-position:23px -17px}
#menu a.book {background-position:23px -45px}
#menu a.where {background-position:23px -72px}
#menu a.blog {background-position:23px -101px}
#menu a.resources {background-position:23px -131px}
#menu a.contacts {background-position:23px -156px}

#menu li a:hover,#menu li:hover a{background:#5195e1 url(../images/icons.gif) no-repeat;}
#menu a:hover.home,#menu li:hover a.home {background-position:23px -184px}
#menu a:hover.authors,#menu li:hover a.authors {background-position:23px -214px}
#menu a:hover.book,#menu li:hover a.book {background-position:23px -242px}
#menu a:hover.where,#menu li:hover a.where {background-position:23px -269px}
#menu a:hover.blog,#menu li:hover a.blog {background-position:23px -298px}
#menu a:hover.resources,#menu li:hover a.resources {background-position:23px -328px}
#menu a:hover.contacts,#menu li:hover a.contacts {background-position:23px -353px}

#menu ul{float:left;display:none;position:absolute;z-index:99;width:200px;top:37px;background-color:#5195e1}
#menu ul li{float:none;z-index:99;text-align:left;background:#5195e1 url(../images/dot_white.gif) 0 33px no-repeat;}
#menu ul a,#menu li:hover ul a{text-indent:35px;float:left;width:200px;background:#5195e1 url(../images/arrows.png) 15px 12px no-repeat;padding:8px 0 10px ;z-index:99;font-size:1.2em;font-weight:normal;}
#menu ul a:hover,#menu li:hover ul a:hover{background-position:15px -23px}
#menu ul li.last a {padding-bottom:9px}
#menu ul li.last{background-image:none}
#menu ul a:hover{background:#5195e1}
#menu li:hover ul{display:block }

.dbluebg {background-color:#003e7d;height:82px;border-bottom:4px solid #5195e1}
.dbluebg .shadow{background: url(../images/shadow.gif) repeat-x;display:block;height:7px;position:absolute;top:85px;width:100%}
.bluebg {clear:both;background:#1e6bc7 url(../images/blue_gradient.png) 0 100% repeat-x;text-align:center;}
div.bluebg div.container {text-align: left;}

.graybg {background-color:#cbdcf1;text-align: center;}
.graybg ul{/*float:left;*/width:115px;padding:0 10px;font-size:1.2em;margin:20px 0;display: inline-block;}
.graybg .first{font-weight:bold;font-size:1em;/*background:url(../images/dot.gif) 0 24px repeat-x;margin-bottom:10px*/height:auto;}
.graybg .first a{padding-left:20px;background:url(../images/icons.gif) no-repeat;}
.graybg li {font-size:0.9em;height:25px;text-align: left;}

.graybg ul.home .first a {background-position:0 2px}
.graybg ul.authors .first a {background-position:0 -27px}
.graybg ul.book .first a {background-position:0 -56px}
.graybg ul.where .first a {background-position:0 -83px}
.graybg ul.blog .first a {background-position:0 -113px}
.graybg ul.resources .first a {background-position:0 -141px}
.graybg ul.contacts .first a {background-position:0 -167px}

.graybg a {color:#3070ac}
.graybg a:hover{color:#002d57}

.foot{color:#4774ac;font-size:1.1em;margin:20px auto 30px}
.foot strong{color:#002d57}
.foot a {color:#002d57;text-decoration:underline;font-weight:bold}
.foot a:hover {text-decoration:none}
.foot .r{text-align:right}

#logo{position:relative;top:-1px}

#right{width:733px;float:right;min-height:471px;}
.box{width:733px;text-align:justify;font-size:1.2em;clear:both;background: #fff url(../images/box_bg.gif) repeat-y;margin-bottom:19px;min-height:471px;position:relative;}
.box .top{display:block;clear:both;line-height:4px;font-size:4px;height:4px;background:url(../images/box_top.png) no-repeat;position:relative;top:-4px}
.box .bottom{display:block;/*clear:both;*/line-height:5px;font-size:5px;height:5px;background:url(../images/box_bottom.png) no-repeat;position:/*relative*/absolute;/*top:5px*/bottom:0;left:0;width:100%;}
.box p{line-height:2em;padding:0 30px;}
.box a.more{float:right;margin-right:4px;padding:12px 14px 13px 40px;color:#212121;text-decoration:underline;font-style:normal;font-weight:bold;position:relative;top:9px;z-index:2;background:#eee url(../images/box_more.gif) no-repeat;height: 24px;}
.box a.more span {background:url(../images/box_more_corner.gif) no-repeat;position:absolute;/*bottom:0;*/right:-4px;display:block;width:5px;height:40px;top:0;}
.half{width:360px;clear:none}
.half .top{display:block;clear:both;line-height:4px;font-size:4px;height:4px;background:url(../images/half_top.png) no-repeat;position:relative;top:-4px}
.half .bottom{display:block;clear:both;line-height:5px;font-size:5px;height:5px;background:url(../images/half_bottom.png) 0 -1px no-repeat;position:relative;top:5px}

a.eu {background:url(../images/flags.gif) 0 2px no-repeat;padding-left:25px}
a.uk {background:url(../images/flags.gif) 0 -25px no-repeat;padding-left:25px}
a.us {background:url(../images/flags.gif) 0 -51px no-repeat;padding-left:25px}

a.ca {background:url(../images/flags.gif) 0 -104px no-repeat;padding-left:25px}
a.fr {background:url(../images/flags.gif) 0 -130px no-repeat;padding-left:25px}
a.de {background:url(../images/flags.gif) 0 -77px no-repeat;padding-left:25px}

#left{width:217px;float:left;font-size:1.2em;position:relative;top:-29px}
#amazon {
background:url("../images/amazon.jpg") no-repeat scroll 0 0 transparent;
color:#6E6E6E;
height:371px;
}
#amazon a{display:block;color:#000;margin:7px 22px;text-decoration:underline;font-weight:bold}
#amazon a:hover{text-decoration:none;}
#amazon span{padding: 180px 0 0 22px;display:block }
#testimonials{color:#fff;font-style:italic;background:#115cb5;margin-top:16px;position:relative}
#left cite{font-weight:bold;text-align:right;display:block;margin-bottom:19px;padding:0 23px}
#left blockquote{margin:0;line-height:2em;padding:0 23px}
#right blockquote{margin:0 0 0 15px;line-height:2em;padding:0 23px; font-style: italic;}
#right cite{font-weight:normal;text-align:right;display:block; font-style: normal; margin-bottom:19px;padding:0 23px; font-size: 11px; margin-right: -7px; padding-right: 0;}
#left a.more{float:right;margin-right:4px;padding:12px 14px 13px 40px;color:#fff;text-decoration:underline;font-style:normal;font-weight:bold;position:relative;top:10px;z-index:2;background:#0a4fa2 url(../images/testimonials_more.gif) no-repeat;}
#left a.more span {background:url(../images/testimonials_more_corner.gif) no-repeat;position:absolute;bottom:0;right:-4px;display:block;width:5px;height:40px}
#left a.more:hover, .box a.more:hover {text-decoration:none}
#left .bottom{display:block;clear:both;line-height:5px;font-size:5px;height:5px;background:url(../images/testimonials_bnt.gif) 0 -5px no-repeat;position:relative;top:5px}
#left .top{display:block;clear:both;line-height:5px;font-size:5px;height:5px;background:url(../images/testimonials_bnt.gif) no-repeat;position:relative;top:-5px}

hr {height:1px;background:#eeeeee;color:#eeeeee;margin:20px 30px 5px 30px;border:0}
div.cols {overflow:hidden;position:relative;border-bottom:20px solid white;}
div.cols span.divider {height:100%;position:absolute;left:0;top:57px;width:100%;background:url('../images/cols.png') repeat-y center top;}
div.cols div.l {float: left; width: 50%; position: relative; z-index: 2;}
div.cols div.r {float: right; width: 50%; position: relative; z-index: 2;}

