@charset "utf-8";
/* CSS Document */

a  {
	outline:none;
}

.top_menu {
	display:block;
	width:740px;
	height:55px;
}


/*-------All Top Menu Effect Style----------*/

#nav {
	display:block; 
	margin:15px 0 0 0;
	padding:0; 
	height:20px;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;	
	}	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */

#nav li {
	display:block; 
	float:left; 
	height:20px;
	line-height:20px;
	position:relative;
	float:left; 
    }
		
		/* this is the parent menu */
#nav li a {
	display:block; 
	height:20px;
	line-height:30px;
	text-decoration:none; 
	color:#000; 
	text-align:center; 

	
		}

#nav li a:hover {
	background-position:0 -20px;
	}
	
		/* you can make a different style for default selected value */
#nav a.selected {

		}
	
		/* submenu, it's hidden by default */
		
#nav ul {
		position:absolute; 
	    padding:1px 0 0 0;
		left:0; 
		display:none; 
		list-style:none;
		}
		
#nav ul li {

		float:left; 

}
		
		/* display block will make the link fill the whole area of LI */
#nav ul a {
	display:block;  
    color:#000;
	height:20px;
	line-height:20px;
	text-decoration:none;
		}
		
#nav ul a:hover {
	text-decoration:none;
	color:#ff9f00;

		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 0;

		}


/*------Each Top Menu Style----------*/		


.top_aboutus_bn  {
	display:block;
	height:20px;
	width:130px;
	padding:0;
	background-repeat:no-repeat;
	background: url('../images/top_menu/bn_about.png'); background: none, url('../images/top_menu/bn_about.svg');
}

.top_aboutus_bn2  {
	display:block;
	height:20px;
	width:130px;
	padding:0;
	background: url('../images/top_menu/bn_about_philosophy.png'); background: none, url('../images/top_menu/bn_about_philosophy.svg');
	background-repeat:no-repeat;
}

.top_aboutus_bn3  {
	display:block;
	height:20px;
	width:130px;
	padding:0;
	background: url('../images/top_menu/bn_about_core_capabilities.png'); background: none, url('../images/top_menu/bn_about_core_capabilities.svg');
	background-repeat:no-repeat;
}

.top_showcase_bn  {
	display:block;
	height:20px;
	width:110px;
	padding:0;
	background: url('../images/top_menu/bn_showcase.png'); background: none, url('../images/top_menu/bn_showcase.svg');
	background-repeat:no-repeat;
	background-position:top;
}


.top_ourclient_bn  {
	display:block;
	height:20px;
	width:110px;
	padding:0;
	background: url('../images/top_menu/bn_ourclient.png'); background: none, url('../images/top_menu/bn_ourclient.svg');
	background-repeat:no-repeat;
	background-position:top;
}


.top_testimonial_bn  {
	display:block;
	height:20px;
	width:115px;
	padding:0;
	background: url('../images/top_menu/bn_testimonial.png'); background: none, url('../images/top_menu/bn_testimonial.svg');
	background-repeat:no-repeat;
	background-position:top;
}

.top_work_bn  {
	display:block;
	height:20px;
	width:155px;
	padding:0;
	background: url('../images/top_menu/bn_work.png'); background: none, url('../images/top_menu/bn_work.svg');
	background-repeat:no-repeat;
	background-position:top;
}

.top_work_bn2  {
	display:block;
	height:20px;
	width:155px;
	padding:0;
	background: url('../images/top_menu/bn_work_graphic_designer.png'); background: none, url('../images/top_menu/bn_work_graphic_designer.svg');
	background-repeat:no-repeat;
	background-position:top;
}

.top_work_bn3 {
	display:block;
	height:20px;
	width:155px;
	padding:0;
	background: url('../images/top_menu/bn_work_account_executive.png'); background: none, url('../images/top_menu/bn_work_account_executive.svg');
	background-repeat:no-repeat;
	background-position:top;
}

.top_contact_bn  {
	display:block;
	height:20px;
	width:105px;
	padding:0;
	background: url('../images/top_menu/bn_contact.png'); background: none, url('../images/top_menu/bn_contact.svg');
	background-repeat:no-repeat;
	background-position:top;
}