/*----------------------------
	The Navigation Menu
-----------------------------*/


#colorNav > ul{
	width: auto; /* Increase when adding more menu items */
	margin:0 auto;
	float:left;
}

#colorNav > ul > li{ /* will style only the top level li */
	list-style: none;
	display: inline-block;
	line-height: 1;
	position:relative;
	float:left;
}

#colorNav > ul > li > a{
	 color: #292929;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    height: 42px;
    line-height: 40px;
    position: static;
    text-align: center;
    text-decoration: none;
}

#colorNav li ul{
	position:absolute;
	list-style:none;
	text-align:center;
	width:180px;
	left:50%;
	margin-left:-90px;
	top:28px;
	font:12px;
	max-height:0px;
	overflow:hidden;
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;
}

#colorNav li ul li{
	background:#e1e1e1 url(../images/border_bottom.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	text-align:left;
	line-height:22px;
	width:159px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#colorNav li ul li a{
	padding-top:6px;
	padding-bottom:6px;
	padding-left:6px;
	padding-right:5px;
	color:#000 !important;
	text-decoration:none !important;
	display:block;
}

#colorNav li ul li:nth-child(odd){ /* zebra stripes */
	background-color:#e1e1e1;
}

#colorNav li ul li:hover{
	background-color:#e1e1e1;
}

#colorNav li ul li:first-child{
	border-radius:3px 3px 0 0;
	margin-top:25px;
	position:relative;
}

#colorNav li ul li:first-child:before{ /* the pointer tip */
	content:'';
	position:absolute;
	width:1px;
	height:1px;
	border:5px solid transparent;
	border-bottom-color:#e1e1e1;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	left:50%;
	top:-10px;
	margin-left:-5px;
}

#colorNav li ul li:last-child{
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	border-bottom-color:#000;
}

/* This will trigger the CSS */
/* transition animation on hover */

#colorNav li:hover ul{
	max-height:600px; /* Increase when adding more dropdown items */
}


/*----------------------------
	Color Themes
-----------------------------*/


.home{
width:156px;
background:url(../images/menu-bg/home_curbg.gif);
background-repeat: no-repeat;
display:block;

height:42px;
}

.about{
width:156px;
background:url(../images/menu-bg/aboutus_curbg.gif);
background-repeat: no-repeat;
display:block;
height:42px;
}

.infra{
width:156px;
background:url(../images/menu-bg/infra_curbg.gif);
background-repeat: no-repeat;
display:block;
height:42px;
}

.service{
width:156px;
background:url(../images/menu-bg/services_curbg.gif);
background-repeat: no-repeat;
display:block;
}


.pro-gallery{
width:168px;
background:url(../images/menu-bg/products_curbg.gif);
background-repeat: no-repeat;
display:block;
}


.cnt-us{
width:159px;
background:url(../images/menu-bg/contactus_curbg.gif);
background-repeat: no-repeat;
display:block;
}