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

body{margin:0.5em; margin-top:0.5em; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; background:#fff;color:#878787;}
div, p, h1, h2, h4, img, form, label{padding:0; margin:0;}

img {border:0}
td {vertical-align:top;font-size:85%;}
select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.8em;  height:2em}

h1{font-size:0.9em; font-weight:bold; color:#5b5b5b;}

h2{font-size:0.9em; font-weight:bold; color:#de1922; text-indent:1em; background:url(../images/arrow_red.gif) no-repeat left center;}

a.readmore { color:#ff6600; text-decoration:underline; }
a.readmore:hover { color:#000; text-decoration:underline; }

.redcol {color:#de1922;}

.maincontainer{ width:75em; position:relative; margin:auto; font-size:0.8em;}


.header { float:left; height:3.6em; width:100%;}
.header .logoimg {float:left; width:200px;height:3.3em;border:#f00 solid 0em; }
.header .rightlinks {float:left; width:540px; color:#000; padding:0; margin:0; text-align:right;height:3.7em;border:#f00 solid 0em;}
.header .rightlinks a {color:#FF6600; text-decoration:none; font-size:0.8em;}
.header .rightlinks a:hover {color:#000; text-decoration:none}

.header .dnb {float:left; width:220px;  padding:0; margin:0; text-align:right;height:3.7em;border:#f00 solid 0em;}



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

.topNavigation  .menunavigation {position:relative; font-size:1.0em; margin:0px auto; z-index:100; float:left; }
*html .topNavigation  .menunavigation {position:relative; margin:0px auto; z-index:100; float:left; }

.topNavigation  .menunavigation ul li a, .menunavigation ul li  {display:block;text-decoration:none; width:13.8em; height:2em; text-align:left; padding-left:0em; border:0px solid #FFF; /*border-width:0 0 0.06em 0.06em;*/ line-height:2em; background:#52b3e2;font-size:90%; color:#FFFFFF;  }

.menunavigation ul {padding:0; margin:0;list-style-type: none;font-size:100%; }
.menunavigation ul li {float:left; position:relative; color:#000}
.menunavigation ul li ul {visibility:hidden; position:absolute;}
.menunavigation table {border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-0.06em;}
.menunavigation ul li:hover a, .menunavigation ul li a:hover {color:#fff;top:25px; height:2.2em; background:url(../images/selecthover.jpg)}
.menunavigation ul li:hover ul, .menunavigation ul li a:hover ul {visibility:visible;  left:0; color:#000; font-size:110%;}
.menunavigation ul li:hover ul li a.sub, .menunavigation ul li a:hover ul li a.sub {background: url(../images/topnavbackgroundhover.jpg); color:#FFFFFF }
.menunavigation ul li:hover ul li, .menunavigation ul li a:hover ul li {display:block; color:#000;width:18.99em; clear:both; }
.menunavigation ul li:hover ul li:hover a.sub, .menunavigation ul li a:hover ul li a:hover.sub {background:url(../images/topnavbackgroundhover01.jpg);color:#000}
.menunavigation ul li:hover ul li ul, .menunavigation ul li a:hover ul li a ul {visibility:hidden; position:absolute;}
.menunavigation ul li:hover ul li a, .menunavigation ul li a:hover ul li a {display:block; background: url(../images/topnavbackgroundhover.jpg) ;  width:100%; padding-left:0.62em; width:19em; width:20.5em; color:#FFF}
.menunavigation ul li:hover ul li a:hover, .menunavigation ul li a:hover ul li a:hover {background:url(../images/topnavbackgroundhover01.jpg); color:#000 }
.menunavigation ul li:hover ul li:hover ul, .menunavigation ul li a:hover ul li a:hover ul {visibility:visible; left:17.25em; top:-20px; z-index:2 ; margin-top:19px; }
.menunavigation ul li:hover ul li:hover ul li a, .menunavigation ul li a:hover ul li a:hover ul li a {background: url(../images/topnavbackgroundhover.jpg) ; width:20.5em; color:#FFF}
.menunavigation ul li:hover ul li:hover ul li a:hover, .menunavigation ul li a:hover ul li a:hover ul li a:hover {background:url(../images/topnavbackgroundhover01.jpg); width:20.5em; color: #000}
.menunavigation ul li:hover ul.left, .menunavigation ul li a:hover ul.left {left:-105px; width:19em;}
.menunavigation ul li:hover ul li:hover ul.left, .menunavigation ul li a:hover ul li a:hover ul.left {left:-210px; }















*html .topNavigation  .menunavigation ul li a, .menunavigation ul li  {display:block;text-decoration:none; width:13.8em; height:21px; text-align:left; padding-left:0em; border:0px solid #FFF; /*border-width:0 0 0.06em 0.06em;*/ line-height:2em; background:#52b3e2;font-size:90%; color:#FFFFFF;  }

*html .menunavigation ul {padding:0; margin:0;list-style-type: none;font-size:100%; }
*html .menunavigation ul li {float:left; position:relative; color:#000}
*html .menunavigation ul li ul {visibility:hidden; position:absolute;}
*html .menunavigation table {border-collapse:collapse; margin:0; padding:0; margin:-0.06em;}
*html .menunavigation ul li:hover a, .menunavigation ul li a:hover {color:#fff;top:25px; height:21px; background:url(../images/selecthover.jpg)}
*html .menunavigation ul li:hover ul, .menunavigation ul li a:hover ul {visibility:visible;  left:0; color:#000; font-size:110%;}
*html .menunavigation ul li:hover ul li a.sub, .menunavigation ul li a:hover ul li a.sub {background: url(../images/topnavbackgroundhover.jpg); color:#FFFFFF }
*html .menunavigation ul li:hover ul li, .menunavigation ul li a:hover ul li {display:block; color:#000;width:18.99em; clear:both; }
*html .menunavigation ul li:hover ul li:hover a.sub, .menunavigation ul li a:hover ul li a:hover.sub {background:url(../images/topnavbackgroundhover01.jpg);color:#000}
*html .menunavigation ul li:hover ul li ul, .menunavigation ul li a:hover ul li a ul {visibility:hidden; position:absolute;}
*html .menunavigation ul li:hover ul li a, .menunavigation ul li a:hover ul li a {display:block; background: url(../images/topnavbackgroundhover.jpg) ;  width:100%; padding-left:0.62em; width:19em; width:20.5em; color:#FFF}
*html .menunavigation ul li:hover ul li a:hover, .menunavigation ul li a:hover ul li a:hover {background:url(../images/topnavbackgroundhover01.jpg); color:#000 }
*html .menunavigation ul li:hover ul li:hover ul, .menunavigation ul li a:hover ul li a:hover ul {visibility:visible; left:22.4em; top:-20px; z-index:2 ; margin-top:21px; }
*html .menunavigation ul li:hover ul li:hover ul li a, .menunavigation ul li a:hover ul li a:hover ul li a {background: url(../images/topnavbackgroundhover.jpg) ; width:20.5em; color:#FFF; padding-left:12px; font-size:8px;}
*html .menunavigation ul li:hover ul li:hover ul li a:hover, .menunavigation ul li a:hover ul li a:hover ul li a:hover {background:url(../images/topnavbackgroundhover01.jpg); width:20.5em; color: #000}
*html .menunavigation ul li:hover ul.left, .menunavigation ul li a:hover ul.left {left:-105px; width:19em;}
*html .menunavigation ul li:hover ul li:hover ul.left, .menunavigation ul li a:hover ul li a:hover ul.left {left:-210px; }










/*................ css style start by salim 26 Feb.,2008 ......................*/

.container {width:100%; float:left; margin:0px; padding:0px;}
.container a { text-decoration:none; color:#4377a0;}
.container a:hover { text-decoration:underline; color:#000;}

.container p { font-size:0.8em;}
.flash_contant{width:100%; float:left; height:24em;}

.left_hd { width:75.5em; float:left; margin:0; padding:0;}
.middle_hd { width:18.5em; float:left; margin:0; padding-left:0.8em; border-left:0.1em dashed #dfdfdf; }

.right_hd { width:19em; float:left; margin:0; padding:0em; border-left:0.1em dashed #dfdfdf; color:#4377a0; }

.right_hd img  { float:left; margin:0px; padding:0em 0.8em 0em 0.8em;}

.right_hd p { padding:0.2em 0em 0.2em 0.8em;  }

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

.row_client {width:100%; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px; float:left; border-bottom:1px dashed #efefef;}


.containt1 {width:10em; float:left; margin:0; padding:0; color:#4377a0; }
.containt2 {width:12em; float:left; margin:0; padding:0; color:#4377a0; }

p.hometext {border-left:0.1em dashed #dfdfdf; padding-left:0.8em; margin:0px; line-height:1.4em; }


#footer {clear:both; color:#4377a0; font-size:0.8em; width:100%;}

#footer a { text-decoration:none; color:#4377a0;}
#footer a:hover { text-decoration:underline; color:#000;}

.foot_link {border-bottom:0.1em dashed #dfdfdf; border-top:0.1em dashed #dfdfdf; height:2.5em;}
.foot_left { width:40em; float:left; line-height:2.5em;}
.foot_right { width:53em; float:right; line-height:2.5em; text-align:right; }



/*............................ innner page .......................*/

/*................. left col related css start here ........................*/
#leftcol {width:20em; float:left; font-size:0.8em; background:url(../images/l_textbg.gif) no-repeat 0em 3em; border:0px solid red;}

#leftcol h1 { width:100%;  font-size:105%; font-weight:bold; color:#3c769e; text-indent:1em;}

.left_title { width:100%; float:left; line-height:1.5em; background:url(../images/tital_bg.gif) repeat-x; text-indent:0em; margin-top:0.8em; font-size:12px; font-weight:bold; line-height:19px; color:#c52024}

#leftcol ul { padding:0em; margin:0em;}
#leftcol li { padding:0em; margin:0em; list-style-type:none; font-size:101%; font-weight:bold; line-height:1.5em; text-decoration:none;}

#leftcol li a { margin:0; padding-left:0em; color:#000; text-decoration:none;}
#leftcol li a:hover { margin:0; padding-left:0em; color:#c52024; text-decoration:none;}

#leftcol li a.select { margin:0; padding-left:0em; color:#c52024; }

#leftcol p { font-size:1.1em; margin:0; padding:0.5em 0em 0.5em 0em;}

/*................. left col related css start here ........................*/

/*................. right col related css start here ........................*/

#rightcol {width:54em; float:left; font-size:105%; border:0 solid #f00; text-decoration:none; overflow:hidden; line-height:115%; padding-bottom:2em;}
#rightcol h1{padding:0; margin:0 0 0.062em 0; font-size:90%; text-decoration:none}
#rightcol h2{padding:0; margin:0 0 1em 0; font-size:85%; color:#FF0066; background:none; clear:both; text-decoration:none; /*border:0 solid #f00;*/ text-indent:0; }
#rightcol h3{padding:0; margin:0 0 1em 0; font-size:100%; color:#566}
#rightcol h4{padding:0; margin:0 0 1em 0; font-size:100%; color:#1E84C1}
#rightcol p{font-size:85%;}
#rightcol li li{font-size:95%;}
#rightcol li {font-size:85%;}
#breadcrumb { width:100%; clear:both; line-height:1.5em; background:url(../images/tital_bg.gif) repeat-x; border:0.1em solid #f9f9f9; text-indent:0.15em; font-size:75%;}
#insiteBanner {width:100%; clear:both; margin:0.8em 0em 0.5em 0em; padding:0px; border:0 solid #f00; overflow:hidden} 

#insiteBanner { width:100%; clear:both; margin:0.8em 0em 0.5em 0em; padding:0px;} 




/*................. right col related css start here ........................*/
p.righttext {text-align:right; color:#003366;}

p.clienttopL {text-align:left; color:#003366; background: url(../images/icon_up.gif) no-repeat left center; padding-left:15px;}

.client_imgL {float:left; padding:0px 8px 5px 5px; margin:0px;}

.client_imgR {float:right; padding:0px 5px 5px 8px; margin:0px;}

.clientlogo {float:left; width:230px; margin-right:10px; height:97px;}
/*............. client Testimonials css .................*/



/*............. client Testimonials css .................*/

.testimonials { float:left; width:100%; margin:0px;}
.testimonials p { background: url(../images/red_arrow.gif) no-repeat 10px 3px; padding:0px 0px 10px 35px; }

p.bluecol {color:#0065b2; background:none; border-bottom:1px dashed #efefef; margin:0px 0px 5px 0px;}



/*..........................comman saprator ...........................*/
.rowsap1 {width:100%; padding:0px; margin:0px; height:0.9em; float:left;}
.rowsap2 {width:100%; padding:0px; margin:0px; height:2em; float:left;}
.colsap1 {width:0.8em; padding:0px; margin:0px; height:5em; float:left;}
.colsap2 {width:1em; padding:0px; margin:0px; height:35em; float:left;}


#Microsoft {padding:5px;}

.grey_th {background:#eaeaea; color:#999; font-weight:bold;}




/* Rounded corenr for Q Links */
#liquid-round {
width:100%;
margin:0px auto;
background:#fff url(/images/roundCorner/leftside.gif) repeat-y left top;
}
.top {
width:100%;
height:20px;
background:url(/images/roundCorner/top.gif) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:20px;
background:url(/images/roundCorner/top-right.gif) no-repeat right top;
}
.center-content {
position:relative;
background:url(/images/roundCorner/rightside.gif) repeat-y right top;
padding:13px 0px 1px 15px;
margin:-1px 0 -10px 0;
}
.bottom {
width:100%;
height:60px;
background:url(/images/roundCorner/bottom.gif) no-repeat left bottom;
}
.bottom span {
display:block;
position:relative;
height:60px;
background:url(/images/roundCorner/bottom-right.gif) no-repeat right top;
}

#liquid-round h1 { font-size:105%; font-weight:bold; color:#000; background:none;  text-indent:0; height:19px; }
#liquid-round h1 a { font-size:105%; font-weight:bold; color:#5b5b5b; }
#liquid-round h1 a:hover{ font-size:105%; font-weight:bold; color:#000; }


/* 2323 */

#labfooter {
		text-align:center;
		clear:both;
	}
	.teaser {
		width:200px;
		padding:0 0 14px 0px;
		margin:0px auto;
		clear:both;
		background:url("/images/tsr1.gif") bottom left no-repeat;
	}
	.teaser h3 {
		color:#000;
		font-size:105%;
		margin:0;
		padding:5px 0px 5px 10px;
		background:url("/images/tsr.gif") top left no-repeat;
	}

#labfooter .teaser h1 { font-size:100%; font-weight:bold; color:#000; background:none;  text-indent:0; }
#labfooter .teaser h1 a { font-size:100%; font-weight:bold; color:#77794e;  background:none;  }
#labfooter .teaser h1 a:hover{ font-size:100%; font-weight:bold; color:#000;  background:none;  }

.roundcont {
	width: 200px;
	background-color: #f90;
	color: #fff;
}

.roundcont p {
	margin: 0 10px 0 10px;
}

.roundtop { 
	background: url(/images/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(/images/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}



dl {width: 200px;margin: 0 0 0px 0px;padding: 0;background: #ccc url(/images/mt_bottom.gif) no-repeat bottom left;}

dt {margin: 0 0 10px 0;	padding: 5px 10px 5px 10px;	font-size: 110%;color: #fff;border-bottom: 1px solid #fff;background: #999 url(/images/box_top.gif) no-repeat top left;	}
dd {margin: 0 0 0 2px;	padding: 0 5px 10px 0px;color: #666;font-family: Verdana, sans-serif;font-size: 97%;}
#green dt {	background-color: #52b3e2;}
#green {background-color: #d7f0fc; float:left;}
		















.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}.b1 {height:1px; background:#888; margin:0 5px;}.b2 {height:1px; background:#fdf0dc; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}.b3 {height:1px; background:#fdf0dc; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}.b4 {height:2px; background:#fdf0dc; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}.contentb {background: #fdf0dc; border-right:1px solid #888; border-left:1px solid #888; color:#6a6a6a;}.contentb div {margin-left: 5px; line-height:17px; color:#6a6a6a; font-weight:normal; font-size:11px;}




.b1a, .b2a, .b3a, .b4a{font-size:1px; overflow:hidden; display:block; clear:both;}.b1a {height:1px; background:#2693d8; margin:0 5px;}.b2a {height:1px; background:#f0f0f0; border-right:2px solid #2693d8; border-left:2px solid #888; margin:0 3px;}.b3a {height:1px; background:#f0f0f0; border-right:1px solid #888; border-left:1px solid #2693d8; margin:0 2px;}.b4a {height:2px; background:#f0f0f0; border-right:1px solid #2693d8; border-left:1px solid #2693d8; margin:0 1px;}.contentba {background: #f0f0f0; border-right:1px solid #2693d8; border-left:1px solid #2693d8; color:#6a6a6a;}.contentba div {margin-left: 5px; line-height:17px; color:#6a6a6a; font-weight:normal; font-size:11px;}





























.sidemenu { width:200px; font-size:0.85em;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
/* remove all the bullets, borders and padding from the default list styling */
.sidemenu ul { padding:0;margin:0;list-style-type:none;}
.sidemenu ul ul {width:200px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.sidemenu li {float:left;width:200px;position:relative;}

/* style the links for the top level */
.sidemenu a, .sidemenu a:visited {display:block;font-size:11px;text-decoration:none; color:#ccc; width:198px; height:28px; border:1px solid #fff; border-width:1px 1px 0 0; background:/*#c0e2fb*/ url(../images/sidefhover0.jpg); padding-left:10px; line-height:29px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .sidemenu a, * html .sidemenu a:visited {width:200px;w\idth:179px; color:#ccc}

/* style the second level background */
.sidemenu ul ul a.drop, .sidemenu ul ul a.drop:visited {background:#ccc; color:#FFF}

/* style the second level hover  */
.sidemenu ul ul a.drop:hover{background:#c9ba65; color:#fff}
.sidemenu ul ul :hover > a.drop {background:#c9ba65; color:#000}

/* style the third level background */
.sidemenu ul ul ul a, .sidemenu ul ul ul a:visited {background:#e2dfa8;}

/* style the third level hover */
.sidemenu ul ul ul a:hover {background:#b2ab9b;}
.sidemenu ul ul ul :hover > a {background:#b2ab9b;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.sidemenu ul ul {visibility:hidden;position:absolute;height:0;top:0;left:200px;width:200px;}
/* another hack for IE5.5 */
* html .sidemenu ul ul {top:0;t\op:1px;}

/* position the third level flyout menu */
.sidemenu ul ul ul{left:200px; top:0;width:200px;}

/* position the third level flyout menu for a left flyout */
.sidemenu ul ul ul.left {left:-200px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.sidemenu table {position:absolute; top:0; left:0;}

/* style the second level links */
.sidemenu ul ul a, .sidemenu ul ul a:visited {
background:/*#c0e2fb*/ url(../images/sidefhover0.jpg); color:#000; height:auto; line-height:18px; padding:5px 10px; width:200px/* yet another hack for IE5.5 */}
* html .sidemenu ul ul a{width:200px;w\idth:200px;}


/* style the top level hover */
.sidemenu a:hover, .sidemenu ul ul a:hover{color:#fff; background:/*#74add4*/ url(../images/sidefhover.jpg); }
.sidemenu :hover > a, .sidemenu ul ul :hover > a {color:#fff;background:/*#74add4*/ url(../images/sidefhover.jpg); }

/* make the second level visible when hover on first level list OR link */
.sidemenu ul li:hover ul,.sidemenu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.sidemenu ul :hover ul ul{visibility:hidden;}

/* keep the fourth level hidden when you hover on second level list OR link */
.sidemenu ul :hover ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.sidemenu ul :hover ul :hover ul{ visibility:visible;}

/* make the fourth level visible when you hover over third level list OR link */
.sidemenu ul :hover ul :hover ul :hover ul { visibility:visible;}



/* Home Page bloacks*/

/* IBOX-- Inline pop up window*/
#ibox_content { background: #222; border-color: #222; color: #fff; }
#ibox_wrapper { background: #222; border-color: #444; }
#ibox_footer_wrapper { left: 0; right: 0; top: 0; padding: 3px 10px; }
#ibox_footer_wrapper, #ibox_footer_wrapper a { color: #8dd6e2; background: #444; }
#ibox_footer_wrapper a { color: #8dd6e2; font-weight: bold; text-decoration: none; padding: 0 3px; }
#ibox_content { padding: 10px; }
#ibox_wrapper { padding: 25px 0 0 0; }

/* IBOX-- Inline pop up window*/


/* Contact Page form*/

fieldset { border:none}
.formlbl {width:150px; float:left; font-size:75%; font-weight:bold}
.formdata {width:280px; height:19px;float:left}
input.frmcnt { border:1px solid #ccc}
textarea.frmcntta { border:1px solid #ccc; width:250px; height:70px;}