/* ---------------------------------------------
GENERIC STYLES
-----------------------------------------------*/

body {
	font: 62.5% arial, verdana, sans-serif;
	color: #FFF;
	background: #063c87 url(../images/template/body_bg.jpg) repeat-x;
	height: 100%;
}
		
a { 
	text-decoration:none;
	color:#ff7e00; 
} 

a:hover { 
	text-decoration:underline;
	color: #ff7e00;
} 
	
/* ---------------------------------------------
GENERAL STYLES
-----------------------------------------------*/

html{
	margin-bottom:1px;
	height: 100%;
}

*{
	padding:0;
	margin:0;
	list-style:none;
	outline:none;
/*	font-weight:normal;*/
	text-decoration:none;
}	
		
.clear{
  clear: both;
  height: 0;
}


.floatleft{
	float:left;
}

.floatright{
	float:right;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

img {
	border: 0;
	vertical-align:bottom;
}

p{
	line-height:1.8em;
	padding-top:0.5em;
}
ul.list, #wikitext ul{
	padding:0.6em 1.2em;
}
ul.list li, #wikitext li{
	list-style:inside circle;
}
.intro{
	font-weight:bold;
}

dd {
    margin-left: 4em;
}
dt, dd {
    margin-bottom: 1em;
}
dt {
    font-weight: bold;
}

/* ---------------------------------------------
CONTENT AREAS
-----------------------------------------------*/

#page_wrapper{
	width:100%;
	background:url(../images/template/page_wrapper_bg.jpg) center top no-repeat;
}
.content_wrapper{
	width:904px;
	margin:auto;
}
#login{
	float:right;
	position:relative;
	width:226px;
	height:62px;
	top:43px;
	right:27px;
/*	background:#053065 url(../images/template/login_bg.jpg) left top no-repeat;*/
	background:#053065 url(../images/template/search_bg.jpg) left top no-repeat;
}
div.header{
	width:904px;
	margin-top:7px;
	padding-bottom:5px;
	background:#FFF url(../images/template/header_bg.gif) left top no-repeat;
}
.column_container{
	overflow:auto;
	height:100%;
	width:888px;
	padding:4px 3px;
	background:url(../images/template/column_container_bg.jpg) no-repeat;
}
.column{
	float:left;
	width:296px;
	background:url(../images/template/column_bg.jpg) center top no-repeat;
	color:#a2a2a2;
}
#footer{
	margin-top:8px;
	background:url(../images/template/footer_bg.jpg) repeat-x;
	min-height:200px;
}

/* ---------------------------------------------
CONTENT AREAS
-----------------------------------------------*/

/* GENERIC CONTENT AREA */

.content{
	overflow:auto;
	height:100%;
	padding:5px;
	background:#FFF url(../images/template/content_bg.gif) left bottom no-repeat;
}
div.column div.content{
	padding:10px;
	background:none;
}

/* NEWS */

.news_item{
	clear:both;
	padding-top:0.6em;
	font-size:1.2em;
	}
.newslink a, a.thumb{
	float:left;
	display:block;
	padding:5px 6px 5px 6px;
	margin-right:6px;
	background:url(../images/template/thumb_bg.gif) no-repeat;
}
.newslink img {
    width 100px;
}
.news_item p{
	padding-top:0.2em;
	line-height:1.4em;
}
.news h4 {
    margin-top: .5em;
}

/* FEATURE BOXES */

div.feature_box{
	position:relative;
	float:left;
	width:134px;
	height:88px;
	margin-top:8px;
	margin-right:7px;
	background:#f0f0f0;
}
div.feature_box_last{
	margin-right:0;
}
div.feature_box a{
	display:block;
	position:absolute;
	bottom:0px;
	width:124px;
	padding:3px 5px;
	background:#000;
	font-size:12px;
	color:#EEE;
	opacity: .7;
	filter: alpha(opacity=70);
}
div.feature_box a:hover{
	color:#FFF;
	opacity: 1;
	filter: alpha(opacity=100);
	text-decoration:none;
}

/* FOOTER */

#footer div.column_container{
	margin:auto;
	background:url(../images/template/footer_column_bg.gif) center top no-repeat;
}
#footer div.column_container div.column{
	background:none;
	color:#FFF;
	font-size:1.1em;
}
#footer div.column_container div.column div.content img{
	margin:10px 10px 20px 0;
}

/* LEFT AND RIGHT */

div.content_left{
	float:left;
	width:184px;
}
div.content_right{
	float:left;
	width:650px;
}
div.content_right div.content{
	padding-left:22px;
	background:none;
	color:#023176;
	font-size:1.2em;
}

