/* 
------------------------------------------------------------------------------------------- 
-- ARROW BUTTONS
------------------------------------------------------------------------------------------- 
*/

.md-bg {
	position:absolute;
	bottom:0;
	/**/
	height:115px;
	width:100%;
	background-color:#FFF;
	zoom: 1;
	filter: alpha(opacity=60);
	opacity: 0.60;
}

.md-container {
	position: absolute;
	/**/
	width:100%;
	height:100%;
}

.md-menu {
	position:relative;
	margin: 0 auto;
	/**/
	height:100%;
	max-width:974px;
	/*
	border: 1px solid #0FF;*/
	/* stop menu from being selected */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.md-stage {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	/**/
	height: 100%;
	/*
	border: #0F0 1px solid;*/
}

.md-sprite {
	height:100%;
}

.menu-dock ul {
	height:100%;
}

.menu-dock li {
	position: relative;
	float: left;
	/**/
	width: 178px;
	height: 100%;
	/**/
	cursor: pointer;
	/**/
	background: transparent url(item_bg.png) no-repeat 0 0;
}

.menu-dock li a {
	display:block;
	position:relative;
	/**/
	height:100%;
	/**/
	text-decoration:none;
}

.menu-dock li a:hover {
	text-decoration:underline;
}

.menu-dock li a img {
	margin-left:9px;
	margin-top:8px;
}

.menu-dock li a span {
	display:block;
	/**/
	font-family: "SkyMedium";
	font-size: 18px;
	color: #003471;
	/**/
	text-align: center;
	padding-top:20px;
}


/* 
------------------------------------------------------------------------------------------- 
-- SELECTOR ARROW
------------------------------------------------------------------------------------------- 
*/

.md-selector-arrow {
	display: block;
	position: absolute;
	/**/
	height:15px;
	bottom:0;
}
.md-selector-arrow-icon {
	display: block;
	width: 29px;
	height: 15px;
	background: transparent url(menu_arrow.png) no-repeat 0 0;
}

/* 
------------------------------------------------------------------------------------------- 
-- MENU SHOW TRIGGER BTN
------------------------------------------------------------------------------------------- 
*/

.md-trigger-btn {
	position:absolute;
	display:block;
	top:0;
	/**/
	width:100%;
	height:30px;
	/*
	background-color:#000;*/
}
.md-trigger-btn-icon {
	display: block;
	/**/
	width: 33px;
	height: 24px;
	/**/
	margin: 0 auto;
	margin-top: 5px;
	background: transparent url(menu_trigger_btn.png) no-repeat 0 0;
}


/* 
------------------------------------------------------------------------------------------- 
-- ARROW BUTTONS
------------------------------------------------------------------------------------------- 
*/
.md-btn {
	display:block;
	position: absolute;
	top: 60px;
	width: 59px;
	height: 49px;
}
.md-btn-right {
	display:block;
	width: 100%;
	height: 100%;
	right: 0px;
	background: transparent url(arrow_right.png) no-repeat right 0;
}
.md-btn-left {
	display:block;
	width: 100%;
	height: 100%;
	left: 0px;
	background: transparent url(arrow_left.png) no-repeat left 0;
}