/* header nav */
body {background-color: #000;}

#site_wrap {width:960px; margin:0 auto;}
#header_wrap {width:960px; margin:0 auto;}

#header { height:74px;margin:0;padding:0; background: url("../images/header_back.png"); }


#logo {position: absolute; z-index:100;}
#logo h1 a.logo_home { display:block;font-size: 20px; width: 159px; height: 108px; text-indent: -999em; position: absolute; top: 0px; background: url("../images/logos/chrisroth_logo_1.png");}
#logo h1 a.logo_animations { display:block;font-size: 20px; width: 159px; height: 108px; text-indent: -999em; position: absolute; top: 0px; background: url("../images/logos/chrisroth_logo_2.png");}
#logo h1 a.logo_paintings { display:block;font-size: 20px; width: 159px; height: 108px; text-indent: -999em; position: absolute; top: 0px; background: url("../images/logos/chrisroth_logo_3.png");}
#logo h1 a.logo_stainedglass { display:block;font-size: 20px; width: 159px; height: 108px; text-indent: -999em; position: absolute; top: 0px; background: url("../images/logos/chrisroth_logo_4.png");}
#logo h1 a.logo_sketchbook { display:block;font-size: 20px; width: 159px; height: 108px; text-indent: -999em; position: absolute; top: 0px; background: url("../images/logos/chrisroth_logo_5.png");}
#logo h1 a.logo_about { display:block;font-size: 20px; width: 159px; height: 108px; text-indent: -999em; position: absolute; top: 0px; background: url("../images/logos/chrisroth_logo_6.png");}
#logo h1 a.logo_blog { display:block;font-size: 20px; width: 159px; height: 108px; text-indent: -1000px; position: absolute; top: 0px; background: url("../images/logos/chrisroth_logo_7.png");}
#logo h1 a.logo_boards { display:block;font-size: 20px; width: 159px; height: 108px; text-indent: -1000px; position: absolute; top: 0px; background: url("../images/logos/chrisroth_logo_8.png");}


#nav_wrap { position: absolute; float: right; width: 670px; height: 19px; margin-top: 55px; }
#nav_wrap ul { list-style: none; }
#nav li {display:inline;}

#nav li a { background-image: url("../images/nav_sprite_2.png"); background-repeat: no-repeat; height: 19px; margin: 0px; float: left; text-indent: -1000px; overflow: hidden; display: block; }

#nav li a.item1 { width: 204px; background-position:0px 0px; }
#nav li a:hover.item1 {background-position:0px -19px; }
#nav li span a.item1 { background-position:0px -38px; }

#nav li a.item2 {width: 79px; background-position:-204px 0px; }
#nav li a:hover.item2 {background-position:-204px -19px; }
#nav li span a.item2 { background-position:-204px -38px; }

#nav li a.item3 {width: 72px; background-position:-283px 0px; }
#nav li a:hover.item3 {background-position:-283px -19px; }
#nav li span a.item3 { background-position:-283px -38px; }

#nav li a.item4 {width: 94px; background-position:-355px 0px; }
#nav li a:hover.item4 {background-position:-355px -19px; }
#nav li span a.item4 { background-position:-355px -38px; }

#nav li a.item5 {width: 85px; background-position:-449px 0px; }
#nav li a:hover.item5 {background-position:-449px -19px; }
#nav li span a.item5 { background-position:-449px -38px; }

#nav li a.item6 {width: 52px; background-position:-534px 0px; }
#nav li a:hover.item6 {background-position:-534px -19px; }
#nav li span a.item6 { background-position:-534px -38px; }

#nav li a.item7 {width: 46px; background-position:-586px 0px; }
#nav li a:hover.item7 {background-position:-586px -19px; }
#nav li span a.item7 { background-position:-586px -38px; }


#color_stroke { height: 2px; background: #fff; margin: 3px 0 0 0;}
#color_stroke.color_home { background: #5e005e; }
#color_stroke.color_animations { background: #41005e; }
#color_stroke.color_paintings { background: #00375e; }
#color_stroke.color_stainedglass { background: #005e47; }
#color_stroke.color_sketchbook { background: #385e00; }
#color_stroke.color_about { background: #7d7d00; }
#color_stroke.color_blog { background: #725900; }
#color_stroke.color_boards { background: #444; }


#mini_contact {width: 250px; float:right; margin-top:14px;}
#mini_contact ul {list-style: none; }
#mini_contact ul li { }

#mini_contact ul li a { background: url("../images/header_contact.png"); display: block; text-indent: -1000px; overflow: hidden; }

#mini_contact ul li a.item1 { width: 152px; height: 16px; background-position: 0px 0px; }
#mini_contact ul li a:hover.item1 { width: 152px; height: 16px; background-position: -152px 0px; }

#mini_contact ul li a.item2 { width: 152px; height: 16px; background-position: 0px -16px; }
#mini_contact ul li a:hover.item2 { width: 152px; height: 16px; background-position: -152px -16px; }

#mini_contact  {display: none;}