/* CSS Document */

/*************************************************************************
* This is the SKIN style definition for the CSS menu.                    *
* Feel free to customize this section.                                   *
*************************************************************************/
/*
 * Menu container settings
 * Applies to the first level menu container
 */
 .navigationbg{background: url(../images/menu_bg.jpg) left top no-repeat; padding:0px; margin: 0 0 0 0; height:38px; width:100%; width:955px;}


.modern_blue {
	font-family: Arial;
	font-size: 11px;
 	font-weight: bold;
	width:955px;
}

/*
 * Menu container settings
 * Applies to second (or more) level menu containers
 */
.modern_blue ul {
	border-right:2px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
	font-weight: normal;
	
}

/*
 * Menu items settings
 * Applies to all menu items in all menu containers
 */
.modern_blue li {
	background: url(../images/menu_bg.gif) left top repeat-x;
	border-right:1px solid #d0d0d0;
	overflow:hidden;
	
}
/*
 * Specific to MODERN skin only
 * Applies to the last item of the first level
 */
.modern_blue li.last {
	padding-right: 0px;
}



/*
 * Menu items settings
 * Applies to second (or more) level menu items
 */
.modern_blue ul li {
	background:#f6f6f6  ;
	background-image: none;
	border: none;
	margin-right: 0px;
 	width: 250px;
}

/*
 * Menu link settings
 * Applies to links that are to be found within the menu items, no matter the menu level
 */
.modern_blue a:link, .modern_blue a:active, .modern_blue a:visited {
	color: #000000;
	text-decoration: none;
	padding:6px 14px;
	cursor: default;

}
.modern_blue a:hover{
	color: #000;

}

.modern_blue li a:link, .modern_blue li a:active, .modern_blue li a:visited{
	color: #383838;
	font-weight:normal;
	font-size:12px;
}

.modern_blue ul li ul li a:link, .modern_blue ul li ul li a:active, .modern_blue ul li ul li a:visited{
	color: #000;
}



/*Drop down height*/
.modern_blue ul li a:link, .modern_blue ul li a:active, .modern_blue ul li a:visited{
	color:#0f00;
	
}

.modern_blue ul li a:hover{	color: #fff;
}

/*
 * Menu link settings
 * Applies to links located in the second (or more) level menu items
 */
.modern_blue ul a {
	border-bottom:1px solid #CCCCCC;
	color: #000; font-weight:normal; line-height:18px;
}


/*****************************************************************************
* In this section, we will define what happens when a menu item is selected  *
*****************************************************************************/

/*
 * Selected menu item
 * Applies to selected menu items in all menu containers
 */
.modern_blue ul li a.selected {
	background-color:#f6f6f6;
	background-image: none;
	color:#000;
}

/*
 * Selected menu item
 * Applies to second (or more) level selected menu items
 */
.modern_blue li.selected {
	background-color: #;
	color:#000000;
}

/*
 * Selected links
 * Applies to selected links in all menu items
 */
.modern_blue a.selected {
	color: #000;
}

/*
 * Selected links
 * Applies to selected links located in the second (or more) level menu items
 */
.modern_blue ul a.selected {

}


/***************************************************************************
* In this section, we will define what happens when mouse-overing an item  *
***************************************************************************/

/*
 * Mouse over on menu items
 * Applies to all menu items in all menu containers
 */
.modern_blue li.hover {
	background: url(../imageds/menu_over.gif) left top repeat-x;
	color:#fff;
	font-weight:bold;
	
}
/*
 * Mouse over on menu items
 * Applies to second (or more) level menu items
 */
.modern_blue ul li.hover {
	background: #6f307a  url(../images/menu_bg.gif) left top repeat-x; color:#FFFFFF;  
}

/*
 * Mouse over on links
 * Applies to all links in all menu items
 */
.modern_blue a.hover {
	color: #000;
	border-bottom: none;
}

/*
 * Mouse over on links
 * Applies to links located in the second (or more) level menu items
 */
.modern_blue ul a.hover {
	border-top: none;
	border-bottom: 1px solid #ffffff;
	color: #000;
}

/*
 * Specific to MODERN skin only
 * Applies to links located in the third (or more) level menu items
 */
.modern_blue ul ul li.hover  {
	background-color: #bcbcbc;

}

/******************************************************************************
* In this section, we will define the menu arrows behavior                    *
* An arrow is inserted next to the menu item when the menu item has sub-menus *
******************************************************************************/
/*proble*/

/* 
 * Define the arrow
 * Applies to all menu items that have sub-menus
 */
.modern_blue .arrow {
	background-image: url(../images/right_arrow.png);
	background-repeat: no-repeat;
	background-position: 6px center;
}

