/************** MAIN MENU CONTAINER *************/
ul#menu{
	display:inline-block;
	float:none;
	width:997px;
	font-family: junctionregularRegular, Arial, Helvetica, sans-serif;
}


/************** Main Links *************/
ul#menu > li{
	font-size:1.05;
	/* animation */
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #052525;
	border-bottom-color: #fff;
	border-left-color: #666666;
	font-family: junctionregularRegular, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 50px;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
}


/************** Hover statement on main links *************/
ul#menu li:hover {
	background-color: #005F86;
	border-width: 0px 1px 0px 1px;
	border-color: #fff #052525 #fff #052525;
	/* aimation */
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	/* transform effect */
	-moz-transform:scale(1.03);
	-webkit-transform:scale(1.03);
	/* shadow */
	box-shadow: 2px 2px 4px #222;
	-webkit-box-shadow: 2px 2px 4px #222;
	-moz-box-shadow: 2px 2px 4px #222;
}


/************** Link texts *************/
ul#menu a:link,
ul#menu a:visited,
ul#menu a:hover,	
ul#menu a:active {color: #fff; text-decoration:none;  display:block; } 



/************** SECOND LEVEL MENU *************/

/************** Second level position when opened *************/
ul#menu ul {
	margin: -1px 0 0 -1px;
}


/************** Second level menu link *************/
ul#menu ul li {
	background-color: #005E86;
	border-bottom:1px solid #2c5151;
	/* aimation */
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	/* shadow */
	box-shadow: 2px 2px 4px #222;
	-webkit-box-shadow: 2px 2px 4px #222;
	-moz-box-shadow: 2px 2px 4px #222;
}


/************** Do not show border of the last item *************/
ul#menu ul li:last-child {
	border-bottom:0px solid #fff;
}


/************** Hover statement on second level links *************/
ul#menu ul li:hover{
	background-color: #5F98B8;
	border-bottom:1px solid #2a8585;
	/* aimation */
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	/* transform effect */
	-moz-transform:scale(1.02);
	-webkit-transform:scale(1.02);
}


/************** Direction Arrows for all levels *************/
ul#menu .level {
	padding-right: 25px;
	background-image: url(arrowDown.png);
	background-position: right center;
	background-repeat: no-repeat;
}


ul#menu ul .level {
	padding-right: 15px;
	background-image: url(arrowRight.png);
	background-position: right center;
	background-repeat: no-repeat;
}
