/* ::: Skyscraper Menu (jQuery) ::: */

#hMenu {
	overflow: hidden; width: 720px; height: 220px; margin: 0 auto; position: relative;
	border: 1px solid #4c6d76; border-top: none; border-bottom: none;
}
#hMenu #hMenuBackground {
	z-index: 0;
	position: absolute; left: 0px; bottom: 0px;
	width: 100%; height: 220px;
	background: url(images/smenubg.jpg) right bottom no-repeat;
}
#hMenu #hMenuMain {
	z-index: 2;
	position: absolute; left: 0px; bottom: 0px;
	width: 100%; height: 25px;
	background: url(images/hMenuMain.png) 0% 80% repeat-x #4e8290;
	opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity = 40); -khtml-opacity: 0.4;
	border-top: 1px solid #a0c7d1; border-bottom: 1px solid #103e4a;
}
#hMenu #hMenuHover {
	z-index: 2;
	position: absolute; left: 0px; bottom: 27px; /* bottom positioned for upside slideEffect */
	width: 100%; height: 195px; display: none;
	opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity = 40); -khtml-opacity: 0.4;
	background: url(images/hMenuHover.jpg) 50% 100% no-repeat #4f8a96;
}
#hMenu #hMenuSlider {
	z-index: 3;
	position: absolute; left: 0px; bottom: 0px;
	width: 120px; height: 0;
	border: 0px; /* IE fix for the JS script */
	border-top: 1px solid #fff; border-right: 1px solid #4c6d76;
	background-color: #98bbc4; display: none;
	opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity = 40); -khtml-opacity: 0.4;
	-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; /*border-top-left-radius: 10px;*/
	-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; /*border-top-right-radius: 10px;*/
}
#hMenu UL { margin: 0; padding: 0; list-style: none; }
#hMenu UL LI { margin: 0; padding: 0; }
#hMenu .hMenuItem {
	z-index: 5; position: absolute; width: 120px; height: 230px; left: 0px; bottom: 1px;
}
#hMenu #hMenuItem1 {width: 150px; left: 0px;}
#hMenu #hMenuItem2 {width: 120px; left: 150px;}
#hMenu #hMenuItem3 {width: 130px; left: 270px;}
#hMenu #hMenuItem4 {width: 140px; left: 400px;}
#hMenu #hMenuItem5 {width: 150px; left: 540px;}

#hMenu .hMenuItemBackground {
	display: none; position: absolute; left: 0px; bottom: -1px; width: 100%; height: 180px; background-color: #4e8290;
	opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity = 50); -khtml-opacity: 0.5;
	border-top: 1px solid #a0c7d1; border-right: 1px solid #4c6d76;
	-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; /*border-top-left-radius: 10px;*/
	-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; /*border-top-right-radius: 10px;*/
}
#hMenu .hMenuItem .hMenuItemSub {
	position: absolute; left: 0px; bottom: 25px; display: none;
}
#hMenu .hMenuItem .hMenuItemSub A {
	display: block; width: 120px; height: 15px; padding: 5px; /* set top/bottom padding same as .hMenuItemButton>A */
	font-size: 12px; text-decoration: none; color: #fff; font-variant: small-caps;
	overflow: hidden;
	text-align: center;
}
#hMenu .hMenuItem .hMenuItemSub A.active {
	color: #415d64; text-decoration: none; background: url(images/hMenuItemSub.png) 50% 50% scroll no-repeat;
}
#hMenu .hMenuItem .hMenuItemSub A.activeIE {
	color: #415d64; text-decoration: none; background: url(images/hMenuItemSub.jpg) 50% 50% scroll no-repeat;
	filter: alpha(opacity = 70);
}
#hMenu .hMenuItem .hMenuItemButton {
	position: absolute; left: 0px; bottom: -1px;
	height: 27px; font-size: 14px; font-weight: bold;
	cursor: pointer; font-variant: small-caps;
}
#hMenu .hMenuItem .hMenuItemButton A {
	display: block; width: 100px; height: 21px; padding: 3px 5px; /* set top/bottom padding same as .hMenuItemSub>A */
	color: #fff; text-decoration: none; text-align: center;
}
#hMenu .hMenuItem .hMenuItemButton A.active {
	color: #415d64; background:transparent url(images/hMenuItemButton.png) no-repeat scroll center top;
}
#hMenu .hMenuItem .hMenuItemButton A.activeIE {
	color: #415d64; background:transparent url(images/hMenuItemButton.jpg) no-repeat scroll center top;
	filter: alpha(opacity = 60);
}