/* header */
#header1 { width:1004px; height:55; margin:auto; }
#header1 h2 { text-indent:-99999px; overflow:hidden; width:513px; height:85px; float:left; background:url(img/name.jpg) no-repeat 0 0; margin:94px 0 0 71px; }
#header1 ul { float:right; margin:90px 73px 6px 0; }
/* #header1 ul li { background:url(img/skills.jpg) no-repeat 0 0; display:block; width:273px; height:50px; text-indent:-99999px; overflow:hidden; } */
#header1 ul li.last { background-position:0 -50px; }

/* nav */
ul#nav { margin:0 ;float:none; clear:both; position:relative; left:-9px; top:2px; position:relative; z-index:1; }
ul#nav li { float:left; width:auto; height:auto; background:none; }
#header1 ul.hover-css li a, #header1 ul.hover-anims li a { display:block; width:140px; height:53px; position:relative; background:url(img/tabs.png) no-repeat 0 0; }
#header1 ul.hover-anims li span { display:block; width:140px; height:53px; position:absolute; top:0; left:0; background:url(img/tabs.png) no-repeat 0 0; cursor:pointer; }
#header1 ul.hover-css li.home a, #header1 ul.hover-anims li.home a, #header1 ul.hover-anims li.home a span { width:150px; }
#header1 ul.hover-css li.home a:hover, #header1 ul.hover-css li.home a.on, #header1 ul.hover-anims li.home span a.on, #header1 ul.hover-anims li.home span { background-position:0 -54px; }
#header1 ul.hover-css li.about a, #header1 ul.hover-anims li.about a { background-position:-150px 0; }
#header1 ul.hover-css li.about a:hover, #header1 ul.hover-css li.about a.on, #header1 ul.hover-anims li.about span, #header1 ul.hover-anims li.about span a.on { background-position:-150px -54px; }
#header1 ul.hover-css li.books a, #header1 ul.hover-anims li.books a { background-position:-290px 0; }
#header1 ul.hover-css li.books a:hover, #header1 ul.hover-css li.books a.on, #header1 ul.hover-anims li.books span, #header1 ul.hover-anims li.books span a.on { background-position:-290px -54px; }
#header1 ul.hover-css li.articles a, #header1 ul.hover-anims li.articles a { background-position:-430px 0; }
#header1 ul.hover-css li.articles a:hover, #header1 ul.hover-css li.articles a.on, #header1 ul.hover-anims li.articles span, #header1 ul.hover-anims li.articles span a.on  { background-position:-430px -54px; }
#header1 ul.hover-css li.web a, #header1 ul.hover-anims li.web a { background-position:-570px 0; }
#header1 ul.hover-css li.web a:hover, #header1 ul.hover-css li.web a.on, #header1 ul.hover-anims li.web span, #header1 ul.hover-anims li.web span a.on { background-position:-570px -54px; }
#header1 ul.hover-css li.contact a, #header1 ul.hover-anims li.contact a { background-position:-710px 0; width:147px; }
#header1 ul.hover-anims li.contact span { width:147px; }
#header1 ul.hover-css li.contact a:hover, #header1 ul.hover-anims li.contact span, #header1 ul.hover-anims li.contact span a.on { background-position:-710px -54px; }
#header1 ul.hover-anims li.contact { position:relative; }
#header ul.hover-css li.about a:hover, #header ul.hover-css li.about a.on, #header ul.hover-anims li.about span, #header ul.hover-anims li.about span a.on {
    background-position: -150px -54px;
}