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


/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */
body { background-color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; margin:0; }
a{text-decoration:none; color:#f30;}
/* COMMON CLASSES */
.break { clear:both; }
h1 { color:#CCC;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h2{ font-size:16px; margin:0; color:#069;}
h3{ font-size:14px; margin:0; color:#069;}

#header { height:750px;  }
.headerimg { background-position: center bottom ; background-repeat: no-repeat; width:100%; height:750px; position:absolute; top:0px; }
#navigation { height:44px; width:100%; margin:0 auto; position:fixed; top:0px;z-index:1100; background: url(../images/menu-bg.jpg) repeat-x; }
#navigation1 { height:136px; width:100%; margin:0 auto;top:44px;z-index:100; background:#FFF; position:relative;  }

.logo{ padding:0px; width:980px; height:116px; margin:0; float:left; padding:10px;}
.header-top{ background:none; margin:0 auto;  width:1000px; padding:0; height:44px; color:#FFF;   }
.header-top1{ background:none; margin:0 auto;  width:1000px; padding:0; height:44px; color:#FFF;   }

 .moz {	
	-moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius:10px;
	}

#menu { width:1000px; height:30px; float:right;   z-index:100; margin:0 auto; padding:7px 0; }
#headertxt { width:980px; margin:0 auto; clear:both; position:relative; top:174px; }
#firstline { color:#fff; font-size:30px; padding:4px 13px 7px; float:left; display:block; text-shadow:0px 1px 1px #000; }
#secondline { background-image:none; color:#CD2B3A; text-decoration:none; font-size:60px; padding:0 13px 10px; float:left; display:block; clear:both; }
#secondline:hover { text-decoration:underline; color:#7F000C; }


#prodt_holder{ width:460px; float:left; height:36px; margin-right:15px;}
#search1{ width:366px; height:24px; float:left; }
.prdt_btn{ width:88px; height:32px;  float:left; border-radius:5px 0px 0px 5px; color:#06C; background:#FFF; text-align:center; line-height:31px; font-size:14px;}

#prdt_holder2{ width:465px; float:left;}
#search2{ width:352px; height:30px;}
.search_btn{ width:107px; height:33px; color:#FFF; text-align:center; line-height:31px; font-size:14px; background:url(../images/search-bg2.jpg) repeat-x; float:right; border-radius:5px 5px 5px 5px;   }





.prdt_btn{ width:88px; height:32px;  float:left; border-radius:5px 0px 0px 5px; color:#06C; background:#FFF; text-align:center; line-height:31px; font-size:14px;}

/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("../images/btn_back.png"); }
#next { background-image:url("../images/btn_next.png"); }
#control { background-image:url("../images/btn_pause.png"); }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:180px; margin:0 auto; width:1000px; }
#headernav { padding-left:864px; }

#content {font-family:Arial, Helvetica, sans-serif; width:100%; height:auto; height:auto; position:absolute; z-index:30; top:635px; padding:0;  }
#content .content-holder{ width:1000px; margin:0 auto; padding:0;  height:auto;}
#content .content-holder .main{width:940px; height:auto; margin:0 10px 15px; float:left; padding:30px 20px;   line-height:22px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background: url(../images/search-bg.png) repeat-x;  min-height:35px; border-radius:6px 6px 6px 6px;}

.main .content_box{ width:940px; float:left; height:auto;color:#000; text-align:justify;  padding:0px; margin:0; }
.main .main_titl{ width:940px; float:left; height:45px; line-height:45px; color:#020f18; text-align:justify; display:block; font-size:22px; padding:0; margin-bottom:10px;  border-bottom:1px dashed #b4b4b4; font-variant:normal; font-weight:bold; background:url(../images/title-bg.jpg) repeat-x bottom; }
.main .main_titl img{ float:left; padding-right:10px;}

.text{color:#000; font-size:13px; line-height:24px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:940px;}
.text img{ float:right; margin:0px 0 10px 0px;}
.text a{ text-decoration:none; color:#FFF;}  

/*subpage*/
.content_sub{top:450px !important; }
#content .content-holder .subpage { width:940px !important; margin:0 auto; padding:10px 20px;  height:auto; margin-bottom:20px; }
.subpage .main_titl{ width:940px !important;}
.subpage .content_box{ width:940px !important; min-height:265px;}
.subpage  ul{ margin-top:10px;}
.subpage  ul li{
	 list-style-image:url(../images/list.png); list-style-position:inside; line-height:25px;   }
	 
	 
	.work{ width:940px; height:auto; font-size:12px; color:#000; margin-bottom:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:1px solid #52A529;} 
	 .work_holder{ width:940px; height:auto; text-align:left; float:left; margin:0; padding:0;}
	 .work_holder img{margin:5px; border:1px solid #9F0;}
	 
	 
.welcome_content{ width:835px; height:auto; padding:0px 15px 0px 0px; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:23px; color:#000; text-align:justify; float:left;}
.welcome_contentsub{ width:980px; height:auto; padding:0px 0px 0px 0px; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:23px; color:#000; text-align:justify; float:left; min-height:200px}
.welcome_contentsub ul,li{ list-style:square; margin-left:10px;}



.news_box{ width:130px; height:90px; background:#F00; font-size:14px; float:right; color:#FFF; text-align:center; font-weight:bold; line-height:85px;}	 
	 
.brand_holder{ width:980px; height:auto; padding:10px 0px 0px 0px }	 

.client_holder{ width:480px; height:auto; float:left;margin-right:19px;}
.client_title{ width:480px; height:35px; color:#0000ff; text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px;}
.client_left{ width:480px; float:left; height:125px; border:1px solid #CCC;}
	 


.brnd_holder{ width:480px; height:auto; float:right; }
.brand_title{ width:480px; height:35px; color:#0000ff; text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px;}
.brand_left{ width:480px;  height:125px; border:1px solid #CCC;}


.leftarrow,.leftarrowSupp{ width:50px; height:80px; float:left; padding:45px 0px 0px 0px; text-align:right;}
.middle,.middleSupp{ width:380px; height:110px; padding:15px 0px 0px 0px; text-align:center; float:left;}
.rightarrow,.rightarrowSupp{ width:50px; height:80px; float:right; padding:45px 0px 0px 0px; text-align:left;}








	 
/*footer*/

#footer{	margin:0 auto ;	width:100%; height:auto; color:#333; padding:0; clear:both; background:url(../images/footer.jpg) repeat-x bottom;  }


#footer img:hover, .service_box .boxes img:hover, .img_holder img:hover
{
opacity:.7;filter:alpha(opacity=70); /* For IE8 and earlier */
}
.footer_con{	margin:0 auto ;	width:982px; height:auto;  padding: 0; background:none; overflow:hidden; 	}
.footer{ width:982px; height:60px; float:left;color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;  padding:0;  background:none; margin:0; font-weight:700;		}
.client_con{ width:980px; height:auto; margin:0 0 15px 0; float:left; padding:0px; border-top:1px solid #cfcfcf; }
#footer .title{ width:940px; float:left; height:38px; line-height:38px; color:#020f18; padding:10px 0 0 0; text-align:justify; display:block; font-size:22px; font-variant:normal; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

.copyright{width:300px; height:60px; float:left; padding:0 0 0; line-height:60px;		}
.developed{width:225px; height:60px; float:right; padding: 0; line-height:60px;		}
.powered_box{width:175px; height:60px; float:right; padding:0px; text-align:right;	  		}		
.footer a {	color:#FFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;  font-variant:normal; text-decoration:none;	 }
.solutions {width:30px; height:auto; float:right; padding:5px 0 0 10px;}
.webmail {
	 width:185px; height:auto; float:left; padding:0px 0 0 0px; line-height:60px;
	 }
.webmail img  { float:left; margin:12px 0px 0 0 ; padding:0px; }
p{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:13px; font-weight:normal; line-height:22px; padding:5px 0; margin:0;} 





#div_container table {border: 0px solid #CCC;	 color:#000;   font-size:12px;}
#div_container table th {	background: #666; padding: 0px 10px; height: 29px; line-height: 29px; border-bottom: 1px solid #CCC;}
#div_container table tr td {	padding: 0px 0px;	height: 32px; line-height: 29px; border-bottom: 0px solid #CCC; font-family:Arial, Helvetica, sans-serif !important;}
#div_container table tr td input[type='text'] { width:270px; height:26px;  border: 1px solid #378de5; }
#div_container table tr td select { width:270px; height:26px;  border: 1px solid #378de5; }
#div_container table tr td span { font-size:12px;  color:#333333; font-family:Georgia, "Times New Roman", Times, serif; }
#div_container img{padding:5px; margin:10px 8px 5px 0; border:1px solid #CCC; float:left;}
#div_container h3{font-size:18px; font-weight:bold; color:#0a2a7a !important;}




				.text2{color:#000; font-size:13px; line-height:24px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:940px;}
/*.text2 img{ float:right; margin:20px 0 10px 10px;}*/
.text2 a{ text-decoration:none; color:#FFF;}  




.boxgrid{ 
				width: 130px; 
				height: 90px; 
				margin:0px; 
				float:left; 
				background:#161613; 
/*				border: solid 2px #8399AF; 
*/				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0;
				}
				.boxgrid p{ 
					padding: 35px 10px; 
					color:#999; 
					font-weight:bold;
					font-size:14px;
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
				
				
				
				
			.boxgrid2{ 
				width: 320px; 
				height: 260px; 
				margin:0px; 
				float:left; 
				background:#cacaca; 
/*				border: solid 2px #8399AF; 
*/				overflow: hidden; 
				position: relative; 
			}
				.boxgrid2 img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid2 p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}	
				
				.boxcaption2{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;}


			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;}
					
					
					



/**********Extras*************/
	 #searchid
    {
        width:500px;
        border:solid 1px #000;
        padding:10px;
        font-size:14px;
    }
    #result
    {
        position:absolute;
        width:438px;
        padding:10px;
        display:none;
        margin-top:33px;
        border-top:0px;
        overflow:hidden;
        border:1px #CCC solid;
      /* background: url("../images/jquery-live-search-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);*/
		background: rgb(44,83,158); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(44,83,158,1) 0%, rgba(44,83,158,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44,83,158,1)), color-stop(100%,rgba(44,83,158,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */
	    border: 1px solid #222222;
		font-size: 12px;
		box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
		max-height: 400px;
		overflow: auto;
		padding: 5px 10px;
		position: absolute;
		z-index: 99;
    }
	#result p
    {color:#FFFFFF;	}
	
    .show
    {
        padding:10px;
        border-bottom:1px #999 dashed;
        font-size:15px;
        height:50px;
    }
    .show:hover
    {
        background:#4c66a4;
        color:#FFF;
        cursor:pointer;
    }	
	.MBT-readmore{
		background:#EB7F17;
		text-align:right;
		cursor:pointer;
		color:#fff;
		margin:5px 0;
		float:right;
		border:none;
		padding:5px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		font:bold 11px sans-serif;
	}
	.MBT-readmore:hover{
	background:#FFB93C;
	}
	.MBT-readmore a {
	color:#fff;
	text-decoration:none;
	}
	
	.MBT-readmore a:hover {
	color:#fff;
	text-decoration:none;
	}
/* clients,mgmt,awards  */
ul.rig {
	list-style: none;
	font-size: 0px;
	margin-left: -3.5%; /* should match li left margin */
	
}
ul.rig li {
	display: inline-block;
	padding: 10px;
	margin: 0 0 2.5% 2.5%;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	box-shadow: 0 0 5px #ddd;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
ul.rig li img.clnts {
	/*max-width: 100%;*/
	/*height: auto;*/
	margin: 0 0 10px;
	width:200px;
	height:100px
}
ul.rig li img.mgmnt {	
	margin: 0 0 10px;
	width:100px;
	height:100px;
}
ul.rig li img.awards {	
	margin: 0 0 10px;	
	width:212px; 
	height:262px;
}
ul.rig li img.awards:hover {	
	opacity:.70;
filter:alpha(opacity=70);
}
ul.rig li h3 {
	margin: 0 0 5px;
	color: #4f4ffc 
}
ul.rig li p {
	font-size: .9em;
	line-height: 1.5em;
	color: #999;
}

/* class for 2 columns */
ul.rig.columns-2 li {
	width: auto; /* this value + 2.5 should = 50% */
	height:280px;
}
/* class for 3 columns */
ul.rig.columns-3 li {
	width: 27.83% /* this value + 2.5 should = 33% */
}
/* class for 4 columns */
ul.rig.columns-4 li {
	width: 22.5%; /* this value + 2.5 should = 25% */
}

/*Alerts*/
.error {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#CF3050; margin-left:5px;}
.error1{background: #f8dbdb !important; border-color: #e77776 !important;}
#validation_error{border:1px solid #F7A68A; color:#CE2700; background:#fbd3b1 url(../images/error.png) no-repeat 5px center;  }
#success{ border:1px solid #C2E1AA; color:#6DA827; background:#e0f2cb url(../images/ok.png) no-repeat 5px center;}
#validation_error, #success{width:auto; height:24px; line-height:24px; padding:5px 5px 5px 25px; text-align:left; margin:49px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; -moz-border-radius: 5px;  -khtml-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px; font-size:12px; }
#validation_error a, #success a{ float:right; text-decoration:none; margin:0; padding:0;}
#validation_error img, #success img{ border:0; padding:0; margin:0;}
#validation_error p{margin:0; padding:0;}

/* clients  */
#clients{padding:12px; margin:12px; border:1px solid #CCC; width:200px; height:112px; float:left;}
#clients #client_page_name{
width:200px;
float:left;
height:30px;
padding:0;
margin:0;
text-align:center;
line-height:30px;
font-weight:bold;
color:#DDD;
}
#clients #client_page_name{
width:200px;
float:left;
height:11px;
padding:0;
margin:0;
text-align:center;

line-height:11px;
color:#999999;
}

/*New page*/
#bkDtlcontainer { overflow: auto; padding: 10px; }
#bkDtlleft  { float: left; width:150px; } 
#bkDtlright { margin-left: 210px; }

/*product search select style*/

.search,.searchCombo
{
padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;    
}