*      { outline: none; }
body   { background: #000; margin: 0; padding: 0; }
a      { text-decoration: none; }
a *    { cursor: pointer; }

#hp_main                { width: 1248px; margin: 0 auto 13px;}
#hp_header a:hover      { text-decoration: none;}

#hp_top                 { height: 25px; margin: 0 auto; text-align: right; padding: 0 10px; }
#hp_top a               { display: inline-block; height: 25px; margin: 0; padding: 0 11px 0 10px; background: url(header_separator.png) no-repeat right top; }
#hp_top a:last-child,
#hp_top span:last-child    { background: none; }
#hp_top a               { color: #fc9; font: 11px/24px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#hp_top a:hover         { color: #fff;}
#hp_top span            { display: inline-block; height: 25px; margin: 0; padding: 0 11px 0 10px; background: url(header_separator.png) no-repeat right top; }
#hp_top span    { color: #777; font: 11px/24px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#hp_top div     { float: left; height: 25px; margin: 0 0 0 100px; padding: 0; color: #555; font: 11px/24px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

#hp_header           { height: 60px; background: url(header.png) repeat-x 0 -60px; margin: 0 auto; z-index: 98; position: relative; }
#hp_header ul{ list-style: none; }
#hp_header #hp_box   { height: 60px; margin: 0 1px; background: url(header.png) repeat-x 0 -120px; }

#hp_header #hp_box h1     { display: block; margin: 0; padding: 0; width: 87px; height: 129px; position: absolute; left: 14px; top: -14px; text-indent: -9999px; overflow: hidden; background: url(logo.png) no-repeat left top; }
#hp_header #hp_box h1 a   { display: block; margin: 0; padding: 0; width: 87px; height: 108px; }

#hp_header #hp_box h2     { display: block; margin: 0; padding: 0; width: 179px; height: 24px; position: absolute; right: 18px; top: 18px; text-indent: -9999px; overflow: hidden; background: url(logo.png) no-repeat right top; }

#hp_header #hp_box #hp_bookmark           { display: block; margin: 0; padding: 0; width: 179px; height: 64px; position: absolute; right: 15px; top: 51px; overflow: hidden; background: url(logo.png) no-repeat right bottom; }
#hp_header #hp_box #hp_bookmark a         { display: block; float: right; margin: 9px 0 0 0; padding: 0 50px 0 10px; height: 36px; color: #f30; font: 11px/36px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#hp_header #hp_box #hp_bookmark a:hover   { color: #fff; }

#hp_header #hp_search{ display: block; float: left; margin: 0; padding: 15px 31px 15px 30px; background: url(header.png) no-repeat right -180px; }
#hp_header #hp_search form{ display: block; border: 1px solid #454545; margin: 0; padding: 0 28px 0 0; height: 28px; position:relative; /*background: url(header_search.png) repeat-x 0 top;*/ }
#hp_header #hp_search form input{ display: block; float: left; border: none; margin: 0; padding: 0; overflow: hidden; }
#hp_header #hp_search form #hp_input{ margin:0 0 0 -1px; padding:2px 0 2px 7px; width: 150px; height: 24px; background: none; color: #999; font: 13px/24px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#hp_header #hp_search form #hp_input:focus{ color: #fff; width: 150px; }
#hp_header #hp_search form #hp_button{ margin: 0 -28px 0 0; width: 28px; height: 28px; background: url(header_search.png) no-repeat 0 -28px; cursor: pointer; }
#hp_header #hp_search form #hp_button:hover{ background: url(header_search.png) no-repeat 0 -55px; }
#hp_header #hp_search form .inactive{background: url(header_search.png) no-repeat 0 0!important;}

#hp_header ul#hp_nav                     { height: 60px; display: block; float: left; margin: 0 0 0 120px; padding: 0 1px 0 0; background: url(header.png) no-repeat right -180px; }
#hp_header ul#hp_nav li.hp               { height: 59px; display: block; float: left; margin: 0; padding: 0 0 0 1px; background: url(header.png) no-repeat left -180px; overflow: hidden; }
#hp_header ul#hp_nav li.hp:hover         { height: auto; overflow: visible; }

#hp_header ul#hp_nav li.hp a.hp              { display: none; height: 60px; margin: 0; padding: 0; background: url(header.png) repeat-x 0 -120px; }
#hp_header ul#hp_nav li.hp a.hp_selected     { display: block; }
#hp_header ul#hp_nav li.hp a.hp              { color: #fc9; font: 15px/38px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform: uppercase; text-align: left; }
#hp_header ul#hp_nav li.hp:hover a.hp        { color: #fff; /*background: url(header.png) repeat-x 0 top;*/ }
#hp_header ul#hp_nav li.hp a.hp span         { display: block; height: 33px; margin: 0; padding: 0 30px; }

#hp_header ul#hp_nav li.hp a.hp i            { display: block; height: 1px; margin: 0 16px; padding: 0 0 0 42px; background: url(header_nav.png) no-repeat left top; }
#hp_header ul#hp_nav li.hp a.hp i i          { display: block; height: 1px; margin: 0; padding: 0; background: url(header_nav.png) no-repeat right top; }

#hp_header ul#hp_nav li.hp a.hp b            { display: block; height: 26px; margin: 0; padding: 0 0 0 15px; background: url(header_nav.png) no-repeat left 26px; overflow: hidden; }
#hp_header ul#hp_nav li.hp:hover a.hp b      { background: url(header_nav.png) no-repeat left -2px; }
#hp_header ul#hp_nav li.hp a.hp b em         { display: block; height: 26px; margin: 0; padding: 0 15px 0 16px; background: url(header_nav.png) no-repeat right 26px; overflow: hidden; }
#hp_header ul#hp_nav li.hp:hover a.hp b em   { background: url(header_nav.png) no-repeat right -2px; }
#hp_header ul#hp_nav li.hp a.hp b em strong        { display: inline-block; height: 26px; margin: 0; padding: 0 12px 0 0; font-weight: normal; background: url(header_arrow.png) no-repeat right 11px; }
#hp_header ul#hp_nav li.hp:hover a.hp b em strong  { background: url(header_arrow.png) no-repeat right -16px; }

#hp_header ul#hp_nav li.hp a.hp b em         { color: #999; font: normal 13px/25px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform: none; }
#hp_header ul#hp_nav li.hp:hover a.hp b em   { color: #fff; }

#hp_header ul#hp_nav li.hp div               { padding: 0 0 0 16px; background: url(header_nav.png) no-repeat left bottom; }
#hp_header ul#hp_nav li.hp div div           { padding: 0 16px 0 0; background: url(header_nav.png) no-repeat right bottom; }
#hp_header ul#hp_nav li.hp div div div       { padding: 1px 0 9px 0; background: url(header_nav.png) no-repeat center bottom; }

#hp_header ul#hp_nav li.hp ul                { display: block; margin: -2px 0 0 0; padding: 0; }
#hp_header ul#hp_nav li.hp ul li             { display: block; height: 26px; margin: 0; padding: 0; }
#hp_header ul#hp_nav li.hp ul li.hp_selected { display: none; }
#hp_header ul#hp_nav li.hp ul li a           { display: block; height: 26px; margin: 0; padding: 0; color: #c96; font: 13px/25px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align: left; }
#hp_header ul#hp_nav li.hp ul li a:hover     { color: #fff; }
#hp_header ul#hp_nav li.hp ul li a i         { display: block; height: 1px; margin: 0; padding: 0 0 0 42px; background: url(header_nav.png) no-repeat left -1px; }
#hp_header ul#hp_nav li.hp ul li a i i       { display: block; height: 1px; margin: 0; padding: 0; background: url(header_nav.png) no-repeat right -1px; }
#hp_header ul#hp_nav li.hp ul li a em        { display: block; height: 25px; margin: 0; padding: 0; padding: 0 15px; font-style: normal; }

#hp_underheader      { position: relative; display: block; text-align: left; margin: 10px 150px 14px 110px; padding: 0; background: url(header_line.png) no-repeat right 30px; overflow: hidden; }
#hp_underheader h3   { cursor: default; color: #444; display: block; float: left; height: 31px; margin: 0; padding: 0 10px 0 0; background: #000; font: normal 36px/36px "Lucida Sans Unicode", "Lucida Grande", sans-serif; letter-spacing: -3px; white-space: nowrap; }

#hp_underheader ul                 { display: block; height: 25px; overflow: hidden; float: none; margin: 5px 0 0 0; padding: 0; list-style: none; }
#hp_underheader ul li              { display: block; height: 25px; overflow: hidden; float: left; margin: 0; padding: 0 1px 0 0; background: url(header_separator.png) no-repeat right top; list-style: none; }
#hp_underheader ul li:last-child   { background: none; }
#hp_underheader ul li a            { display: block; height: 25px; overflow: hidden; color: #c96; margin: 0; padding: 0 10px; font: 11px/24px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#hp_underheader ul li a:hover      { color: #fff; }
#hp_underheader ul li span               { cursor: default; display: block; height: 25px; overflow: hidden; color: #fff; margin: 0; padding: 0 10px; font: 11px/24px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#hp_underheader ul li:first-child span   { color: #999; }


#hp_main h4   { cursor: default; color: #999; margin: 0 11px 11px 11px; padding: 0; font: normal 12px/24px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align: center; }
#hp_main h4.title-comment   { height: 25px; margin: 0; padding: 10px 0; font: normal 13px/25px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

ul.hp_related                 { display: block; height: 25px; overflow: hidden; float: none; margin: -7px 11px 0px 11px; padding: 0; list-style: none; z-index: 100; }
ul.hp_related li              { display: block; height: 25px; overflow: hidden; float: left; margin: 0; padding: 0 1px 0 0; background: url(header_separator.png) no-repeat left center; list-style: none; }
ul.hp_related li:first-child  { background: none; }
ul.hp_related li a            { display: block; height: 25px; overflow: hidden; color: #c96; margin: 0; padding: 0 10px; font: 11px/24px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
ul.hp_related li a:hover      { color: #fff; }
ul.hp_related li span         { cursor: default; display: block; height: 25px; overflow: hidden; color: #999; margin: 0; padding: 0 10px 0 0; font: 11px/24px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

ul.hp_related_bottom          { display: block; height: auto; overflow: hidden; float: none; margin: 15px 11px 11px 11px; padding: 0; list-style: none; z-index: 100; }
ul.hp_related_bottom li       { display: block; height: 25px; overflow: hidden; float: left; margin: 0 0 -4px 0; padding: 0 1px 0 0; background: url(header_separator.png) no-repeat left center; list-style: none; }