/*
------------------------------------------------------------------------------------------------------
Drop Down Menu in HTML and CSS with 3 Levels - Working in All Browsers
Author: Extreme Design Studio
Tutorial Link: http://extremestudio.ro/?p=8136
------------------------------------------------------------------------------------------------------
*/


* {
	margin: 0;
	padding: 0;
}
 .main-menu{
	background:#1B60AA;
}
#nav{
	margin:0;
	padding:0;
}

.dropDownMenu {
	width: 100%;
	float: left;
/* 	height: 40px;
 */	/* background: #08A3DB; */
}
.dropDownMenu a {
	min-height:15px;
 	color: #ffffff;
	float: left;
 	font-size: 14px;
 	line-height: 14px;
	padding:0px 10px;
	text-decoration: none;
	text-transform:uppercase;
	border-right:1px solid #042c57 ;
	border-left:1px solid #62a5ec ;
	font-family:calibri;
}
.dropDownMenu a:hover {
	text-decoration: none;
	color:#e6e4e4;
}
.dropDownMenu li{
	float: left;
	display: block;
	list-style: none;
	position: relative;
	padding:5px 0px

}
.home-menus{
  margin: 0;
  padding-left: 0 !important;
  border-left: 0 !important;
}
.contact-menus{
  margin: 0;
  padding-right: 0 !important;
  border-right: 0 !important;
}
/* .dropDownMenu li:first-child{
	border-left:0px; 
}

.dropDownMenu li:last-child{
	border-right:0px;
	padding-right:0px;
} */
/* 
.dropDownMenu li a:first-child{ 
	padding-left:0px;
}
.dropDownMenu li a:last-child{ 
	padding-right:0px;
} */
 
.dropDownMenu li ul {
	width: 200px;
	position: absolute;
	list-style: none;
	display: none;
	margin: 0;
	left: -10px;
	z-index: 999;
	top:0;
}
.dropDownMenu li:hover ul {
	display: block;
	margin-top:25px;
	margin-left: 10px;
}
.dropDownMenu li ul li {
	width:200px;
	border-right:0px;
	border-left:0px;
	border-bottom:1px solid #c0c0c0;
/* 	padding:5px 15px; */
	padding:0px;
}
.dropDownMenu li ul li:last-child{
	border-bottom:0;
}
.dropDownMenu li ul li a{
	color: #555;
	display: block;
	margin: 0 !important;
	width: 100%;
	background:rgba(255,255,255,.9);
	padding:7px 10px;
	border-left:0px;
	border-right:0px;
	font-size:13px;
	line-height:13px;
}
.dropDownMenu li ul li a:hover{
	color:#1B60AA;
	background:rgba(255,255,255,1);

}
.dropDownMenu li ul li ul {
	position: absolute;
	display: none !important;
	left: 200px;
	top: -30px;
	z-index: 999;
}
.dropDownMenu li ul li:hover ul {
	display: block !important;
	margin: 30px 0 0 0;
}
.dropDownMenu li ul li ul li {
	float: left;
	width: 270px;
	display: block;
}
.dropDownMenu li ul li ul li a {
	display: block;
	margin: 0 !important;
	width: 100%;
	background:rgba(238,238,238,1);
}

.dropDownMenu li ul li ul li a:hover{
	background:rgba(255,255,255,1);
}