/* ---------------------------------------------
HEADER STYLES
-----------------------------------------------*/

h3 {
    font-weight: normal;
    font-family: Trebuchet MS, verdana, arial, sans-serif;
}

h1 a{
	display:block;
	width:345px;
	height:45px;
	padding-top:49px;
	text-indent:-5000px;
	background:url(../images/template/logo.jpg) bottom no-repeat;
}

h2{
	display:block;
	text-indent:-5000px;
	}

/* H2 HOMEPAGE */

div.header_Main h2, div.header_home h2{
	width:274px;
	height:223px;
	background:url(../images/template/headers/h2_homepage.gif) no-repeat;
}
div.header_Main, div.header_home{
	background:#FFF url(../images/template/headers/homepage.jpg) no-repeat;
}

/* H2 MARKETS */

div.header_Markets h2{
	width:189px;
	height:120px;
	background:url(../images/template/headers/h2_markets.gif) no-repeat;
}
div.header_Markets{
	background:#FFF url(../images/template/headers/markets.jpg) no-repeat;
}

h3{
	color:#FF6101;
}
h3.h3_column, .h3_column h3{
	display:block;
	font-size:1.8em;
	color:#0a52a2;
	background:url(../images/template/dotted_border.gif)left bottom repeat-x;
}
/*h3.h3_orange{*/
h3{
	padding-bottom:0.1em;
	font-size:1.6em;
	color:#ff6000;
	background:url(../images/template/underline.jpg) left bottom no-repeat;
}
h3.h3_footer{
	font-size:1.7em;
	color:#FFF;
}

/* H4 */

h4{
	font-size:1em;
}
h4 a{
	color:#05285b;
	font-weight:bold;
}
h4 a:hover{
	color:#05285b;
	border-bottom:dotted 1px #05285b;
	text-decoration:none;
}

/* ---------------------------------------------
NAVIGATION
-----------------------------------------------*/

/* PRIMARY NAVIGATION */

#navigation{
	display:block;
	width:904px;
	height:44px;
	margin-top:50px;
	background:url(../images/template/navigation.gif) left top no-repeat
}
ul#navigation li{
	float:left;
	display:block;
	height:44px;
}
ul#navigation li a{
	text-indent:-5000px;
	display:block;
	height:44px;
}
ul#navigation li a:hover{
	background-image:url(../images/template/navigation.gif);
}

ul#navigation li a.nav_home, ul#navigation li a.nav_home_on{
	width:100px;
}
ul#navigation li a.nav_home:hover, ul#navigation li a.nav_home_on{
	background:url(../images/template/navigation.gif) left bottom;
}

ul#navigation li a.nav_markets, ul#navigation li a.nav_markets_on{
	width:97px;
}
ul#navigation li a.nav_markets:hover, ul#navigation li a.nav_markets_on{
	background:url(../images/template/navigation.gif) -100px -44px;
}

ul#navigation li a.nav_solutions, ul#navigation li a.nav_solutions_on{
	width:104px;
}
ul#navigation li a.nav_solutions:hover, ul#navigation li a.nav_solutions_on{
	background:url(../images/template/navigation.gif) -197px -44px;
}

ul#navigation li a.nav_services, ul#navigation li a.nav_services_on{
	width:99px;
}
ul#navigation li a.nav_services:hover, ul#navigation li a.nav_services_on{
	background:url(../images/template/navigation.gif) -301px -44px;
}

ul#navigation li a.nav_technology, ul#navigation li a.nav_technology_on{
	width:116px;
}
ul#navigation li a.nav_technology:hover, ul#navigation li a.nav_technology_on{
	background:url(../images/template/navigation.gif) -301px -44px;
}

ul#navigation li a.nav_about, ul#navigation li a.nav_about_on{
	width:128px;
}
ul#navigation li a.nav_about:hover, ul#navigation li a.nav_about_on{
	background:url(../images/template/navigation.gif) -417px -44px;
}

ul#navigation li a.nav_action, ul#navigation li a.nav_action_on{
	width:88px;
}
ul#navigation li a.nav_action:hover, ul#navigation li a.nav_action_on{
	background:url(../images/template/navigation.gif) -644px -44px;
}

ul#navigation li a.nav_login, ul#navigation li a.nav_login_on{
	width:128px;
}
ul#navigation li a.nav_login:hover, ul#navigation li a.nav_login_on{
	background:url(../images/template/navigation.gif) -545px -44px;
}

