/********************************************/
/* Title	:	CommerceBee 				*/
/* URL		:	http://www.CommerceBee.com	*/
/* Author	:	Arul Manikandan.B		    */
/* Created	:	9th June 2010			    */
/********************************************/
*{margin:0px;padding:0px;}
body{margin:0px;padding:0px;font:normal 12px arial;background:#e5e5e5;}
p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,ol{margin:0px;padding:0px;}
ul,li,ol{list-style:none;}
img{border:0px;outline:none;}
a:focus{outline:none;}
input,select,textarea{outline:none;}
.clear{display:block;clear:both;}
.clear1{display:block;clear:both;height:20px;}
.clear2{display:block;clear:both;height:25px;}
.clear3{display:block;clear:both;height:40px;}
.clear4{display:block;clear:both;height:23px;}
.clear5{display:block;clear:both;height:15px;}
/* Sprite */
.logo a, ul.mail li.number, ul.mail li.reach a, .btmleft ul li, .contentright ul li, ul.w3c li.css a, ul.w3c li.xhtml a, ul.follow li.flicker a, ul.follow li.twitter a, ul.follow li.bubble a, ul.follow li.circle a, .breadcrumb ul li, .keybenefits ul li, .keybenefits1 ul li, .b2b ul li {background:url('../images/main_sprite.gif') 0px 0px no-repeat;}ul.menu li a{background:url('../images/menu_sprite.gif') 0px 0px no-repeat;}.userleft_top, .userleft_btm, .productright ul li, .click a, .contactleft_left_top, .contactleft_left_btm, ul.quick li.skype, ul.quick li.hot, ul.quick li.yahoo, ul.quick li.gmail, .getbox h4 a{background:url('../images/inner_com.gif') 0px 0px no-repeat;}.leftimg.customimg a, .leftimg.graphics a, .leftimg.news a, ul.designlogo li a, .project-dots a, .project-dots a.active, ul.samplelogo li{background:url('../images/inner_sprite2.gif') 0px 0px no-repeat;}

/* Sprite */
#wrapper{width:980px;margin:0px auto;}
#wrapper1{width:980px;margin:0px auto;}
.main{width:952px;float:left;padding:0px 14px 0px 14px;background:#fff;}
.header{width:952px;float:left;height:122px;}
.logo a{width:268px;float:left;height:71px;margin:21px 304px 0px 6px;text-decoration:none;text-indent:-99999px;background-position:0px -6px;display:inline;}
ul.mail{width:368px;float:left;height:33px;margin:19px 0px 0px;display:inline;}
ul.mail li{float:left;}
ul.mail li.number{float:left;background-position:-300px 0px;margin-right:28px;width:162px;height:33px;margin-right:28px;}
ul.mail li.reach a{float:left;text-decoration:none;text-indent:-99999px;background-position:-489px 0px;width:178px;height:33px;}
ul.menu{width:952px;float:left;height:21px;}
ul.menu li{float:left;height:21px;}
ul.menu li a{float:left;height:21px;text-decoration:none;text-indent:-99999px;}
ul.menu li.product a{width:139px;background-position:0px 0px;}
ul.menu li.product a:hover{background-position:0px -21px;}
ul.menu li.solution a{width:110px;background-position:-139px 0px;}
ul.menu li.solution a:hover{background-position:-139px -21px;}
ul.menu li.design a{width:105px;background-position:-249px 0px;}
ul.menu li.design a:hover{background-position:-249px -21px;}
ul.menu li.maintenance a{width:191px;background-position:-354px 0px;}
ul.menu li.maintenance a:hover{background-position:-354px -21px;}
ul.menu li.performance a{width:188px;background-position:-545px 0px;}
ul.menu li.performance a:hover{background-position:-545px -21px;}
ul.menu li.faq a{width:74px;background-position:-733px 0px;}
ul.menu li.faq a:hover{background-position:-733px -21px;}
ul.menu li.contactus a{width:104px;background-position:-807px 0px;}
ul.menu li.contactus a:hover{background-position:-807px -21px;}
body.mh_design ul.menu li.design a{background-position:-249px -21px;}
.btm{float:left;margin-left:6px;display:inline;width:900px;background:#363636;padding:20px;}
.btmleft{float:left;width:162px;border-right:1px solid #464646;padding-left:17px;}
.btmleft b{float:left;width:162px;color:#d0d0d0;font:bold 13px arial;padding:0px 0px 15px;}
.btmleft ul{float:left;width:162px;}
.btmleft ul li{float:left;width:148px;color:#a4a4a4;font:normal 11px arial;padding:0px 0px 5px 14px;background-position:-619px -56px;}
.btmleft ul li a{color:#a4a4a4;text-decoration:none;}
.btmleft ul li a:hover{color:#fff;}
body.mf_policy .btmleft ul li.sf_policy a{color:#fff;}
body.mf_blog .btmleft ul li.sf_blog a{color:#fff;}
body.mf_request .btmleft ul li.sf_request a{color:#fff;}
body.mf_home .btmleft ul li.sf_home a{color:#fff;}
body.mf_product .btmleft ul li.sf_product a{color:#fff;}
body.mf_solutions .btmleft ul li.sf_solutions a{color:#fff;}
body.mf_maintenance .btmleft ul li.sf_maintenance a{color:#fff;}
body.mf_performance .btmleft ul li.sf_performance a{color:#fff;}
body.mf_faq .btmleft ul li.sf_faq a{color:#fff;}
body.mf_design .btmleft ul li.sf_design a{color:#fff;}
body.mf_company .btmleft ul li.sf_company a{color:#fff;}
body.mf_mas .btmleft ul li.sf_mas a{color:#fff;}
body.mf_ssls .btmleft ul li.sf_ssls a{color:#fff;}
body.mf_oms .btmleft ul li.sf_oms a{color:#fff;}
body.mf_ems .btmleft ul li.sf_ems a{color:#fff;}
body.mf_api .btmleft ul li.sf_api a{color:#fff;}
body.mf_cl .btmleft ul li.sf_cl a{color:#fff;}
body.mf_gwd .btmleft ul li.sf_gwd a{color:#fff;}
body.mf_nd .btmleft ul li.sf_nd a{color:#fff;}
body.mf_nwp .btmleft ul li.sf_nwp a{color:#fff;}
body.mf_wcu .btmleft ul li.sf_wcu a{color:#fff;}
body.mf_seo .btmleft ul li.sf_seo a{color:#fff;}
body.mf_ts .btmleft ul li.sf_ts a{color:#fff;}
body.mf_dbp .btmleft ul li.sf_dbp a{color:#fff;}
body.mf_ui .btmleft ul li.sf_ui a{color:#fff;}
body.mf_ta .btmleft ul li.sf_ta a{color:#fff;}
body.mf_as .btmleft ul li.sf_as a{color:#fff;}
body.mf_sa .btmleft ul li.sf_sa a{color:#fff;}
body.mf_ua .btmleft ul li.sf_ua a{color:#fff;}
body.mf_cu .btmleft ul li.sf_cu a{color:#fff;}
body.mf_om .btmleft ul li.sf_om a{color:#fff;}
body.mf_im .btmleft ul li.sf_im a{color:#fff;}
body.mf_mm .btmleft ul li.sf_mm a{color:#fff;}
body.mf_cm .btmleft ul li.sf_cm a{color:#fff;}
body.mf_bim .btmleft ul li.sf_bim a{color:#fff;}
body.mf_pm .btmleft ul li.sf_pm a{color:#fff;}
body.mf_dm .btmleft ul li.sf_dm a{color:#fff;}
.btmleft1{float:left;width:162px;padding-left:17px;}
.btmleft1 b{float:left;width:162px;color:#d0d0d0;font:bold 13px arial;padding:0px 0px 15px;}
.btmleft1 p{color:#a4a4a4;font:normal 11px arial;padding:0px 0px 10px;}
.btmleft1 p a{color:#ffd02b;font:normal 11px arial;text-decoration:underline;}
ul.follow{width:160px;float:left;padding:0px 0px 20px;}
ul.follow li{float:left;height:35px;margin-right:5px;width:34px;}
ul.follow li.flicker a{width:34px;float:left;height:35px;text-decoration:none;text-indent:-99999px;background-position:-849px -14px;}
ul.follow li.twitter a{width:34px;float:left;height:35px;text-decoration:none;text-indent:-99999px;background-position:-888px -14px;}
ul.follow li.bubble a{width:34px;float:left;height:35px;text-decoration:none;text-indent:-99999px;background-position:-927px -14px;}
ul.follow li.circle a{width:34px;float:left;height:35px;text-decoration:none;text-indent:-99999px;background-position:-966px -14px;}
ul.w3c{width:170px;float:left;padding:20px 0px 20px;}
ul.w3c li{float:left;height:15px;margin-right:8px;width:80px;}
ul.w3c li.css a{width:80px;float:left;height:15px;text-decoration:none;text-indent:-99999px;background-position:-832px -64px;}
ul.w3c li.xhtml a{width:80px;float:left;height:15px;text-decoration:none;text-indent:-99999px;background-position:-920px -64px;}
/* Product features */
.designbanner{float:left;width:920px;height:50px;background: url(../images/banner/banner2.gif) 0px 0px no-repeat;margin:0px 0px 10px 6px;display:inline;color:#fff;font:normal 30px arial;padding:50px 0px 0px 20px;}
.breadcrumb{margin:0px 6px 25px 0px;display:inline;float:right;width:930px;height:30px;background:#eee;padding-right:10px;}
.breadcrumb ul{float:right;width:930px;height:30px;}
.breadcrumb ul li{float:right;height:20px;color:#484848;font:italic 11px arial;background-position:-987px -99px;padding:10px 10px 0px 20px;}
.breadcrumb ul li span{color:#262626;font:bold 11px arial;}
.breadcrumb ul li a{color:#262626;font:bold 11px arial;text-decoration:none;}
.breadcrumb ul li a:hover{color:#484848;font:italic 11px arial;}
.performancerightout{width:240px;float:left;}
.productright{width:240px;float:left;}
.productright b{width:240px;float:left;color:#000;font:bold 12px arial;padding:0px 0px 5px;}
.productright ul{width:237px;float:left;padding-left:3px;}
.productright ul li{width:237px;float:left;color:#ff6600;font:normal 11px arial;padding:0px 0px 3px 8px;background-position:-725px 0px;}
.productright ul li a{color:#ff6600;text-decoration:underline;}
.keybenefits{width:600px;float:left;border:2px solid #d5d5d5;padding:20px 20px 10px 20px;background:#fff;}
.keybenefits b{width:600px;float:left;color:#000;font:bold 15px arial;padding:0px 0px 10px;}
.keybenefits ul{width:590px;float:left;padding-left:10px;}
.keybenefits ul li{width:575px;float:left;color:#484848;font:normal 12px arial;padding:0px 0px 10px 15px;background-position:0px -98px;line-height:18px;}
.keyfeature{width:270px;float:left;}
.keyfeature ul{width:270px;float:left;}
.keyfeature ul li{width:270px;float:left;color:#484848;font:normal 12px arial;line-height:17px;text-align:justify;}
.keyfeature ul li span{color:#2f2f2f;font:bold 12px arial;}
.click a{width:240px;height:97px;float:left;text-decoration:none;text-indent:-99999px;background-position:-759px -63px;}
/* Design services */
.designleft{width:660px;float:left;margin-left:6px;display:inline;padding-right:35px;}
.designleft b{width:660px;float:left;font:bold 15px arial;color:#000;padding:15px 0px 15px;}
.designleft p{color:#484848;font:normal 12px arial;line-height:18px;padding:0px 0px 20px 0px;text-align:justify;}
.designleft p span{color:#080808;font:bold 18px arial;}
.designleft p small{color:#ed5a01;font:bold 14px arial;}
.designservices{width:660px;float:left;border-top:1px solid #ccc;padding:20px 0px 0px;}
.designservicesin{width:210px;float:left;}
.designservicesin b{width:210px;float:left;padding:0px 0px 15px;color:#000;font:bold 15px arial;}
.leftimg{width:210px;float:left;}
.leftimg.customimg a{width:109px;float:left;margin-left:44px;display:inline;background-position:-2px -11px;text-decoration:none;text-indent:-99999px;height:141px;}
.leftimg.graphics a{width:113px;float:left;margin-left:40px;display:inline;background-position:-189px -11px;text-decoration:none;text-indent:-99999px;height:141px;}
.leftimg.news a{width:105px;float:left;margin-left:48px;display:inline;background-position:-426px -11px;text-decoration:none;text-indent:-99999px;height:141px;}
.designservicesin p{color:#484848;font:normal 12px arial;text-align:justify;line-height:18px;}
.designservicesin p a{color:#0080da;font:bold 13px arial;text-decoration:none;}
.keybenefits1{width:615px;float:left;border:2px solid #d5d5d5;padding:20px 20px 10px 20px;background:#fff;}
.keybenefits1 b{width:615px;float:left;color:#000;font:bold 15px arial;padding:0px 0px 10px;}
.keybenefits1 ul{width:605px;float:left;padding-left:10px;}
.keybenefits1 ul li{width:590px;float:left;color:#484848;font:normal 12px arial;padding:0px 0px 10px 15px;background-position:0px -98px;line-height:18px;}
ul.designlogo{width:660px;float:left;height:53px;padding:0px 0px 20px;}
ul.designlogo li{float:left;height:53px;}
ul.designlogo li a{float:left;height:53px;text-decoration:none;text-indent:-99999px;}
ul.designlogo li.custom a{width:185px;background-position:0px -168px;}
ul.designlogo li.custom a:hover{background-position:0px -221px;}
ul.designlogo li.graphicslogo a{width:264px;background-position:-185px -168px;}
ul.designlogo li.graphicslogo a:hover{background-position:-185px -221px;}
ul.designlogo li.newslogo a{width:211px;background-position:-449px -168px;}
ul.designlogo li.newslogo a:hover{background-position:-449px -221px;}
body.ml_custom ul.designlogo li.custom a{background-position:0px -221px;}
body.ml_graphicslogo ul.designlogo li.graphicslogo a{background-position:-185px -221px;}
body.ml_newslogo ul.designlogo li.newslogo a{background-position:-449px -221px;}
/* Sample logo slider*/
.container{width:660px;padding:0px;position:relative;float:left;}
#scroller-web-wrap{width:10000em;position:absolute;top:0px;}
#scroller-window, #scroller-web-window{height:320px;width:660px;overflow:hidden;}
#scroller-window{position:relative;overflow:hidden; }
#scroller-window .project{float:left;}
#scroller-window1, #scroller-web-window1{height:630px;width:660px;overflow:hidden;}
#scroller-window1{position:relative;overflow:hidden; }
#scroller-window1 .project1{float:left;}
#scroller-web-window1{overflow:hidden;width:712px;}
#scroller-vertical{left:0px; position:absolute;top:0;width:660px;}
#scroller-web-window{overflow:hidden;width:712px;}
.project{height:320px;margin-right:0px;position:relative;width:660px;}
.project1{height:320px;margin-right:0px;position:relative;width:660px;}
.project2{height:520px;margin-right:0px;position:relative;width:660px;}
ul.samplelogo li{display:table-cell;text-align:center;vertical-align:middle;margin:0px 21px 21px 0px;float:left;width:206px;height:124px;background-position:-793px -152px;}
ul.samplelogo li *{vertical-align:middle;}
ul.samplelogo li span{display:inline-block;height:100%;width:1px;}
.project-dots{z-index:1;bottom:15px;right:325px;position:absolute;}
.project1 b{font:normal 13px arial;color:#525252;padding:10px 0px 20px 0px;float:left;text-align:center;width:170px;}
.project-dots{z-index:1;bottom:15px;right:210px;position:absolute;}
.button-next-project{z-index:1;position:relative;bottom:10px;margin-left:211px;cursor:pointer;height:17px;position:absolute;left:0px;width:17px;}
.button-prev-project{z-index:1;position:relative;bottom:10px;margin-right:251px;cursor:pointer;height:17px;position:absolute;right:0px;width:17px;}
.project-dots a{background-position:0px -298px;display:block;float:left;height:8px;margin-right:12px;text-indent:-99999em;width:8px;}
.project-dots a.active{background-position:0px -324px;}
.project-dots a:hover{}
/* Sample website*/
.samplewebsite{width:660px;float:left;height:200px;}
.samplewebsitein{width:660px;float:left;}
.samplewebsitein_left{width:213px;float:left;border:1px solid #e4e4e4;/*height:167px;*/height:167px;display:table-cell;text-align:center;vertical-align:middle;}
.samplewebsitein_left *{vertical-align:middle;}
.samplewebsitein_left span{display:inline-block;height:100%;width:1px;}

.samplewebsitein_right{width:445px;float:left;}
.samplewebsitein_right ul{width:435px;float:left;padding:10px 0px 0px 10px;}
.samplewebsitein_right ul li{width:435px;float:left;line-height:18px;text-align:justify;padding:0px 0px 20px;}
.samplewebsitein_right ul li em{width:75px;float:left;color:#999;font:normal 13px arial;}
.samplewebsitein_right ul li big{width:12px;float:left;color:#999;font:normal 12px arial;}
.samplewebsitein_right ul li strong{width:347px;float:left;color:#484848;font:bold 15px arial;}
.samplewebsitein_right ul li strong span{color:#484848;font:normal 12px arial;}
.samplewebsitein_right ul li strong a{color:#ed5a01;font:normal 12px arial;text-decoration:underline;}
.b2b{width:639px;float:left;padding:0px 20px 10px 00px;}
.b2b b{width:615px;float:left;color:#000;font:bold 15px arial;padding:0px 0px 10px;}
.b2b ul{width:605px;float:left;}
.b2b ul li{width:250px;float:left;color:#484848;font:normal 12px arial;padding:0px 0px 10px 15px;background-position:0px -98px;line-height:18px;}
.footer{color:#363636;font:normal 11px arial;text-align:center;width:980px;float:left;}
.footer a{color:#363636;text-decoration:none;}
.footer a:hover{color:#000;text-decoration:underline;}


/* News */
.newswebsite{width:660px;float:left;}
.newswebsitein{width:320px;float:left;margin-right:20px;display:inline;}
.newswebsitein_left{width:310px;float:left;border:2px solid #e4e4e4;/*height:210px;*/display:table-cell;text-align:center;vertical-align:middle;padding:3px;}
.newswebsitein_left *{vertical-align:middle;}
.newswebsitein_left span{display:inline-block;height:100%;width:1px;}
.newswebsitein p{font:14px arial;color::#7a7a7a;text-align:left;line-height:40px;}

/* ====== Gallery Css ====== */
.sliderwrapper{position:relative;overflow:hidden;border-bottom-width:6px;width:660px;height:320px;}
.sliderwrapper .contentdiv{visibility:hidden;position:absolute;left:0;top:0;background:white;width:660px;height:100%;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity:1;opacity:1;}

.sliderwrapper1{position:relative;overflow:hidden;border-bottom-width:6px;width:660px;height:650px;}
.sliderwrapper1 .contentdiv{visibility:hidden;position:absolute;left:0;top:0;background:white;width:660px;height:100%;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity:1;opacity:1;}

.pagination{width:410px;text-align:right;padding:5px 10px;}
.pagination a{padding:0 5px;text-decoration:none;color:#00007D;background:white;background:url(../images/1-off.gif) no-repeat center 0;}
.pagination a:hover, .pagination a.selected{color:#000;background-color:#FEE496;background:url(../images/1-on.gif) no-repeat center 0;}
/* ====== Gallery Css ====== */

/* ====== Light Box ===== */
#lightbox {background-color: #eee;padding: 10px;border-bottom: 1px solid #666;border-right: 1px solid #666;}
#overlay {background-image:url(../images/resource/overlay.png);}
#lightboxCaption {color: #333;background-color: #eee;font-size: 90%;text-align: center;border-bottom: 1px solid #666;border-right: 1px solid #666;}
#lightboxIndicator {/*border: 1px solid #fff;*/}
#lightboxOverallView {/*background-image: url(../images/resource/overlay.png);*/}
* html #lightboxOverallView,* html #overlay {background-color: #000;background-image: url(../images/resource/blank.gif);filter: Alpha(opacity=50);}
/* ====== Light Box ===== */

#alImg1 img, #alImg2 img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
#alImg1, #alImg2 { display: inline-block; }
#alImg1 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='varyAlpha.png'); }
#alImg2 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='alphaTwo.png'); }
body	{
	background:#e5e5e5;
}