/* MINIMUM RESET 
------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; }
body { line-height: 1; margin:0px; padding:0px; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
 



/* GENERAL
------------------------------------------------------------------- */
 
body { margin:10px auto; background: #000; font:12px/18px Arial, Helvetica, sans-serif; color:#555;}
html { margin-bottom: 1px; }

h2 { font-size:24px; margin-bottom:5px;}

input{ border:none; text-decoration:none;}

img a { border:none; outline:none; }

a {	text-decoration:none; color:#666; outline:none; }
a:hover {	text-decoration:underline; color:#000;  }


.align_left{ float:left; margin-left:6px;  }
.align_right{ float:right; margin-right:0px; display:inline;  }

.txt_red{ color:#c80505; font-size:13px; }

.red_txt{ color:#c80505;}

.gray_txt { color: #4e4e4e; }
.lightgray_txt { color: #ececec; font-size:75px;}
.blue_txt { color: #2195b2;}

.title { font-size:16px; font-weight:bold; line-height:20px; }
.small_title { font-size:13px; font-weight:bold; border-bottom:1px dotted #ccc; margin:5px 0px 5px 0px; }

.impLine { color: #06a8cb; font:14px "Trebuchet MS"; }
.impText { background:#eff7ff; border-top:1px solid #3290e6; padding:10px; width:95%; margin:0px auto; font-size:13px; color:#124675;
font-weight:bold;
}

.impTextPlain{ background:#eff7ff; border-top:1px solid #3290e6; padding:10px; width:95%; margin:0px auto; font-size:13px; color:#124675; }
 
.listText div{ 
	background:#fffae9; 
	border-top:1px dashed #ede0b2; 
	padding:2px 5px 0px 5px; 
	width:99%; 
	margin:3px auto; 
	font-size:12px; 
	color:#124675; }

.listText p {
	background:#fffae9; 
	border-top:1px dashed #ede0b2; 
	padding:2px 5px 0px 5px; 
	width:99%; 
	margin:3px auto; 
	font-size:12px; 
	color:#124675; 
}

.listText a { font-size:13px; color:#ea811a; }

.button { display:inline; float:right; vertical-align:top;}

.txtRight { float:right; text-align:right; }

.smallText a{ font-size:11px; color:#999999;}


/*imp
----------------------------------------------------------------------*/

.main{ width:950px; margin:10px auto 0px auto;  background:#fff; color:#434343; }
.wrapper { width:950px; }
.content { min-height:400px; overflow:auto; width:100%;  margin-bottom:10px;  }


/* required content style
----------------------------------------------------------------------*/
.list li { list-style-type:disc; border-bottom:1px dotted #ececec; line-height:23px; margin-left:20px; width:80%;}
.listnew li 
	{ list-style-type:disc; 
	border-bottom:1px dotted #ececec; 
	margin:5px; 
	width:99%;
	color:#ccc;
	}
	
.listnew li a { font-weight:bold;}

.separator { border-bottom:1px dotted #ccc; margin-bottom:10px; clear:both;}
.bar_blue { 
	width:225px; 
	height:28px; 
	color:#fff;
	font:17px "Trebuchet MS"; 
	line-height:28px;
	padding-left:8px;
	 margin-bottom:8px;  
}

.bar_gray{
	background:url(../img/bar_gray.png) no-repeat bottom;
	/*border-bottom:2px solid #d10e0a;*/
	width:252px; 
	height:31px; 
	color:#154978;
	font:17px "Trebuchet MS"; 
	line-height:28px;
	padding-left:0px;
	margin-bottom:8px; 
}

/*header
----------------------------------------------------------------------*/

.header{ 
  height:138px; 
  background:url(../img/header.jpg) repeat-x; 
  color:#fff; 
  
  border-left:1px solid #2287b7;
  border-right:1px solid #2287b7;
}

.logo{
	height:102px;
	width:220px;
	float:left;
	background:url(../img/logo_bg.jpg) repeat-y #fff;
}

.logoImg { margin-left:35px; margin-top:15px;}

.menu{
	height:102px;
	width:727px;
	display:inline;
	float:right;
}

.breadcrumb { color:#d3ecff; font-size:12px; line-height:35px; font-weight:normal; }
.breadcrumb a{ color:#fff; text-decoration:underline; }
.breadcrumb a:hover{ color:#fff; text-decoration:none;}

.searchBox{ 
	background:url(../img/search_box.jpg) no-repeat; 
	width:180px; 
	height:26px; 
	margin:5px 0px 0px 0px ;
}

.search{  margin:5px 0px 0px 10px; }
.searchButton { 
	background:url(../img/search_button.jpg) no-repeat; 
	height:26px; 
	width:28px; 
	display:inline; 
	vertical-align:top;
	cursor:pointer;
}

 /*middle content
----------------------------------------------------------------------*/

.midImg { width:950px; height:338px;  } /* background:url(../img/mid_img.jpg) no-repeat; */
.midImg1 { background:url(../img/mid_img_01.jpg) no-repeat;  width:379px; height:284px; float:left;  }
.midImg2 { background:url(../img/mid_img_02.jpg) no-repeat;  width:571px; height:284px; float:right; display:inline;  }
.midImg3 { background:url(../img/mid_img_03.jpg) no-repeat;  width:950px; height:54px; clear:both; }

.punchL { float:right; margin:30px 30px 0px 0px;}
.trans_bg {  height:50px; clear:both; padding-top:220px; margin-left:160px; }



/*bottom content
----------------------------------------------------------------------*/

.bottomContent { background:#f3f3f3; height:185px; width:950px; }
 

.boxNews {
	background:url(../img/news.jpg) no-repeat; width:279px; height:37px;
	display:inline; float:left; width:280px; height:140px; margin:15px 10px 0px 25px; 
}

.news_content { margin:5px 10px; }

.txt_news{ margin:39px 10px 0px 10px;}

.boxNewsletter{
	background:url(../img/newsletter.jpg) no-repeat; width:279px; height:37px;
	display:inline; float:left; width:280px; height:140px; margin:15px 0px 0px 25px; 
}

.txtboxContent{ width:252px; margin:15px auto;}

.txtBoxNews { border:1px solid #cdcdcd; float:left; height:20px; line-height:20px; padding:2px 0px 0px 3px; color:#666666; }

.goButton { 
	background: url(../img/go_button.jpg) no-repeat; 
	float:right; 
	width:33px; 
	height:25px; 
	display:inline;
	cursor:pointer;
}

.boxClients{
	background:url(../img/clients.jpg) no-repeat; width:279px; height:37px;
	display:inline; float:left; width:280px; height:140px; margin:15px 0px 0px 25px;
}

.slideBox{
	margin:50px 0px 0px 25px;
	border:2px solid #dedede;
	height:86px;
	width:202px;
}

/* footer 
----------------------------------------------------------------------*/

.footer { background:#6b6b6b; height:35px; color:#fff; padding-top:10px;}
.footer_wrapper { height:25px; margin-right:10px; top:0; }


.end { background:#000; height:1px; padding:0px; margin:0px;}


/*internal
-----------------------------------------------------------------------*/
.internal_bg {  width:100%;  min-height:350px; }

.alignLeft { float:left; width: 255px; margin:20px 0px 0px 20px; }
.alignRight { float:right; width: 610px; margin:20px 20px 0px 10px; border-left:1px solid #ececec; padding-left:20px;   }

.sep { float:right; background:url(../img/separaror.jpg) no-repeat; width:3px; height:497px; margin-top:40px; margin-right:10px; }
.about { background:url(../img/aboutADe.jpg) no-repeat; width:257px; height:23px; margin-bottom:10px; }

.left_content	{ float:left; width:20%; }
.right_content{	float:right; width:75%; display:inline; font-size:12px; }


/*links
-----------------------------------------------------------------------*/
.links div { 
	font-size:12px; 
	width:220px;
	border-bottom:1px dotted #ccc;
	background:url(../img/bullet_red.jpg) no-repeat left;
	line-height:22px;
	padding-left:33px;
	color: #2195b2;
	margin-left:0px;
}

.links a { color: #154978; }
.highlighted a { color: #CC0000;}

/*slideshow
-------------------------------------------------------------------------*/
.slideshowContainer {
	 
	width: 202px;
	height: 100px;
	margin-bottom: 5px;
}

/*.loading {
	background: url(images/loading.gif) center no-repeat;
}
*/

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid white;
	padding: 4px;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 4px;
	margin:0px auto
}

.current img {
	border: 1px solid red;
	padding: 5px;
}

/*.outline {
	border: 1px solid orange;
	z-index: 0;
	position: absolute;
}
*/
#thumbnails {
	/*width: 130px;
	float: left;*/
}

.noDisplay { display:none;}
.clearBoth { clear:both;}


.result { margin-top: 8px; }




/*main menu 
-------------------------------------------------------------------------*/
 #ja-slidemenu {
 width: 720px;
}

#ja-slidemenu ul {
	display: block;
	padding: 0;
	margin: 0;
	visibility: hidden;
}

#ja-slidemenu li {
	float: left;
	padding: 0;
	margin: 0;
	background:url(../img/menu/navsep.jpg) no-repeat top left;
	height:102px;
	width:110px;
}

.first{ background:none;}

#ja-slidemenu a {
	display: block;
	cursor: pointer;
	overflow: hidden;
	width: 95%;
	background-repeat: no-repeat;
	text-decoration: none;
	height: 100px;
	color: #FFFFFF;
	font:17px "Trebuchet MS";
	line-height:100px;
}

#ja-slidemenu a:hover,
#ja-slidemenu a:active,
#ja-slidemenu a:focus {
	color: #FFFFFF;
	overflow: hidden; position: relative;
}

#ja-slidemenu a img {
	top: 25px;
	position: absolute; 
	left: 120px;
}

/*#ja-slidemenu div {
	top: 25px;
	position: absolute; 
	left: 110px;
}*/

.menuHome { background:url(../img/menu/home.jpg) no-repeat; width:51px; height:67px; top: 25px;	position: absolute; left: 110px;}

.menuServices { background:url(../img/menu/services.jpg) no-repeat; width:44px; height:57px; top: 25px;	position: absolute; left: 110px;}
.menuSolutions { background:url(../img/menu/solutions.jpg) no-repeat; width:49px; height:70px; top: 25px;	position: absolute; left: 110px;}
.menuCompany { background:url(../img/menu/company.jpg) no-repeat; width:49px; height:70px; top: 25px;	position: absolute; left: 110px;}
.menuPortfolio { background:url(../img/menu/portfolio.jpg) no-repeat; width:57px; height:71px; top: 25px;	position: absolute; left: 110px;}
.menuContact { background:url(../img/menu/contact.jpg) no-repeat; width:59px; height:64px; top: 25px;	position: absolute; left: 110px;}

#ja-slidemenu span { width: 80px; }

.menu-title{
	margin-left:20px;
	width:80px;
}

 
/*.menuLinks { width: 110px; }*/

.iconPos { position: absolute; left: 120px;}
.iconPosnew { position: absolute; left: 111px; }


/*Contact box
------------------------------------------------------*/
.contact_box{
	width:560px;
	padding:10px 0px 0px 0px;
	min-height:250px;
}
 
.txtBox { border:1px solid #ccc; height:17px; line-height:15px; padding:3px;}

.txtButton { border:1px solid #ccc; cursor:pointer; }

.button_small{
	background:url(../img/button_small.png) no-repeat;
	height:42px;
	width:157px;
	border:none;
	font-weight:bold;
	color:#1d5391;
	cursor:pointer;
	border:1px solid #fff;
}

.contact_wrapper { width: 900px; border:1px solid green;}

.alignLeftContact { float:left; width: 490px; margin:20px 10px 60px 10px; padding-left:40px;  }
.alignRightContact { float:right;  display:inline; width: 295px; margin:20px 10px 0px 10px; }

.alignRightContact div { background:#e9f1f7; border-top:1px solid #bfd7ed; padding:4px; line-height:18px; margin:10px 10px 0px 0px;}
.alignRightContact img {position:absolute; margin-right:10px;}
.alignRightContact strong { margin-left:30px;}


/*Portfolio Box
-----------------------------------------------------------------------------*/

.portfolio_box { margin:10px; width:925px;}
.colLeft { width:260px; display:inline; margin:10px 0px 10px 31px; float:left; padding:5px;}
.colLeft a img { border:3px solid #e1e1e1;}
.colLeft a:hover img { border:3px solid #b4cedf;}
.company { color:#32b0eb; font-size:15px; margin-top:5px; border-bottom:1px dotted #ccc; line-height:25px; }