a {text-decoration: none !important; color: #666;}
.annotation {font-size: 12px;}

#globalHeader {height: 70px; position: relative; z-index: 100; width: 100%; font-size: 16px;}
#globalHeader:after {content: ""; display: block; clear: both;}
#globalHeader .headerWrap {width: 90%; margin: 0 auto; position: relative; max-width: 1024px;}
@media screen and (max-width : 1060px){
	#globalHeader .headerWrap {width: 100%;}
}

#siteName {z-index: 1001; top: 0; left: 0; margin: 0; position: absolute; width: 130px;}
#siteName a {padding: 20px 0; display: block; line-height: 1;}
#siteName img {width: 100%;}
@media screen and (max-width : 1060px){
	#siteName { position: absolute; top: 0; left: 0; z-index: 100; margin: 0; padding: 0; text-align: center; width: 100%;  height: 70px;}
	#siteName a {padding: 7px 0; display: inline-block;}
	#siteName img {width: 120px; vertical-align: top; padding: 17px; border: 0;}
}

#hGlobalNav h1 {display: none;}
@media screen and (max-width : 1060px){
	#hGlobalNav {z-index: 1001;}
	#hGlobalNav h1 {display: block; background: url("/ie/shared/img/menu_b.png") no-repeat center center; text-indent: -9999px; background-size: 20px 15px; position: absolute; top: 5px; left: 0;     padding: 21px 17px; margin: 0 0 0 3.5%; cursor: pointer; width: 20px; height: 15px; z-index: 1001;}
}
@media screen and (max-width : 480px){
	#hGlobalNav h1 {margin-left: 2%;}
}

#hGlobalNav .wrapper {
	display: block; background: none; height: auto; width: 100%; padding: 0;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
}

@media screen and (max-width : 1060px){
	#globalHeader .wrapper {background: rgba(0,0,0,.8); position: fixed; z-index: 1000; width: 100%; height: 100%; color: #fff; font-size: 16px; padding: 0; box-sizing: border-box; display: none; overflow: scroll;}
}

#globalHeader .wrapper ul {padding-left: 50%; margin: 0;}
#globalHeader .wrapper li {list-style: none; float: left; font-size: 13px; padding: 28px 0 28px 35px; line-height: 1;}
/*#globalHeader .wrapper li.home {display: none; color: #333;}*/
#globalHeader .wrapper li a {border: 0; display: block;}
.ua-ie-8 #globalHeader .wrapper li a,
.ua-ie-9 #globalHeader .wrapper li a {font-weight: bold;}
#globalHeader .wrapper li a:hover {color: #999;}
#globalHeader .cancel {display: none;}
#globalHeader .wrapper li.home { display: none;}
@media screen and (max-width : 1060px){
	#globalHeader .wrapper ul {padding: 0;}
	#globalHeader .wrapper li {float: none; font-size: 16px; padding: 0; text-align: center;}
	#globalHeader .wrapper li a {padding: 4px 8px; line-height: 1.5em; color: #fff; display: block; text-decoration: none !important; text-align: center; font-size: 15px;}
	#globalHeader .cancel {display: block; text-align: right; padding: 18px 18px 0;}
	#globalHeader .cancel:before {content: url("/ie/shared/img/icon_close.png"); margin-right: 5px;}
	#globalHeader .wrapper hr { border: none; border-top: dotted 1px; height: 1px; width: 50px; text-align: center; margin: 8px auto;}
	#globalHeader .wrapper li.home { display: block;}
}

/* menu open, search open */

@media screen and (max-width : 1060px){
	body.menuOpen #hGlobalNav .wrapper {display: block;}
	body.menuOpen #main,
	body.menuOpen #hGlobalNav h1,
	body.menuOpen #siteName img	{-webkit-filter: blur(5px); filter: blur(5px);}
}