/*============= Top Nav ================*/

.header_nav {background:#636363; height:68px; }
/* Navigation */
.header_nav{width: 100%;
height: 68px;
  background:#000;  
	border-top:solid 1px lightgray;  box-shadow: 0px 6px 6px 0px #ccc;
  
}
.nav2 {float:left;}
.nav2 ul {padding:0;	margin:0;}
.nav2 ul li{list-style-type:none; float:left; position:relative; margin-left:-32px;}

 
.nav2 ul li a{
	display:inline-block;
	color: #fff;
	font-family: Gilroy;
	font-size: 16px;
 
	text-transform: uppercase;
	text-decoration:none;
	height:68px;
	line-height:68px;
	padding:0;
	padding-left:30px;
	padding-right:30px;
 background-image: url(../images/nav_bg.png); 
	background-repeat: no-repeat;
	background-position: right 0;cursor: pointer;
}
.nav2 ul li a span{width:40px; height:28px;   0 top; display:inline-block; color:#ffff; text-align:center; line-height:40px; margin-right:10px; font-style:normal; font-size:15px; cursor: pointer;}

.nav2 ul li a:hover{
	color:#ffffff;
 
	background-image: url(../images/nav_hover2.png);
	background-repeat: no-repeat;
	background-position: right 0;
	cursor: pointer;
}
.nav2 ul li a:hover span{background:url(../images/color-icon2.png) no-repeat 0 bottom; color:#333333;cursor: pointer;}
.nav2 ul li a.active span{background:url(../images/color-icon2.png) no-repeat 0 bottom; color:#333333;}

.nav2 ul li.ui-tabs-active a{background:url(../images/round1.png) no-repeat right 0; color:#ffffff;}
.nav2 ul li.ui-tabs-active a span{background:url(../images/round1.png) no-repeat 0 bottom; color:#333333;}

.nav2 ul li.step1{z-index:70; margin-left:0px;}
.nav2 ul li.step1 a{padding-left:20px;}
.nav2 ul li.step2{z-index:60;}
.nav2 ul li.step3{z-index:50;}
.nav2 ul li.step4{z-index:40;}
.nav2 ul li.step5{z-index:30;}
.nav2 ul li.step6{z-index:20;}
.nav2 ul li.step7{z-index:10;}

/* Logo */
.header_nav .logo { float:right;	margin-top:18px; margin-right:14px; }