body {font-size:80%;color:#818A95;background:#fff;font-family: Century Gothic, sans-serif;}

#header{margin:0px;border-bottom:1px #eee solid;}
.header-content{margin:0 auto;width:980px;height:150px;margin:0 auto;text-align:left;}

.container {margin:0 auto;width:980px;}

.main-title{width:980px;height:300px;background:url('../img/main-title.jpg') no-repeat 0 0px;}
.sub-title{width:980px;height:300px;background:url('../img/main-title.jpg') no-repeat 0 -310px;margin:0px 0px 30px 0px;}
.about-title{width:980px;height:280px;background:url('../img/main-title.jpg') no-repeat 0 -610px;}
.contact-title{width:980px;height:180px;background:url('../img/main-title.jpg') no-repeat 0 -950px;margin:40px 0px 0px 0px;}


.logo{float:left;width:350px;height:150px;display:inline;padding:20px 0px 0px 0px;}
.menu{float:right;width:630px;height:100px;display:inline;margin:50px 0px 0px 0px;}

ul.menu1{float:right;margin:90px 0px 0px 0px;}
ul.menu1 li{float:left;height:30px;display:inline;margin:0px 0px 0px 20px;}

ul.submenu-1{background:url('../img/title.jpg') no-repeat 0 0px;height:100px;margin:30px 0px 30px 0px;border-bottom:1px #eee solid;border-top:1px #eee solid;}
ul.submenu-1 li{float:left;display:inline;margin:0px 0px 0px 0px;display:block;text-indent:-9999px;}
ul.submenu-1 li.books{background:url('../img/submenu.jpg') no-repeat 0 0px;width:200px;height:100px;margin:0px 0px 0px 30px;}
ul.submenu-1 li.digital{background:url('../img/submenu.jpg') no-repeat 0 -100px;width:200px;height:100px;margin:0px 0px 0px 30px;}
ul.submenu-1 li.magazines{background:url('../img/submenu.jpg') no-repeat 0 -200px;width:200px;height:100px;margin:0px 0px 0px 45px;}
ul.submenu-1 li.events{background:url('../img/submenu.jpg') no-repeat 0 -300px;width:200px;height:100px;margin:0px 0px 0px 45px;}
ul.submenu-1 li.books:hover{background:url('../img/submenu.jpg') no-repeat 0 -400px;width:200px;height:100px;margin:0px 0px 0px 30px;cursor:pointer;}
ul.submenu-1 li.digital:hover{background:url('../img/submenu.jpg') no-repeat 0 -500px;width:200px;height:100px;margin:0px 0px 0px 30px;cursor:pointer;}
ul.submenu-1 li.magazines:hover{background:url('../img/submenu.jpg') no-repeat 0 -600px;width:200px;height:100px;margin:0px 0px 0px 45px;cursor:pointer;}
ul.submenu-1 li.events:hover{background:url('../img/submenu.jpg') no-repeat 0 -700px;width:200px;height:100px;margin:0px 0px 0px 45px;cursor:pointer;}


.submenu-2{background:url('../img/title.jpg') no-repeat 0 0px;height:100px;margin:30px 0px 30px 0px;border-bottom:1px #eee solid;border-top:1px #eee solid;}
#submenu-books{float:left;background:url('../img/submenu.jpg') no-repeat 0 0px;width:200px;height:100px;margin:0px 0px 0px 30px;display:block;text-indent:-9999px;}
#submenu-digital{float:left;background:url('../img/submenu.jpg') no-repeat 0 -100px;width:200px;height:100px;margin:0px 0px 0px 30px;display:block;text-indent:-9999px;}
#submenu-magazines{float:left;background:url('../img/submenu.jpg') no-repeat 0 -200px;width:200px;height:100px;margin:0px 0px 0px 45px;display:block;text-indent:-9999px;}
#submenu-events{float:left;background:url('../img/submenu.jpg') no-repeat 0 -300px;width:200px;height:100px;margin:0px 0px 0px 45px;display:block;text-indent:-9999px;}



.books{background:url('../img/title.jpg') no-repeat 0 -200px;height:80px;margin-top:20px;}
.digital{background:url('../img/title.jpg') no-repeat 0 -300px;height:80px;margin-top:20px;}
.magazines{background:url('../img/title.jpg') no-repeat 0 -400px;height:80px;margin-top:20px;}
.events{background:url('../img/title.jpg') no-repeat 0 -500px;height:80px;margin-top:20px;}

.servicenumber{background:url('../img/title.jpg') no-repeat 0 -100px;height:100px;margin:40px 0px 40px 0px;border-bottom:1px #eee solid;border-top:1px #eee solid;}



.box-1l{width:310px;float:left;height:100px;display:inline;border-right:1px #eee solid;margin:30px 20px 10px 0px;padding:0px 0px 0px 0px;}
.box-1r{width:310px;float:right;height:100px;display:inline;margin:30px 0px 10px 0px;}


.box-1-s{background:url('../img/main-box.jpg') no-repeat 0 0px;}
.box-1-d{background:url('../img/main-box.jpg') no-repeat 0 -100px;}
.box-1-e{background:url('../img/main-box.jpg') no-repeat 0 -200px;}

.box-2l{width:310px;float:left;height:150px;display:inline;border-right:1px #eee solid;border-bottom:1px #eee solid;margin:10px 10px 0px 0px;}
.box-2r{width:310px;float:left;height:150px;border-bottom:1px #eee solid;display:inline;margin:10px 0px 0px 0px;}

.box-3l{width:310px;float:left;height:150px;display:inline;border-right:1px #eee solid;margin:10px 20px 10px 0px;padding:0px 0px 0px 0px;}
.box-3r{width:310px;float:right;height:150px;display:inline;margin:10px 0px 10px 0px;}


.box-4l{width:160px;float:left;height:140px;display:inline;border:1px #eee solid;margin:17px 17px 0px 0px;padding:10px;}
.box-4r{width:160px;float:right;height:140px;display:inline;border:1px #eee solid;margin:17px 0px 0px 0px;padding:10px;}



.box-services-1{background:url('../img/box-services.jpg') no-repeat 0 0px;}
.box-services-2{background:url('../img/box-services.jpg') no-repeat 0 -150px;}
.box-services-3{background:url('../img/box-services.jpg') no-repeat 0 -300px;}
.box-services-4{background:url('../img/box-services.jpg') no-repeat 0 -450px;}
.box-services-5{background:url('../img/box-services.jpg') no-repeat 0 -600px;}
.box-services-6{background:url('../img/box-services.jpg') no-repeat 0 -750px;}
.box-services-7{background:url('../img/box-services.jpg') no-repeat 0 -900px;}

hr{border-bottom:1px #eee solid;}
p{color:#818A95;font-size:1.2em;line-height:1.4em;margin:10px 0px 10px 0px;}
p.main-box{margin:50px 0px 0px 0px;}
p.services{font-size:1.6em;color:#818A95;margin:10px 0px 0px 40px;}
p.services-1{font-size:1.3em;color:#818A95;padding:40px 300px 30px 0px;}
p.services-2{font-size:1.3em;color:#818A95;padding:20px 200px 0px 0px;}
p.services-3{font-size:2.0em;color:#818A95;padding:40px 0px 0px 0px;}

p.contact-1{font-size:2.3em;color:#818A95;padding:0px 0px 0px 300px;}
p.contact-2{padding:0px 0px 0px 300px;}


#footer{margin:30px 0px 0px 0px;padding:30px;border-top:1px #eee solid;}
#footer p{text-align:center;color:#818A95;font-family:Helvetica, Arial, sans-serif;}




img.client{float:right;clear:both;}

/* Clear Floated Elements
------------------------------------------------------------------------------------*/
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear: both;content: '.';display: block;visibility: hidden;height:0;}
.clearfix{display:inline-block;}
* html .clearfix {height: 100%;}
.clearfix{display: block;}



ul.mainthree {margin:30px 0px 60px 0px;}

ul.mainthree a{color:#D1D8E3;text-decoration:none;font-family:Futura, Helvetica, Arial, sans-serif;}
ul.mainthree a:hover{color:#666;text-decoration:none;font-family:Futura, Helvetica, Arial, sans-serif;}

ul.mainthree li{width:320px;float:left;height:60px;display:inline;margin:0px 0px 40px 0px;}

ul.mainthree li.main1 a {display: block; overflow: hidden; background:url('../img/main-box.jpg') no-repeat 0 0px;padding:40px 0px 20px 0px;}
ul.mainthree li.main1  a:hover  {border-bottom:1px solid #D1D8E3; }

ul.mainthree li.main2 a {display: block; overflow: hidden; background:url('../img/main-box.jpg') no-repeat 0 -100px;padding:40px 0px 20px 0px;}
ul.mainthree li.main2  a:hover  {border-bottom:1px solid #D1D8E3; }

ul.mainthree li.main3 a {display: block; overflow: hidden; background:url('../img/main-box.jpg') no-repeat 0 -200px;padding:40px 0px 20px 0px;}
ul.mainthree li.main3  a:hover  {border-bottom:1px solid #D1D8E3; }