.clearfix:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {min-width: 0; display: inline-block; /* \*/	display: block;}	/* trigger hasLayout for IE7. Hide from IE Mac */

* html .clearfix {height: 1%;} /* Hide from IE Mac */ 

.clr, .clear {clear:both;}
/* end clearing */

#head_in { width: 947px; background:url(../images/header_in.gif) center repeat-y}
#head_t { width: 947px; background:url(../images/header_t.gif) top center no-repeat}
#head_b { width: 917px; padding: 0 15px 12px; background:url(../images/header_b.gif) bottom center no-repeat}
#logo { height: 75px; width: 210px; float: left;}
#logo a { display: block; height: 75px; width: 210px; background:url(../images/logo-trans.png) top left no-repeat; vertical-align: top; cursor: pointer;}
#logo a span { display: none;}
#menu_box { float: right; width: 687px; padding-top: 1px; padding-bottom: 3px;}
#header_in {width: 917px; background:url(../images/head_in.gif) center repeat-y;}
#header_t {width: 917px; background:url(../images/head_t.gif) top center no-repeat;}
#header_b {width: 917px; background:url(../images/head_b.gif) bottom center no-repeat; padding: 5px 0 9px;}
#header {  height: 223px; overflow: hidden}
#slogan_box { width: 900px; position: absolute; z-index: 10; margin: 0; padding: 0; }
#slogan { float: left; width: 350px; padding: 25px 0 0 25px; vertical-align: top}
#footer { width: 956px; background:url(../images/foot_in.gif) center repeat-y; margin-bottom: 0px; color: #4c4c4c;}
#footer_t { width: 956px; background:url(../images/foot_t.gif) top center no-repeat; padding: 15px 0 10px;}
#copyright { float: left; padding-left: 20px; text-align:left}
#design { float: right; padding-right: 20px; text-align: right}