ul#navigation li a.nav_news, ul#navigation li a.nav_news_on{
	width:128px;
}
ul#navigation li a.nav_news:hover, ul#navigation li a.nav_news_on{
	background:url(../images/template/navigation.gif) -673px -44px;
}


/* SECONDARY NAVIGATION */

div.sub_navigation ul{
	width:184px;
	padding-bottom:40px;
	border-top:solid 4px #03367a;
	background:url(../images/template/sub_navigation_btm.jpg) right bottom no-repeat;
	font-size:1.2em;
}
div.sub_navigation ul li{
	display:block;
	width:184px;
	background:url(../images/template/sub_navigation_bg.jpg) right top repeat-y;
}
div.sub_navigation ul li a{
	display:block;
	width:159px;
	padding:7px 5px 7px 20px;
	background: url(../images/template/sub_navigation_underline.gif) left bottom no-repeat;
	color:#727272;
}
div.sub_navigation ul li a:hover, div.sub_navigation ul li.nav_on a{
	padding:7px 5px 7px 20px;
	background:#FFF url(../images/template/sub_navigation_underline.gif) right bottom no-repeat;
	text-decoration:none;
	color:#03367a;
}

/* ---------------------------------------------
BUTTONS
-----------------------------------------------*/

/* GENERIC BUTTONS */

.btn_request{
	float:right;
	display:block;
	text-indent:-5000px;
	width:134px;
	height:24px;
	background:url(../images/template/buttons/btn_request.gif) top no-repeat;
}
/*.btn_request:hover{
	background:url(../images/template/buttons/btn_request.gif) bottom no-repeat;
}*/

.btn_contact{
	float:right;
	display:block;
	text-indent:-5000px;
	width:87px;
	height:24px;
	background:url(../images/template/buttons/btn_contact.gif) top no-repeat;
}
.btn_signup{
	float:right;
	display:block;
	text-indent:-5000px;
	width:61px;
	height:24px;
	background:url(../images/template/buttons/btn_signup.gif) top no-repeat;
}

/* LOGIN */

a.btn_account{
	float:left;
	display:block;
	width:113px;
	height:29px;
	background:url(../images/template/buttons/btn_account.gif) left top no-repeat;
	text-indent:-5000px;
}
a.btn_search{
	float:left;
	display:block;
	width:113px;
	height:29px;
	background:url(../images/template/buttons/btn_search.gif) left top no-repeat;
	text-indent:-5000px;
}
a.btn_search:hover, a.btn_account:hover{
	background-position:left bottom;
}

/* ---------------------------------------------
FORMS
-----------------------------------------------*/

/* LOGIN */

#login div{
	float:left;
}
#login form input{
	width:174px;
	padding:4px;
	margin:0 0 5px 7px;
	border:none;
	font-size:11px;
	color:#42689a;
	background: url(../images/template/login_text.gif) left top no-repeat;
}
#login form input:focus{
	color:#02295d;
}
#login form input.login_button{
	float:left;
	width:22px;
	height:22px;
	background:none;
	border:none;
	margin:0;
	padding:0;
}

/* NEWSLETTER */

form#newsletter{
	padding-top:10px;
}
form#newsletter input{
	width:178px;
	padding:7px 4px;
	margin:0 0 5px 7px;
	border:none;
	font-size:11px;
	color:#42689a;
	background: url(../images/template/newsletter_text.gif) left top no-repeat;
}
form#newsletter input:focus{
	color:#02295d;
}
form#newsletter input.newsletter_button{
	width:61px;
	height:24px;
	padding:0;
	margin:0;
}

/* ---------------------------------------------
FLASH AREAS
-----------------------------------------------*/

#client_logos{
	width:276px;
	height:200px;
}

#map {
margin: 30px auto;
}


#homePageLogos { 

position:   relative; 

width:    276px; 

height:   200px; 

overflow:   hidden; 

background: white; 

}

/* *** Home Page JS Our Work *** */

#homePageLogos div.slide ul { 
position: relative;
list-style-type: none; 
padding: 0px; 
margin: 0px; 
}
#homePageLogos div.slide ul li {
padding:0px;
margin:0px;
list-style-type: none;
}

#homePageLogos  ul li {
text-align: center;
padding: 0px; 
margin: 0px; 
float: left; 
width: 130px; 
height: 85px; 
overflow: hidden; 
padding-bottom: 4px; 
} 

#homePageLogos img { border-style: none; }

.slide {
  position: relative;
  margin-left: 5px;
  top: 5px;
  width: 260px;
  height: 175px;
  overflow: hidden;
}


