/* CSS Document */
/**********************************************************************************************
	Title: CSS
	Author: Harinder Singh
	Date: May 08, 2010
*************************************************************************************************/
/*==================== Reset Basic CSS Tags ======================*/
body{color:#363636; background:transparent url(../images/bg.jpg) repeat scroll left top; border-top:8px solid #333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 auto; padding:0px;}
h1, h2, h3, h4, h5, h6, h7, p, form{font-weight:normal; margin:0px; padding:0px; color:#616268; float:left;}
ul, li, ol{list-style:none; margin:0px; padding:0px;}
table, tbody, tr, td{margin:0px; padding:0px;}
a{color:#8a9508; text-decoration:none;	outline:none;}
a:hover{color:#8a9508;	text-decoration:underline; outline:none;}
a img{border:0px; outline:none;}
hr {display:block;height:1px;border:0;border-top:1px solid #85b9dc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}


/*============================= Comman Styles ==============================*/
#divContainer{display:none;}
.clear{clear:both;}
.wrapper{width:961px; margin:0 auto; text-align:center;}
.top_bg{background:url(../images/menu_bg_outer.jpg) repeat-x scroll left 75px ; width:auto; height:250px;}
.bg_top{background:url(../images/bg_top.png) no-repeat scroll top left;height:50px; width:961px; float:left; margin-top:0px;}
.bg_center{background:url(../images/bg_center.png) repeat-y scroll top left; width:941px; float:left; padding:0 10px; margin-bottom:30px;}
h2{margin:5px 0;font-size:17px; width:100%;}
h1{font-size:24px; width:100%;}


/*============================= Top Area Styles ==============================*/
.logo{float:left; width:372px; height:61px; margin-top:-25px; display:block; margin-left:25px; cursor:pointer; position:relative; z-index:9999; background:url(../images/logo.gif) no-repeat scroll top left;}
.logo img{float:left; }
.search{float:right; padding:4px 25px 0;}
.search .text{float:left; border:1px solid #e3e3e3; outline:none; background-color:#f1f1f1; width:165px; height:26px; padding:5px; font-size:14px;}
.search .button{float:left; font-size:16px; background:url(../images/search_bg.png) repeat-x scroll top left; padding:5px; width:70px; height:32px;color:#4f481a; border:none; cursor:pointer; outline:none;}
html:first-child .search .text{height:20px;}



/*============================= Menu Styles ==============================*/
.menu_bg{ background:url(../images/menu_bg.jpg) repeat-x scroll top left; height:140px; text-align:left; width:941px; height:82px; float:left; margin-top:20px;}
#cssdropdown,#cssdropdown ul{list-style:none; margin:0 auto; padding:20px 16px;}
#cssdropdown li{float:left; position:relative; z-index:9999; padding:0 6px; color:#fff; font-size:18px; color:#C2D227; list-style:none;}
.mainitems{cursor:pointer;}
.mainitems a{font-size:18px; color:#fff; text-decoration:none; text-transform:uppercase; float:left; padding:10px 0px 34px 0px;}
.mainitems a:hover{color:#C2D227; text-decoration:none;background:url(../images/hover1.gif) no-repeat scroll 50% 70%; padding:10px 0px 34px 0px; }
#cssdropdown li.heading{height:30px; border:0px;}
.mainitems a.sel{text-decoration:none; text-transform:uppercase; color:#C2D227; background:url(../images/hover1.gif) no-repeat 50% 70%; font-size:18px; float:left; padding:10px 0px 34px 0px;}
.subuls{display:none; position:absolute; top:62px; left:15px; width:198px; background: url(../images/trans_bg.png) repeat left top; padding:0px 0px 5px 0px;}
#cssdropdown ul.subuls{padding:10px 5px 10px 10px; float:left; margin-left:-12px;}
#cssdropdown ul.large{width:650px;}
#cssdropdown ul.career{margin-left:-25px;}
.subuls li{width:195px; padding:0px !important; border-bottom:1px solid #323232;}
.subuls li a{float:left; background:url(../images/hover-right.gif) no-repeat 0px 6px; width:180px; text-transform:none; font-size:15px; color:#fff; text-shadow:none; padding:5px 0px 5px 15px; text-decoration:none; border-bottom:1px solid #6e6e6e;}
.subuls li a:hover{float:left; background:url(../images/hover-right.gif) no-repeat 2px 6px; font-size:15px; color:#fff; text-shadow:none; text-decoration:none;padding:5px 0px 5px 15px;}

#cssdropdown li>ul{top:62px; left:15px;}
#cssdropdown li:hover ul,li.over ul{display:block;}
#restofcontent{clear:left;}

.menu-height{float:left; width:216px;}


html:first-child .mainitems a  {font-size:14px!important;}
html:first-child .mainitems a  {font-size:14px!important;}

/*============================= Slid Show Styles ==============================*/
#slideshow {height:277px; float:left; }
.circle{position:absolute; margin-left:840px;margin-top:-50px; * margin-left:370px;margin-top:-50px;}
.circle ul li{float:left;margin:0 3px;}
.circle ul li a.selected{background:url(../images/circle.png) no-repeat scroll top left; foat:left;height:21px;width:21px; text-indent:-999px; display:block; cursor:pointer;}
.circle ul li a{background:url(../images/circle2.png) no-repeat scroll top left; foat:left;height:17px;width:17px; margin:1px; text-indent:-999px;display:block; cursor:pointer;}
.slide_cantant{color:#FFFFFF; position:relative;text-align:left;width:941px;z-index:1; top:-18px;}
.slide_cantant .side{background:url(../images/slide_show_side.png) no-repeat scroll top left; margin-left:-32px; position:absolute; width:32px; height:124px;margin-top:-21px; }
.slide_cantant ul{ background:url(../images/trans_bg.png) repeat scroll left top; float:left; width:467px; height:83px; padding:10px 0;}
.slide_cantant ul li{ text-shadow: 1px 1px 2px #000; float:left; }
.slide_cantant b{ color:#c3cf21;}

html:first-child .slide_cantant ul{margin-top:-19px!important; margin-bottom:18px; }
html:first-child .slide_cantant ul li  {font-size:26px!important;}






/*============================= breadcrumbs Styles ==============================*/
.breadcrumbs{height:45px; width:941px; border-bottom:1px solid #e3e2e2; float:left; }
.breadcrumbs ul{float:left; padding:15px 15px 15px 25px;}
.breadcrumbs ul li{float:left; }
.breadcrumbs ul li.home{background:url(../images/home-bc.png) no-repeat scroll top right; width:53px;  height:19px; color:#FFFFFF; }
.breadcrumbs ul li.home a{padding-top:1px; color:#FFFFFF; vertical-align:middle;  height:19px; }
.breadcrumbs ul li.home a:hover{color:#484848; text-decoration:none ; vertical-align:middle;}
.breadcrumbs ul li.active {background:url(../images/green-bc.png) no-repeat scroll top left; width:89px; height:19px; color:#FFFFFF;}
.breadcrumbs ul li.active a {color:#FFFFFF;vertical-align:middle;}
.breadcrumbs ul li.active a:hover{color:#484848;vertical-align:middle; text-decoration:none; height:19px;}
.breadcrumbs ul li.active a img{color:#FFFFFF;vertical-align:middle;padding-left:3px;}
.breadcrumbs ul li.active1 {background:url(../images/green-bc1.png) no-repeat scroll top left; width:135px; height:19px; color:#FFFFFF;}
.breadcrumbs ul li.active1 a {color:#FFFFFF;vertical-align:middle;}
.breadcrumbs ul li.active1 a:hover{color:#484848;vertical-align:middle; text-decoration:none; height:19px;}
.breadcrumbs ul li.active1 a img{color:#FFFFFF;vertical-align:middle;padding-left:4px;}
.breadcrumbs ul li.active2 {background:url(../images/green-bc2.png) no-repeat scroll top left; width:270px; height:19px; color:#FFFFFF;}
.breadcrumbs ul li.active2 a {color:#FFFFFF;vertical-align:middle;}
.breadcrumbs ul li.active2 a:hover{color:#484848;vertical-align:middle; text-decoration:none; height:19px;}
.breadcrumbs ul li.active2 a img{color:#FFFFFF;vertical-align:middle;padding-left:4px;}
.breadcrumbs ul li.active3 {background:url(../images/green-bc3.png) no-repeat scroll top left; width:180px; height:19px; color:#FFFFFF;}
.breadcrumbs ul li.active3 a {color:#FFFFFF;vertical-align:middle;}
.breadcrumbs ul li.active3 a:hover{color:#484848;vertical-align:middle; text-decoration:none; height:19px;}
.breadcrumbs ul li.active3 a img{color:#FFFFFF;vertical-align:middle;padding-left:4px;}
.breadcrumbs ul li.last {background:url(../images/last-bc.png) no-repeat scroll top left; width:110px; height:19px; color:#FFFFFF;}
.breadcrumbs ul li.last a {color:#FFFFFF;vertical-align:middle;}
.breadcrumbs ul li.last a:hover{color:#484848;vertical-align:middle; text-decoration:none; height:19px;}
.breadcrumbs ul li.last a img{color:#FFFFFF;vertical-align:middle; padding-left:4px;}
.breadcrumbs ul li.last1 {background:url(../images/last-bc1.png) no-repeat scroll top left; width:175px; height:19px; color:#FFFFFF;}
.breadcrumbs ul li.last1 a {color:#FFFFFF;vertical-align:middle;}
.breadcrumbs ul li.last1 a:hover{color:#484848;vertical-align:middle; text-decoration:none; height:19px; }
.breadcrumbs ul li.last1 a img{color:#FFFFFF;vertical-align:middle; padding-left:10px;}


/*============================= NEWS Styles ==============================*/
.news_event{background:url(../images/news_event.png) repeat-x scroll top left; height:12px; width:913px; float:left; text-align:left; padding:14px;}
.news_event strong{float:left; width:92px;}
.news-roll{float:right;width:768px;}
.news-roll a{color:#4e2e2d;}
.news-roll a:hover{color:#4e2e2d;}
html:first-child .news-roll a{color:#000000;}
html:first-child .news-roll a:hover{color:#000000; text-decoration:underline;}
.twitter{width:40px; height:36px; float:right; margin-top:-13px;}

/*============================= TABS Styles ==============================*/
.description .arrow {float:left; width:100%; text-decoration:none; color:#484848; background:url(../images/slide-arrow.png) no-repeat scroll center right}


/*============================= Contanier Styles ==============================*/
.contanier{width:941px; float:left;}
.contanier .left{float:left; padding:0 20px 20px; width:310px; border-right:1px solid #ededed;}
.contanier .center{float:left; padding:0 20px 20px; width:270px; border-right:1px solid #ededed;}
.contanier .right{float:left; padding:0 20px 20px; width:239px; text-align:left;}
.contanier h1{ color:#484848; float:left; width:100%; margin-top:10px; text-align:left;border-bottom:3px solid #c2d227; font-size:36px;}
.view a{color:#484848;font-size:14px; margin-top:-22px; padding-right:20px; float:right; font-family:Arial, Helvetica, sans-serif; text-align:right;}
.view img{float:left;height:14px;margin-top:-22px;text-align:right;width:14px;}
.view a:hover{color:#484848;font-size:14px; margin-top:-22px; padding-right:20px; float:right; font-family:Arial, Helvetica, sans-serif; text-decoration:underline;text-align:right;}
.contanier ul{float:left; margin-top:10px;}
.contanier ul li{text-align:left; float:left; width:100%; line-height:40px;}
.contanier ul li img{float:left; margin-right:10px;}
.contanier ul li a{color:#8a9508; font-size:13px; float:right;  }
.contanier ul li a:hover{color:#484848;  text-decoration:none;}
.contanier ul.heading { float:left; width:110px;  margin-top:10px;}
.contanier ul.heading li{ float:left; width:100%; line-height:12px; line-height:17px;margin-top:20px;}
.contanier ul.heading li a{ float:left; width:100%;font-size:14px;}
.contanier ul.heading li a:hover{ float:left; width:100%; text-decoration:none;}
.contanier ul.heading li.selected a{ float:left; width:100%; text-decoration:none; color:#484848; background:url(../images/slide-arrow.gif) no-repeat 104px center transparent;}
.contanier ul.text {border:1px solid #d5d5d5;float:left;padding:0px 17px 10px;width:164px;  margin-top:20px; }
.contanier ul.text li{ float:left; width:100%; line-height:12px; line-height:17px;margin-top:10px;}
.contanier ul.text li a{ float:left; width:100%;font-size:12px; color:#616268;}
.contanier ul.text li a:hover{ float:left; width:100%; text-decoration:underline;}

/*============================= Product Styles ==============================*/
.combine{width:769px; float:left;}
.product{width:941px; float:left;margin-top:20px;}
.product h1{ color:#484848; float:left; width:100%;margin-bottom:10px;margin-top:10px;padding:5px 0; text-align:left;border-bottom:3px solid #c2d227; font-size:24px;}
.product h1 a.brown{ color:#4E2E2D; text-decoration:none;}
.product h1 a.brown:hover{ color:#4E2E2D !important; text-decoration:none;}
.product h1 a.same{ color:#484848; text-decoration:none;}
.product h1 a.same:hover{ color:#484848 !important; text-decoration:none;}
.product .left{float:left; padding:0px 20px 20px 20px; width:95px; border-right:1px solid #ededed;}
.product .left1{float:left; padding:0px 0px 1px ; width:95px; border-right:1px solid #ededed;}
.product .center{float:left; padding:0px 20px 20px 20px; width:528px; border-right:1px solid #ededed;}
.product .right{float:left; padding:0 0px 0 20px;width:180px;}
.product ul.heading { float:left; width:110px; text-align:left;}
.product ul.heading li{ float:left; width:100%; line-height:12px; line-height:17px;margin-top:12px; list-style:none;background:url(../images/green_up.gif) no-repeat left 8px; padding-left:7px;}
.product ul.heading li a{ float:left; width:100%;font-size:14px; color:#616268;}
.product ul.heading li a:hover{ float:left; width:100%; text-decoration:none;color:#8A9508;}
.product ul.heading li.selected a{color:#8A9508}


.product_img{border:1px solid #b5b5b5; float:left; background:url(../images/product_img.jpg) no-repeat scroll top left;height:220px;padding-top:30px;width:765px;margin-left:19px;}
.sm_logo{background:url(../images/logo_small.png) no-repeat scroll top left; width:131px; height:29px;}
.product .msg{ height:220px;width:149px; text-align:left; float:right;}
.product .msg p{padding-top:45px;color:#FFFFFF;font-weight:bold;float:left;width:84%;padding:0 12px;font-size:14px; text-transform:uppercase;background:url(../images/msg.png) no-repeat scroll bottom right; height:179px; margin-top:12px;}
.product .msg p strong{font-weight:bold; color:#565514; float:left; width:100%; font-size:15px; margin-bottom:2px; margin-top:35px;}


.product .msgnew p{margin-top:75px;margin-left:60px; color:#FFFFFF; font-weight:bold; float:left; width:84%; padding:0 12px;  }
.product .msgnew p strong{color:#8A9508; font-weight:bold; float:left; width:100%; font-size:36px; }



.product .cantent{float:left; width:380px; text-align:left;}
.product .cantent p{padding:10px 10px 0 0; text-align:left; line-height:18px;}
.product .full-cantent{float:left; width:528px; text-align:left;}
.product .full-cantent p{padding:20px 0px 0 0; text-align:left; line-height:18px;width:100%;}
.product .full-cantent .heading{color:#8A9508;float:left;font-size:36px;margin:10px 0 5px; width:100%;}
.product .smheading{color:#8A9508;float:left;font-size:30px;margin:10px 0 0 0px; width:100%;}
.product .grheading{color:#484848;float:left;font-size:20px;text-align:left;width:100%; margin:4px 0;}
.product .full-cantent .contact-box{float:left; width:80%;line-height:18px;}
.product .full-cantent span{margin:0 0 0 5px; width:48%; float:left;}
.product .full-cantent span.full{width:100%;}
.product .full-cantent span.full a{margin:0px; float:none;}
.product .addver{float:left; width:148px; text-align:left;}
.product .addver p{border:1px solid #b5b5b5; float:left; text-align:left; margin-top:15px;}
.product a{float:left; margin:5px 0;}
.product ul{float:left; margin-top:5px;}
.product ul li{float:left; background:url(../images/circle.gif) no-repeat scroll left 7px ; list-style:none; padding-left:10px; width:520px; line-height:20px;}
.product ul.decimal{float:left; margin-top:5px;}
.product ul.decimal li{float:left; list-style:decimal inside none; width:90%; line-height:18px; margin-top:10px; background:none;}
.product ul.dics{float:left; margin-top:5px;}
.product ul.dics li{float:left;background:url(../images/circle.gif) no-repeat scroll left 7px ; list-style:none; padding-left:14px; line-height:18px;margin-top:10px;width:96%;}
.product ul.dics li a{margin:0px;}
.product ul.dics li a:hover{margin:0px;}
.product ul.ad{float:left;padding:15px; border:1px solid #b5b5b5; margin-top:15px;}
.product ul.ad li{float:left; list-style:none; width:100%; line-height:18px; text-align:left; margin:0px; background:none;}
.product ul.ad li strong{float:left; margin-top:5px; text-align:left; background:none;}
.product ul.cont{float:left;}
.product ul.cont li{float:left; list-style:none; background:none; width:100%; line-height:18px; text-align:left;}
.product ul.cont li strong{float:left; text-align:left;}
.product ul.cont li a{margin:0px;}

ul.two-blocks{margin:10px 0 0 0px; padding:0px; float:left;}
ul.two-blocks li{margin:10px 0 0 0px; padding:0px; list-style:none; float:left; width:100%;background:none; padding-left:0px;}
ul.two-blocks li .left{margin:0px !important; padding:0px !important; list-style:none; float:left; width:80px; font-weight:bold; background:none; }
ul.two-blocks li .right{margin:0px !important; padding:0px !important; list-style:none; float:right; width:440px;background:none;}
.info{font-size:16px; margin:10px 0;}
.cont .arrow{background:url(../images/green_up.gif) no-repeat scroll left 5px transparent !important; padding-left:7px;}
a.download{font-size:18px; margin:15px 0 0 0; float:left;}

/*============================= Images Styles ==============================*/
.solution{border:1px solid #b5b5b5; float:left; background:url(../images/Services.jpg) no-repeat scroll top left;height:220px;padding-top:30px;width:765px;margin-left:19px;}

.partners{border:1px solid #b5b5b5; float:left; background:url(../images/partners.jpg) no-repeat scroll top left;height:220px;padding-top:30px;width:765px;margin-left:19px;}
.comman{border:1px solid #b5b5b5; float:left; background:url(../images/product_img.jpg) no-repeat scroll top left;height:220px;padding-top:30px;width:765px;margin-left:19px;}
.Careers{border:1px solid #b5b5b5; float:left; background:url(../images/Careers.gif) no-repeat scroll top left;height:220px;padding-top:30px;width:765px;margin-left:19px;}
.contactus{border:1px solid #b5b5b5; float:left; background:url(../images/contactus.jpg) no-repeat scroll top left;height:220px;padding-top:30px;width:765px;margin-left:19px;}
.gallery{border:1px solid #b5b5b5; float:left; height:220px;padding-top:30px;width:765px;margin-left:19px;}

.aboutus{border:1px solid #b5b5b5; float:left; background:url(../images/aboutus.jpg) no-repeat scroll top left;height:220px;padding-top:30px;width:765px;margin-left:19px;}
.leadership-team{border:1px solid #b5b5b5; float:left; background:url(../images/leadership-team.jpg) no-repeat scroll top left;height:220px;padding-top:30px;width:765px;margin-left:19px;}
.Practice-Areas{border:1px solid #b5b5b5; float:left; background:url(../images/Practice-Areas.jpg) no-repeat scroll top left;height:220px;padding-top:30px;width:765px;margin-left:19px;}
.Content-Management{border:1px solid #b5b5b5; float:left; background:url(../images/Content-Management.jpg) no-repeat scroll top left;height:220px;padding-top:30px;width:765px;margin-left:19px;}
.Process-Collaboration{border:1px solid #b5b5b5; float:left; background:url(../images/Process-Collaboration.jpg) no-repeat scroll top left;height:220px;padding-top:30px;width:765px;margin-left:19px;}
.Information-Management{border:1px solid #b5b5b5; float:left; background:url(../images/Information-Management.jpg) no-repeat scroll top left;height:220px;padding-top:30px;width:765px;margin-left:19px;}
.Services{border:1px solid #b5b5b5; float:left; background:url(../images/Services.jpg) no-repeat scroll top left;height:220px;padding-top:30px;width:765px;margin-left:19px;}
.Industries{border:1px solid #b5b5b5; float:left; background:url(../images/Industries.jpg) no-repeat scroll top left;height:220px;padding-top:30px;width:765px;margin-left:19px;}
.Products{border:1px solid #b5b5b5; float:left; background:url(../images/Products.jpg) no-repeat scroll top left;height:220px;padding-top:30px;width:765px;margin-left:19px;}


.logo_emc{background:url(../images/EMC-logo.png)      no-repeat scroll top left; width:160px; height:47px;}
.logo_alf{background:url(../images/Alfresco-Logo.png) no-repeat scroll top left; width:175px; height:51px;}
.logo_ope{background:url(../images/Opentext-logo.png) no-repeat scroll top left; width:175px; height:53px;}
.ind1{background:url(../images/level.png) no-repeat scroll top left; width:180px; height:200px;float:right; padding-left:10px}
.ind2{background:url(../images/us.png) no-repeat scroll top left; width:180px; height:180px;float:right; padding-left:10px}
.ind3{background:url(../images/dna.png) no-repeat scroll top left; width:180px; height:180px;float:right; padding-left:10px}

/*============================= Footer Styles ==============================*/
.footer {float:left; background:url(../images/footer.png) no-repeat scroll top left; width:941px; height:53px; margin-top:20px;}
.footer p {float: left; padding:16px;}