@import "/reset.css";
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}
mark,rp,rt,ruby,summary,time{display:inline}
html{width:100%}
body{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:13px;line-height:14px;color:#a5aaac;min-width:960px;background:#fefefe}
.main{width:1060px;padding:0;margin:0 auto}
a{color:#000000;outline:none;text-decoration:none;font-weight:700}
a:hover{text-decoration:underline}
.button{background:#77aa00;font-size:13px;line-height:22px;color:#fefefe;text-transform:uppercase;padding:7px 10px 8px;display:inline-block;border:none}
.button:hover{text-decoration:none;background:#555}
p{margin-bottom:21px}
.f_left{float:left}
.f_right{float:right}
strong{color:#3d3f40}
h2{font-size:28px;line-height:34px;color:#232428;text-shadow:1px 1px 1px rgba(0,0,0,0.21);font-weight:700;text-transform:none;font-weight:normal;margin-bottom:37px;padding-bottom:5px}
h2.ind{margin-bottom:38px}
h2.ind2{margin-bottom:8px}
h3{font-size:16px;line-height:30px;color:#3d3f40;font-weight:400;text-transform:none;letter-spacing:0}
.clear{clear:both;width:100%;line-height:0;font-size:0}
.wrapper{width:100%;overflow:hidden;}
.container{width:100%:}
#nav_box{background: #ffff;margin-left:0px;}
#middle_box{background: #f5f5f5}
#bottom_box{background: #fefefe;padding:52px 0 0;position:relative}
#bottom_box .main{position:relative}
header{margin:0 0 0 7px}
header h1{padding:5px 80px 0}
header h1 a{display:block;width:0px;height:0px;text-decoration:none;text-indent:-9999px;position:absolute; margin-top:70px;}
#content{margin-top:100px}
.cont_pad{padding-top:10px!important}
.bot_ind{margin-bottom:29px}
.container{margin:0 auto;width:1060px;}
.grid{width:670px;display:inline;float:left;position:relative;}
.menu li {float:left;position:relative;background: #77aa00 none repeat scroll 0% 0%;}
.menu li a{display:block;position:relative; width: 145px; padding:50px 0; text-align:center;font-size: 18px; color:#fff; line-height: 18px; text-shadow:1px 1px 1px rgba(0,0,0,0.21);}
.menu li.current a{color:#fff !important;background: #555;}
.menu li.current a:hover {color:#fff;}
.menu li a:hover {color:#fff; text-decoration:none;background: #555 none repeat scroll 0% 0%}
footer{padding:30px 0 34px;border-top:1px solid #eee;margin-top:30px;color:#3f3f3f;font-size:12px;position:relative;background: #f5f5f5;}
footer a{color:#77aa00;}
footer .txt{padding:10px 0 0 7px;width:600px;overflow:hidden;text-transform:uppercase;}
footer .txt a:hover{color:#555;}
#book {position:absolute;margin-top:-10px;margin-left:675px;}
#book a {font-size:13px; position: relative;display: inline-block;text-align: center;width: 170%;background: #77aa00 none repeat scroll 0% 0%;color: #fff;box-sizing: border-box;padding: 11px 3px;text-decoration: none;border-radius: 1px;transition: background 0.1s ease 0s;}
.scrollToTop {position:fixed;background:#77aa00;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:3px; bottom:20px;right:7px;cursor:pointer;display:none;}
.scrollToTop:active{background:#555;}
.scrollToTop i{color:#fff;font-size:26px;padding: 10px;}
.box {margin-top:50px;}
a.layer{font-weight: normal;margin-top:-1px;margin-right:10px;display:inline;float:left;position:relative;text-transform: uppercase;padding:3px;display:table;width:247px;text-decoration:none;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-top:1px solid #cccccc;background:#f1f1f1;font-size:13px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #cccccc;}
a.layer.dark{background:#e9e9e9;}
a.layer:hover{background:#77aa00;border-color:#77aa00;color:#ffffff;}
a.layer:active{background:#555;}
a.layer .favicon{display:table-cell;width:3%;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
a.layer .favicon img{position:relative;width:16px;height:16px;top:1px;}
a.layer .link{position:relative;display:table-cell;width:97%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:0 0 0 3px;}
#links a.layer .link span.site{font-weight:600;color:#77aa00;}
#links a.layer .link span.description{color:#121212;}
#links a.layer .link span.description.hover,
#links a.layer .link span.site.hover{color:#555;}
a.layer .link img{position:absolute;right:0;display:none;z-index:20;border-radius:3px;width:320px;height:320px;background:url("/files/img/noscreen.png");}
a.layer .link img.active{display:block;}
.nr.spec {color:#3f3f3f;margin-left: 6px;margin-right:4px;font-weight: normal;margin-top:2px;}
.description {display:none;}
.top {position:absolute;margin-left:470px;margin-top:-48px;font-size:13px; display: inline-block;text-align: center;width: 480px;background: #77aa00 none repeat scroll 0% 0%;color: #fff;box-sizing: border-box;padding: 11px 3px;text-decoration: none;border-radius: 1px;transition: background 0.1s ease 0s;}
#more a {margin-bottom:15px;margin-top:15px;font-size:15px; position: relative;display: inline-block;text-align: center;width:950px;background: #77aa00 none repeat scroll 0% 0%;color: #FFF;box-sizing: border-box;padding: 9px 3px;text-decoration: none;border-radius: 0px;transition: background 0.1s ease 0s;text-shadow: 1px 1px 2px #999;}

#slides1 {width:300px;height:250px;margin-left:10px;box-shadow:1px 1px 3px rgb(150,150,150);}
#slides2 {width:300px;height:250px;margin-left:385px;margin-top:-250px;box-shadow:1px 1px 3px rgb(150,150,150);}
#slides3 {width:300px;height:250px;margin-left:760px;margin-top:-250px;box-shadow:1px 1px 3px rgb(150,150,150);}
.container {padding-bottom:10px;}

.box1 {height: 700px;} 
.box2 {height: 700px;position:absolute;margin-left:266px;margin-top:-700px;} 
.box3 {height: 700px;position:absolute;margin-left:533px;margin-top:-700px;}
.box4 {height: 700px;position:absolute;margin-left:802px;margin-top:-700px;}
.box5 {height: 500px;margin-top:50px;}
.box6 {height: 500px;position:absolute;margin-left:266px;margin-top:-500px;} 
.box7 {height: 500px;position:absolute;margin-left:533px;margin-top:-500px;}
.box8 {height: 500px;position:absolute;margin-left:802px;margin-top:-500px;}
.box9  {height: 300px;margin-top:50px;}
.box10 {height: 300px;position:absolute;margin-left:266px;margin-top:-300px;} 
.box11 {height: 300px;position:absolute;margin-left:533px;margin-top:-300px;}
.box12 {height: 300px;position:absolute;margin-left:802px;margin-top:-300px;}
 
.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9, .box10, .box11, .box12  {width: 247px;overflow-x:hidden;}


#box1 {position:absolute;margin-top:-28px;margin-left:0px;}
#box2 {position:absolute;margin-top:-28px;margin-left:266px;}
#box3 {position:absolute;margin-top:-28px;margin-left:533px;}
#box4 {position:absolute;margin-top:-28px;margin-left:802px;}
#box5 {position:absolute;margin-top:720px;margin-left:0px;}
#box6 {position:absolute;margin-top:720px;margin-left:266px;}
#box7 {position:absolute;margin-top:720px;margin-left:533px;}
#box8 {position:absolute;margin-top:720px;margin-left:802px;}
#box9 {position:absolute;margin-top:1271px;margin-left:0px;}
#box10 {position:absolute;margin-top:1271px;margin-left:266px;}
#box11 {position:absolute;margin-top:1271px;margin-left:533px;}
#box12 {position:absolute;margin-top:1271px;margin-left:802px;}


#box a,#box1 a,#box2 a, #box3 a,#box4 a,#box5 a,#box6 a, #box7 a,#box8 a,#box9 a,#box10 a,#box11 a,#box12 a {font-size:13px; position: relative;display: inline-block;text-align: center;width: 1018px;background: #77aa00;none repeat scroll 0% 0%;color: #fff;box-sizing: border-box;padding: 13px 3px;text-decoration: none;border-radius: 1px;transition: background 0.1s ease 0s;margin-bottom:3px;}
div.br{clear:both;margin-bottom:-30px;overflow:hidden}