/*------------------------------------------------------------------------------------
      (C)2008 (X)HTML and CSS by KD Web
------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------
  NAVIGATION
------------------------------------------------------------------------------------*/   
#navigation {
	height: 33px;
	float: right;
	overflow: hidden;	
	width:635px;
	position: relative;	
	margin-top: 23px;
}

#navigation ul {
	width: auto;
	position: absolute;
	top: 0;
	right: -2px;
}


#navigation ul li {
	display: inline;
	height: 24px;
}

#navigation ul li a {
	padding: 0 10px 0 0;
	float: left;
	background: url(../images/buttons/mainNav-divider.gif) right top no-repeat;
}

#navigation ul li a:hover {
	background: #DF0503 url(../images/buttons/mainNav-right.gif) right top no-repeat;
	margin: 0 0 0 -1px;
	border-left: 1px solid #fff;
}

#navigation ul li a:hover img {
	background: #DF0503 url(../images/buttons/mainNav-hover.gif) left top no-repeat;
}

#navigation ul li.active a {
	background: #DF0503 url(../images/buttons/mainNav-right.gif) right top no-repeat;
	margin: 0 0 0 -1px;
	border-left: 1px solid #fff;
}

#navigation ul li.active a img {
	background: #DF0503 url(../images/buttons/mainNav-hover.gif) left top no-repeat;
}


#navigation ul li.index a,
#navigation ul li.about-us a,
#navigation ul li.services a,
#navigation ul li.market-sectors a,
#navigation ul li.clients a,
#navigation ul li.careers a,
#navigation ul li.news a,
#navigation ul li.contact-us a {
	height: 66px;
	display: block;
	position: relative;
	text-indent: -999999px;
	overflow: hidden;			
	background: url(../images/buttons/home.png) center top no-repeat;	
}
#navigation ul li.index a {width: 57px; background: url(../images/buttons/home.png) left top no-repeat;}
#navigation ul li.about-us a {width: 82px; background: url(../images/buttons/about-us.png) left top no-repeat; border-left: 1px solid #fff;}
#navigation ul li.services a {width: 76px; background: url(../images/buttons/services.png) left top no-repeat;}
#navigation ul li.market-sectors a {width: 131px; background: url(../images/buttons/market-sectors.png) left top no-repeat;}
#navigation ul li.clients a {width: 69px; background: url(../images/buttons/clients.png) left top no-repeat;}
#navigation ul li.careers a {width: 74px; background: url(../images/buttons/careers.png) left top no-repeat;}
#navigation ul li.news a {width: 56px; background: url(../images/buttons/news.png) left top no-repeat;}
#navigation ul li.contact-us a {width: 95px; background: url(../images/buttons/contact-us.png) left top no-repeat;} 

/* HOVER */
#navigation ul li.about-us a:hover,
#navigation ul li.services a:hover,
#navigation ul li.market-sectors a:hover,
#navigation ul li.clients a:hover,
#navigation ul li.careers a:hover,
#navigation ul li.news a:hover,
#navigation ul li.contact-us a:hover,
#navigation ul li.index a:hover {
	position: relative;
	bottom: 33px;
	margin: 0 0 0 -1px;
}

#navigation ul li.index a:hover {
	position: relative;
	bottom: 33px;
	margin: 0 0px 0 0;
}

#navigation ul li.index a:hover {width: 57px;}
#navigation ul li.about-us a:hover {width: 83px;}
#navigation ul li.services a:hover {width: 77px;}
#navigation ul li.market-sectors a:hover {width: 132px;}
#navigation ul li.clients a:hover {width: 70px;}
#navigation ul li.careers a:hover {width: 75px;}
#navigation ul li.news a:hover {width: 57px;}
#navigation ul li.contact-us a:hover {width: 96px;}

/* ACTIVATE */
#index #navigation ul li.index a {position: relative; bottom: 33px; width: 57px;}
#about-us #navigation ul li.about-us a {position: relative; bottom: 33px; margin: 0 0 0 -1px; width: 83px;}
#services #navigation ul li.services a {position: relative; bottom: 33px; margin: 0 0 0 -1px; width: 77px;}
#market-sectors #navigation ul li.market-sectors a {position: relative; bottom: 33px; margin: 0 0 0 -1px; width: 132px;}
#clients #navigation ul li.clients a {position: relative; bottom: 33px; margin: 0 0 0 -1px; width: 70px;}
#careers #navigation ul li.careers a {position: relative; bottom: 33px; margin: 0 0 0 -1px; width: 75px;}
#news #navigation ul li.news a {position: relative; bottom: 33px; margin: 0 0 0 -1px; width: 57px;}
#contact-us #navigation ul li.contact-us a {position: relative; bottom: 33px; margin: 0 0 0 -1px; width: 96px;}


/*------------------------------------------------------------------------------------
  SUB-NAVIGATION
------------------------------------------------------------------------------------*/   

#sub-navigation {
	width:608px;
	height: 33px;
	float: right;
	clear: right;
}

#sub-navigation ul.sub_left {
	float: left;
}

#sub-navigation ul.sub_center {
	text-align: center;
}

#sub-navigation ul.sub_right {
	float: right;
}

#sub-navigation ul  li{
	display: inline;
}

#sub-navigation ul  li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 11px;
	text-decoration: none;
	padding:0 7px;
}

#sub-navigation ul  li.sub_active a  {
	color: #df0503;
	font-weight: bold;
	/*text-decoration: underline;*/
}

#sub-navigation ul  li.sub_active a:hover  {
	text-decoration: none;
}

#sub-navigation ul  li a:hover {
	color: #df0503;
	text-decoration: underline;
	
}

.pipe {
	color: #CCC;
}




/*------------------------------------------------------------------------------------
  SERVICES COLUMNS
------------------------------------------------------------------------------------*/   

.tx-services-pi1 {
	border-top:1px solid #E0E0E0;
	padding:15px 0 0;
}

.service_left {
	width: 413px;
	float: left;
}

.service_right {
	width: 413px;
	float: right;
}

.service_left p, .service_right p {
	margin-bottom: 10px;
}

.service_left h4, .service_right h4 {
	margin: 6px 0 14px 0;
}



.service_left h4 a, .service_right h4 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #df0503;
	padding: 4px 20px 6px 16px;
	background: #e0e0e0 url(../images/icons/services-downarrow.gif) right top no-repeat;
	display: block;
	text-decoration: none;
	font-size: 11px;
	width: 377px;
}

.service_left h4.services-active a, .service_right h4.services-active a {
	background: #e0e0e0 url(../images/icons/services-uparrow.gif) right top no-repeat;
}

.services-detail {
	display: none;
	padding: 0 4px 7px;
}


img.services-image {
	float: left;
	margin: 0 20px 10px 0;
}