/* --- Nav styles below --- */
.menu {
	width:1000px;
	height:45px;
	position:relative;
	margin: 0;
	z-index:100; background: #414244; border-radius: 5px 5px 0 0; font-size: 12px; text-transform: uppercase;
}
.menu ul li{background:url(../images/divider.png) no-repeat right;}
.menu ul li:last-child{background: none;}
.menu ul li a {
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	overflow:hidden; line-height: 45px; padding: 0 15px;
}
.menu ul li a:hover{background: #5e411f;}

----------------- /* IE */ -------------------
.menu ul li a{padding: 0 17px\0; /* IE8, IE9 */ }/*
* html .menu4 ul li a, .menu4 ul li a:visited {
width:100px; w\idth:70px;
}*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
.menu ul li a{padding: 0 15px 0;}
}
/* first and last tabs */
.menu .one {
	background-image:url(../images/1a.png);
	padding-left: 1px;
	margin-right: -1px;
}
.menu .three {
	background-image:url(../images/3a.png);
}

.menu ul {padding:0; margin:0; list-style: none; text-align: center}
.menu ul li {position:relative; display:inline-block; z-index:100;}
.menu ul li ul {display: none; margin:5px 0;}

/* button hover properties */
.menu ul li:hover a {color:#FFFFFF; background: url(../images/2b.png);}
.menu ul li:hover ul {display:block; color:#FFFFFF; position:absolute; top:45px; left:0; width:207px; margin: 0; padding: 0;}
.menu ul li:hover ul li a.two {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.two {background:#6fc; color:#544a3a;}
.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover .one {color:#043454; background: url(../images/1b.png);}
.menu ul li:hover .three {color:#043454; background: url(../images/3b.png);}

/* dropdown properties */
.menu ul li:hover ul li a {background-image: none; display:block;height: 28px; line-height: 26px; color:#FFFFFF; width:196px; text-align:left; margin: 0; padding:0 0 0 11px;font-weight:normal;}
.menu ul li:hover ul {
	margin: 0;
	padding: 0;
	background-image: url(../images/ddbg.png);
	background-repeat:no-repeat;
	background-position:bottom left; 
}
.menu ul li:hover ul .hlight {
	background-image: url(../images/hlight2.png);
	margin-right: 1px;
}

/* dropdown selected properties */
.menu ul li:hover ul li a:hover {color:#333333; background-image: url(../images/hlight.png);}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

@media only screen and (min-width:960px) and (max-width:1179px) {
.menu{width: 940px;}
.menu ul li a{padding: 0 13px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.menu{width: 748px;}
.menu ul li a{padding: 0 6px; font-size: 11px;}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
.menu{width: 620px; display: none; height: auto; border-radius: 0;}
.menu ul li a{padding: 0 12px; font-size: 11px;}
.menu ul li{float: none; border-bottom: 1px solid #999999; background: none; display: block;}
.menu ul li:hover ul{position: relative; top: 0; width: 100%; background: #353536;}
.menu ul li:hover ul li a{padding: 0; width: auto; text-align: center;}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
.menu{width: 460px; display: none; height: auto; border-radius: 0;}
.menu ul li a{padding: 0 12px; font-size: 11px;}
.menu ul li{float: none; border-bottom: 1px solid #999999; background: none; display: block;}
.menu ul li:hover ul{position: relative; top: 0; width: 100%; background: #353536;}
.menu ul li:hover ul li a{padding: 0; width: auto; text-align: center;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.menu{width: 300px; display: none; height: auto; border-radius: 0;}
.menu ul li a{padding: 0 12px; font-size: 11px;}
.menu ul li{float: none; border-bottom: 1px solid #999999; background: none; display: block;}
.menu ul li:hover ul{position: relative; top: 0; width: 100%; background: #353536;}
.menu ul li:hover ul li a{padding: 0; width: auto; text-align: center;}
}