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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(../images/bodyBg.jpg) repeat-x top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
form{ margin:0px; padding:0px;}
.mainbginner{background:url(../images/bodyBg2.jpg) repeat-x ;}
.clrL{ clear:left}
.clrR{ clear:right}
.clr{ clear:both}
a{ color:#004685; text-decoration:underline}
a:hover{ color:#000; text-decoration:none}


#wrapper{ width:800px; margin:auto;}


/*Header--------------------------------------------------*/
#header{ height:102px; background:url(../images/headerbg.jpg) no-repeat top; padding:10px;}
.logo{ width:253px; margin:10px 0px 0px 0px; float:left}
.headerright{margin:19px 0px 0px 0px; float:right}
.headerright p{ color:#FFF; text-align:right }
.headerright p a{ color:#FFF; text-decoration:none }
.headerright p a:hover{ color:#000; text-decoration:none }
.tahoma20black{font-family:Helvetica, sans-serif, Tahoma; font-size:20px;}
.tahoma20black span{ font-size:22px;}


/*----------------*/
.arialbold13{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#234768;
	text-align:justify;
	float:left;
}



/*top menu--------------------------------------------------*/

.top_menu{
	position: relative;
	padding: 0 0 0 0px;
	margin: 0 auto 0 auto;
	height: 31px;
	list-style: none;
	margin:0px 5px 0px 10px;
}

*HTML .top_menu{
	position: relative;
	padding: 0 0 0 0px;
	margin: 0 auto 0 auto;
	height: 31px;
	list-style: none;
	margin:0px 5px 0px 10px;
}

*HTML .top_menu li a{
	float: left;
	display: block;
	color:#fff;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 2px; /*Padding to accomodate left tab image. Do not change*/
	height: 31px;
	line-height:31px;
	text-align: center;
	cursor: pointer;	
}

*HTML .top_menu li a b{
	float: left;
	display: block;
	padding: 0 16px 0 10px; /*Padding of menu items*/
	margin-right:5px;
}






.top_menu li{
	float:left;
}

.top_menu li a{
	float: left;
	display: block;
	color:#fff;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 7px; /*Padding to accomodate left tab image. Do not change*/
	height: 31px;
	line-height:31px;
	text-align: center;
	cursor: pointer;	
}

.top_menu li a b{
	float: left;
	display: block;
	padding: 0 16px 0 10px; /*Padding of menu items*/
	margin-right:5px;
}

.top_menu li.current a, .top_menu li a:hover{
	color: #000;
	background: url(../images/menur_hover_left.png) no-repeat; /*left tab image path*/
	background-position: top left;
}

.top_menu li.current a b, .top_menu li a:hover b{
	color: #000;
	background: url(../images/menur_hover_right.png) no-repeat right top; /*right tab image path*/
}

/*Container Start*/

.content{width:780px; margin:10px 10px 0px 10px; xheight:500px; float:left; background:url(../images/bgformbottom.gif) no-repeat center bottom; }

.content_home{width:780px; margin:10px; float:left; }
.leftpannel{ width:551px; float:left; margin-right:5px; height:100%; }
.rightpannel{ width:219px; float:left;}
.flasharea{ float:left; margin-bottom:10px;}

.bl {background: url(../images/bl.gif) 0 100% no-repeat}
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px} 
.t {background: url(../images/dot.gif) 0 0 repeat-x; width: 46em}
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}


/*Client Section*/
.clientsection{ width:780px; margin:0px 10px 0px 10px;}

.cbl {background: url(../images/cbl.gif) 0 100% no-repeat}
.cbr {background: url(../images/cbr.gif) 100% 100% no-repeat}
.ctl {background: url(../images/ctl.gif) 0 0 no-repeat}
.ctr {background: url(../images/ctr.gif) 100% 0 no-repeat; padding:10px; } 
.ct{background: #f7fafd url(../images/dot.gif) 0 0 repeat-x; xwidth:100%}
.cb{background: url(../images/dot.gif) 0 100% repeat-x}
.cl{background: url(../images/dot.gif) 0 0 repeat-y}
.cr{background: url(../images/dot.gif) 100% 0 repeat-y}

.projects{ font-weight:bold; color:#004685; background:url(../images/sapClient.gif) repeat-x bottom left; padding-bottom:9px;}
.projects span{ font-size:11px; font-weight:normal; color:#000}

.clientcategory{ width:184px; float:left; vertical-align:top; padding-top:6px;}
#navlist
{
 padding:0px; 
 margin:0px;
 list-style: none;
}

#navlist ul{ padding:0px; margin:0px;}

#navlist li
{
padding-left: 15px;
background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
color:#000;
margin:0px;
line-height:17px;


}
#navlist li a{color:#000;}
#navlist li a:hover{color:#a20000;}

.mainLogoarea{float:right; width:557px; background:url(../images/clientlogo_bg.gif) no-repeat top left;}
.logomove{ margin:10px 0px 10px 10px;}
.logomove img{ margin-right:10px; float:left}
.clientTitle{float:right; width:557px; color:#1663a4; margin:6px 0px 6px 0px;}


.footerleft{font-size:11px;	color:#004685; 	text-align:left; font-weight:bold;}
.footerleft span{ font-size:11px; font-weight:normal; color:#000}

.footertextbox2{
	width:200px;
	float:left;
	xpadding-top:31px;
}


.arial11link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}
.arial11link A{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#004685;
	text-decoration:underline;
}
.arial11link A:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}

.leftblock1{
	width:219px;
	height:68px;
	float:left;
	background-image:url(../images/leftlinkbg.gif);
	background-repeat:no-repeat;
	margin-bottom:9px;
}

.boldblue{
	padding-left:23px;
	margin-top:5px;
	height:24px;
	float:left;
}

.bluelight{
	padding-left:8px;
	width:162px;
	float:left;
}
.more{
	width:25px;
	float:left;
	margin-top:18px;
}

.more2{
	width:25px;
	float:left;
}

.arialboldblue{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#004685;
	float:left;
}

.rightinterblue{
	width:218px;
	float:left;
	background-color:#d4e2ef;
}

.arial12bold{
	font-weight:bold;
	color:#004685;
	text-align:left;
	float:left;
	margin-left:10px;
	margin-right:10px;
}


.arial12white{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
	text-align:left;
	float:left;
	margin-left:10px;
}
.arial12white A{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:left;
	text-decoration:underline;
}
.arial12white A:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:left;
	text-decoration:none;
}

.arial12{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	text-align:justify;
	float:left;
}

.arial12 span{ color:#234768; font-size:14px; font-weight:bold}

.arial12 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	text-align:justify;
	float:left;
	padding:0px;
}


.arial12a a:hover{
	color:#0054a4;
	text-decoration:underline;
	
}

.link{ font-size:12px; color:#004685; float:left}
.link a{text-decoration:underline; color:#004685}
.link a:hover{text-decoration:none; color:#000}

.leftinternaltext2{
	height:85px;
	padding-left:13px;
	padding-top:15px;
	float:left;
	background-image:url(images/bginternalbottom.gif);
	background-repeat:no-repeat;
}


#navlistright
{
 padding:0px; 
 margin:0px;
 list-style: none;
 width:100%;
}

#navlistright ul{ padding:0px; margin:0px;}

#navlistright li
{
padding-left: 15px;
background-image: url(../images/dot2.gif);
background-repeat: no-repeat;
background-position: 0 0.4em;
padding-bottom:10px;
padding-right:5px;
color:#000;
margin:0px;
line-height:normal;
}



#navlistright li a{ color:#000; text-decoration:none}
#navlistright li a:hover{ color:#004685; text-decoration:none}

.leftlist{}
.leftlist ul{ padding:0px; margin:0px; list-style-type:none}
.leftlist li{ background:url(../images/bullet-arrow.gif) no-repeat; padding-left:10px;}

.testimonial{float:left; border-bottom:1px solid #7f8f9d; text-align:justify; padding:0px 0px 10px 0px; margin-bottom:10px; margin-right:7px; }
.testimonialLogo {float:left; width:115px;}
.testimonialtext{float:left; width:638px}
.testimonialtext span{ float:right; font-weight:bold; color:#004786; font-size:11px; text-align:right}
.tcbl {background: url(../images/tcbl.gif) 0 100% no-repeat}
.tcbr {background: url(../images/tcbr.gif) 100% 100% no-repeat}
.tctl {background: url(../images/tctl.gif) 0 0 no-repeat}
.tctr {background: url(../images/tctr.gif) 100% 0 no-repeat; padding:10px; } 
 .tct {background: #fff url(../images/dot3.gif) 0 0 repeat-x; xwidth:100%}
.tcb {background: url(../images/dot3.gif) 0 100% repeat-x}
.tcl {background: url(../images/dot3.gif) 0 0 repeat-y}
.tcr {background: url(../images/dot3.gif) 100% 0 repeat-y}



.expcat{float:left; width:100%}
.expcat h1{ font-size:16px; border-bottom:1px solid #7fa3c2; margin:0px;  float:left; width:100%; padding-top:40px;}
.expcat h1 a{ text-decoration:none}
.box1{float:left; border-right:1px dotted #000;  padding:20px 0px 20px 0px;}
.box2{float:left; padding:20px 0px 20px 10px;}
.box2 img{float:left; padding:0px 0px 0px 20px;}

.newsrequest {
	width:400px;
	float:right;
	margin-top:10px;
	border:1px solid #CCC;
	padding:5px;
	margin-bottom:15px;
}
.newsrequest-home {
	width:360px;
	float:right;
	border:1px solid #CCC;
	margin-top:7px;
	margin-right:7px;
	padding:5px;
}
.flashtopheader {
	padding-left:10px; 
	float:left; 
	background:url(../images/blue_bg.jpg); 
	background-repeat:no-repeat; 
	background-position:right; 
	width:780px; 
	height:43px;
}

.inputbox  {
float:left;
height:15px;
margin-right:5px;
xmargin-top:8px;
width:140px;}

.subscribe  {
float:left;
height:12px;
margin-top:6px;
width:63px;}

.input  {
background-color:#E6F1FA;
border:1px solid #80A1BF;
color:#004685;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
height:15px;
line-height:normal;
padding-left:3px;
padding-right:3px;
text-align:left;
text-decoration:none;
width:130px;}


.custominterdownloads{
	width:100%;
	/*padding-left:9px;
	padding-right:7px;
	padding-top:30px;*/
	float:left;
	padding:0px;
	margin:0px;
}


.internalblue{
	width:100%;
	/*background-color:#004685;*/
	float:left;
	padding-left:19px;
	padding-right:19px;
	
}

downloadslink2{
	width:100%;
	float:left;
	padding:0px;
	margin:0px;
}

.downloadslink{
	width:250px;
	float:left;
}
.downloadsinternal{
	width:212px;
	float:left;
}

.li {
	list-style-position: outside;
	list-style-image: url(../images/bullet-arrow.gif);
	margin-left:15px;
	padding-right:0px;
	margin-top:3px;
}

.li2a { 
	
	background:url(../images/bullet-blue-downloads.gif) no-repeat 0em 0.3em;
	list-style-type:none;
	xpadding-left:15px;
	
}

.li2 {
	list-style-position: outside;
	list-style-image: url(../images/bullet-wht.gif);
	margin-left:15px;
}
.li2 A{
	list-style-position: outside;
	list-style-image: url(../images/bullet-wht.gif);
}
.li2 A:hover{
	list-style-position: outside;
	list-style-image: url(../images/bullet-blue.gif);
}
.li3 {
	list-style-position: outside;
	list-style-image: url(../images/download_arrow.gif);
	margin-left:15px;
}
.li4 {
	list-style-position: outside;
	list-style-image: url(../images/bullet-blue.gif);
	margin-left:15px;
}
.li5 {
	list-style-position: outside;
	list-style-image: url(../images/bullet-downloadwht.gif);
	margin-left:15px;
	margin-top:3px;
}

.li5a {
	list-style-position: outside;
	list-style-image:url(../images/download_arrow.gif);
	margin-left:29px;
	margin-top:5px;
	color:#000000;
}

.li5a a{ color:#000; text-decoration:none}

.li5b {
	list-style-position: outside;
	list-style-image:url(../images/download_arrow.gif);
	margin-left:30px;
	margin-top:5px;
	color:#000000;
}
.li5b a{ color:#000; text-decoration:none}

.arial13bold  {
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
list-style:none outside none;
margin:0;
padding-top:20px;
width:100%;}

.arial13{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#234768;
	text-align:justify;
	float:left;
}

.vacanciestext{
	width:100%;
	padding-top:17px;
	float:left;
}

.maintable {
	width: 100%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
}

.formcentertable{
	width:440px;
	margin-top:22px;
	margin-right:4px;
	margin-left:4px;
	float:left;
}

.formmaintbl{
	width:440px;
	float:left;
}
.forminter{
	width:378px;
	height:auto;
	padding-left:11px;
	padding-right:7px;
	float:left;
}
.forminternalblue{
	width:396px;
	height:30px;
	background-color:#D4E2EF;
	margin-right:19px;
	margin-left:11px;
}

.arialwhtbold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	float:left;
	margin-left:30px;
	text-decoration:none;
}

.input2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 16px;
	width: 221px;
	border: 1px solid #7f9db9;
	margin-left:56px;
	margin-top:10px;
	padding-left:3px;
	padding-right:3px;
}

.input3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 16px;
	width: 221px;
	border: 1px solid #7f9db9;
	margin-left:47px;
	margin-top:10px;
	padding-left:3px;
	padding-right:3px;
}
.input4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 16px;
	width: 221px;
	border: 1px solid #7f9db9;
	margin-left:0px;
	margin-top:10px;
	padding-left:3px;
	padding-right:3px;
}
.input5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 16px;
	width: 221px;
	border: 1px solid #7f9db9;
	margin-left:57px;
	margin-top:10px;
	padding-left:3px;
	padding-right:3px;
}

.input6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 16px;
	width: 175px;
	border: 1px solid #7f9db9;
	padding-left:3px;
	padding-right:3px;
}

.submit {
	width:396px;
	float:left;
	margin-top:20px;
}

#news_carousel a { color:#000000; }
#news_carousel {width:706px; height: 299px; margin: 0; padding: 0;overflow: hidden;  /* this will make only show 1 li */position: relative;}
#news_carousel ul.news {list-style-type: none; margin: 0; padding: 0; position: relative;}
#news_carousel ul li { margin: 0; padding: 0; position: relative; /* so that we can do absolute positioning of the paragraph inside of it */
float: left; /* align one next to the other */}
#news_carousel ul.news li p { position: absolute; bottom: 10px; left: 0; margin: 5px; }
#news_carousel ul.news li p strong { display: block; padding: 5px; margin: 0; font-size: 20px; background:url(../images/number_bg.gif) no-repeat;}
#news_carousel ul.news li p span { padding: 2px 5px; color: #000; background: #fff;}
#news_carousel ul.controls { position:absolute; top: 260px; left:-25px; list-style-type: none;}
#news_carousel ul.controls li a {float: left; font-size: 12px; margin:1px; padding: 2px 7px; background:url(../images/number_bg.gif) no-repeat; text-decoration: none; outline: none;}
#news_carousel ul.controls li a:hover { background:url(../images/number_select.gif) no-repeat; color:#FFF; Xborder:1px solid #000;}
#news_carousel ul.controls li a.active{ background:url(../images/number_select.gif) no-repeat; color:#FFF; Xborder:1px solid #000;}
#news_carousel .timer {background:#FFFFFF; height: 1px; left: 30px; position:absolute; top:-100px;}

/** End Slide show**/