/*--------------- header ------------------------*/

#header { background:transparent url(../images/index_nav_bg.jpg) no-repeat scroll left top; display:block; position:relative; width:100% ; height:60px; font-size:13px;}

#header .logo { clear:both; display:block; margin-top:20px; overflow:hidden; }

#header .logo a { background:transparent url(../images/logo.png) repeat scroll 0 0; display:block; height:148px; margin:20px auto 0; overflow:hidden; text-indent:-999px; width:209px; /*behavior: url("http://myit-school.net/myid/wp-content/themes/myid/iepngfix.htc")*/ }

#header .logo_s { display:block; overflow:hidden; position:absolute; top:2px ; left:5px; z-index:10; height:56px;width:110px; }

#header .logo_s a { background:transparent url(../images/logos.png) no-repeat scroll 0 0; display:block; height:51px; margin:0; overflow:hidden; text-indent:-999px; width:100px; /*behavior: url("http://myit-school.net/myid/wp-content/themes/myid/iepngfix.htc")*/ }


#header .nav li { background:transparent url(../images/header_nav_dot.gif) no-repeat scroll right center; display:block; float:left; height:40px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; text-align:center; }

#header .navs { padding-left:105px;}

#header .navs ul{  padding-bottom:15px; display:block; }

#header li a { color:#67577D; display:block; padding:10px 6px; text-shadow:0 1px 0 #FFFFFF; }

#header li a:hover { color:#BE679F; text-shadow:0 1px 0 #FFFFFF; }

#header .social { display:block; height:30px; overflow:hidden; position:absolute; right:0; top:0; width:100px; }

#header .social a { display:block; float:left; height:30px; margin:0 5px; overflow:hidden; text-indent:-999px; width:29px; }

#header .social a:hover { background-position:center bottom; }

#header .facebook a { background:transparent url(../images/header_nav_fb.jpg) repeat scroll 0 0; margin:0; }

#header .twitter a { background:transparent url(../images/header_nav_twitter.jpg) repeat scroll 0 0; margin:0; }

#header .rss a { background:transparent url(../images/header_nav_rss.jpg) repeat scroll 0 0; margin:0; }

.post .content_nb { padding:0px; line-height:22px; letter-spacing:1px; color:#353648; padding-bottom:10px;  }

/*top nav*/

.cs{ position:relative;width:100%}
.cs_nav{ background:url(../images/cs/btn.jpg) no-repeat; height:83px; width:100%; display:block; overflow:hidden; position:absolute; left:-7px; top:11px; width:765px; clear:both}

.cs_nav li{ float:left}

.cs_nav li, .cs_nav li a{ display:block; overflow:hidden;  height:83px;text-indent:-999px; }

.cs_nav .btn1 a{ width:119px; background:url(images/cs/btn.jpg) 153px 0 no-repeat; margin-left:153px}
.cs_nav .btn2 a{ width:123px; }
.cs_nav .btn3 a{ width:123px;}
.cs_nav .btn4 a{ width:123px;}
.cs_nav .btn5 a{ width:123px; }

.cs_nav .btn1 a:hover{ background:url(../images/cs/btn.jpg) -153px -166px no-repeat  }
.cs_nav .btn2 a:hover{ background:url(../images/cs/btn.jpg) -272px -166px no-repeat  }
.cs_nav .btn3 a:hover{ background:url(../images/cs/btn.jpg) -395px -166px no-repeat  }
.cs_nav .btn4 a:hover{ background:url(../images/cs/btn.jpg) -518px -166px no-repeat  }
.cs_nav .btn5 a:hover{ background:url(../images/cs/btn.jpg) -641px -166px no-repeat  }

.cs_nav .btn1 .on{ background:url(../images/cs/btn.jpg) -153px -83px no-repeat  }
.cs_nav .btn2 .on{ background:url(../images/cs/btn.jpg) -272px -83px no-repeat  }
.cs_nav .btn3 .on{ background:url(../images/cs/btn.jpg) -395px -83px no-repeat  }
.cs_nav .btn4 .on{ background:url(../images/cs/btn.jpg) -518px -83px no-repeat  }
.cs_nav .btn5 .on{ background:url(../images/cs/btn.jpg) -641px -83px no-repeat  }