/* 
 * Define the arrow
 * Applies to all menu items that have sub-menus located in the second (or more) level
 */
.modern_blue .hover ul .arrow,
.modern_blue ul .arrow {
	background-image: url(../images/right_arrow.png);
}

/* 
 * Define the arrow on mouse over
 * Applies to all menu items that have sub-menus on mouse over
 */
.modern_blue .hover .arrow {
	background-image: url(img/arrow_down_light.gif);
}

/* 
 * Define the arrow on mouse over
 * Applies to all menu items that have sub-menus located in the second (or more) level on mouse over
 */
.modern_blue ul .hover .arrow {
	background-image: url(../images/right_arrow_over.png); 
}
/*************************************************************************
* This is the LAYOUT style definition for the CSS menu                   *
* DO NOT alter this section, unless you know what you're doing           *
*************************************************************************/
div.horizontal {
	clear: both;
}
div.horizontal br {
	clear: both;
}
div.horizontal ul {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	clear: both;
}
div.horizontal li {
	list-style-type: none;
	display: block;
	float: left;
	clear: none;
	text-align: left;
    position: static;
}
div.horizontal li img {
	border: none;
}
div.horizontal a {
	clear: both;
	display: block;
	margin: 0px;
}
div.horizontal ul li ul {
	position: absolute;
	visibility: hidden;
	clear: both; 
}
div.horizontal ul li ul li {
	clear: both; 

}
div.horizontal ul li ul li a {
	clear: both;
	font-size:11px;
}
.hasImg,
.hasImg a {
	padding: 0px !important;
	margin:	0px	!important;
	border:	none !important;
	outline: none !important;
	background:	transparent !important;
	width: auto !important;
}

.hirededi{ width:200px;}











/*+++++++++++ Content Tab+++++++++++++++*/


#services_tab{ 
	width			:635px;
	font-size		:11px; 
	position		:relative;
	padding:		8px 0 0 0;
	margin:0;}


#services_tab_left{
	float: left;
	width:265px;
	padding:0 0 0 25px;
	}


#services_tab_right{
	float: right;
	width:340px;
	height:275px;
	background: url(../images/tab_mainbg.gif) left top repeat-x;
	border:solid 1px #eae6e6;
	border-left:none; }


#demo {
	MARGIN: 12px 0px 20px 0; WIDTH: 647px;
}
#demo P {
	padding:15px 5px; text-align:justify;  
}
#demo H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 25px; FONT-SIZE: 100%; PADDING-BOTTOM: 0px;  PADDING-TOP: 0px; text-align:left;	font-size:14px;	font-weight:bold;	color:#911515;  font-family:"trebuchet MS", verdana, arial; background:#fbe8b7; padding:4px 0 4px  3px; margin:0 0 0 0;


}
UL#demo-nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(pixel.gif) repeat-x left bottom; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 186px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
}
UL#demo-nav LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 2px 0px 0px; PADDING-TOP: 0px
}
UL#demo-nav A {
	 width:250px;
	 DISPLAY: block;
	 BACKGROUND: url(../images/tab_bg.gif) left top no-repeat;
	 text-decoration:none;
	 font-size:11px;
	 padding:15px 8px 12px 45px;
	 color:#666666;
	 text-align:left;
	 margin:0 0 2px 0;
	 font-family: arial;
	 font-weight:bold;
	 font-family:"Lucida Grande",helvetica,verdana,sans-serif;
	
}
UL#demo-nav A:hover {
	 BACKGROUND: url(../images/tab_over.gif) left top no-repeat;
	 color: #007bb6;
	 
}
UL#demo-nav A.active {
	 BACKGROUND: url(../images/tab_over.gif) left top no-repeat;
	 	 color: #007bb6;

}

/*Tab image*/
UL#demo-nav .software{	position:absolute;	height:18px;	width:33px;	top: 20px;	left: 35px;}
UL#demo-nav .designing{	position:absolute;	height:30px;	width:25px;	top: 250px;	left: 35px;}
UL#demo-nav .development{	position:absolute;	height:30px;	width:30px;	top: 205px;	left: 35px;}
UL#demo-nav .solutions{	position:absolute;	height:30px;	width:33px;	top: 109px;	left: 34px;}
UL#demo-nav .seo{	position:absolute;	height:30px;	width:33px;	top: 158px;	left: 35px;}
UL#demo-nav .mobile{	position:absolute;	height:30px;	width:27px;	top: 63px;	left: 34px;}





#demo-tabs {
	CLEAR: left;  PADDING-TOP: 0;  height:270px; 
}

#demo .tab {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0; PADDING-TOP: 0px;  
}

#demo .par {
	padding:0; margin:0;
}

UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}