html, body, div, p, ul, li, table, a, span, dl, dt, dd, blockquote, h1, h2, h3, h4, h5, h6, img, form { padding:0; margin:0 }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #474646; /*color:#6b6b6b;*/ line-height:16px; background:url(../images/body-bg.gif) repeat-x; }
a { color: #abd219; text-decoration:none; }
a:hover { text-decoration: none; color: #e06601; }
hr { height:1px; line-height:1px; overflow:hidden }
p { margin:0 0 10px 0; text-align:justify }
img { border:0; vertical-align:middle }
h1, h2, h3, h4, h5, h6 { margin:0px 0px 0px 0px; padding:0px }
h1 { font:bold 22px "Arial Narrow", Arial, Helvetica, sans-serif; color: #fd7c09; /*text-transform:uppercase;*/ margin-bottom:4px; }
h2 { font:bold 22px "Arial Narrow", Arial, Helvetica, sans-serif; color: #8fb201; margin-bottom:4px; }
h3 { font:bold 22px "Arial Narrow", Arial, Helvetica, sans-serif; color: #247aad; margin-bottom:4px; }
h3.sub { font:bold 15px "Arial Narrow", Arial, Helvetica, sans-serif; color: #ff7e00; margin-bottom:4px; }
h4 { font:bold 15px "Arial Narrow", Arial, Helvetica, sans-serif; color: #247aad; margin-bottom:10px; }
h5 { font:bold 20px "Arial Narrow", Arial, Helvetica, sans-serif; color: #f1f1f1; margin-bottom:10px; }
h5.inner-hd { font:bold 16px "Arial Narrow", Arial, Helvetica, sans-serif; color: #8eb120; margin-bottom:5px; }
h6 { font-size: 13px; color: #247aad; font-weight:700; }
ul, li { list-style-type: none; }
.textbox { font:normal 12px Arial, Helvetica, sans-serif; color:#fd8409; background-color:#000000; border:none; width:184px; height:20px; padding:4px 10px 0px 10px; margin-top:4px; }
.clear { clear: both; }
.left { float:left; }
.right { float:right; }
.aligncenter { text-align: center; }
/*------commun css--------*/

#wrapper { width:1001px; margin:0px auto 0px auto; padding:0px; }
#header-part { width:1001px; height:95px; float:left; }
#banner-part { width:1001px; /*height:344px;*/ float:left; }
#middle-part { width:981px; float:left; clear:both; padding:0 0 0 10px; margin:15px 0px 10px 0px; }
#middle-part-2 { clear:both; width:976px; float:left; margin:0px 0px 10px 0px; padding:0px 13px 0px 12px; background:url(../images/middle-bg-2.gif) repeat-x; }
#bottom-part { clear:both; width:1001px; min-height:209px; float:left; }
.logo { width:370px; height:69px; float:left; text-align: right; }
.logo img { margin-top: 17px; }
.toprightpart { width: 611px; float: right; height: 78px; }
.call-1 { width:122px; float:right; font:bold italic 16px Arial, Helvetica, sans-serif; color:#286497; }
.call { width:350px; float:left; font:bold italic 16px Arial, Helvetica, sans-serif; color:#286497; padding-right:30px; padding-left:190px; padding-top:58px; }
.call span { font:bold 18px Arial, Helvetica, sans-serif; color:#223d54; padding-top:26px; }
.navi-box { width:1001px; float:left; font:bold 16px Arial, Helvetica, sans-serif; color:#5f5f5f; }
.navi-right-c { width:10px; height:49px; float:left; font:bold 16px Arial, Helvetica, sans-serif; color:#5f5f5f; background:url(../images/navi-right-tc.gif) no-repeat right; }
.navi { width:991px; height:49px; float:left; font:bold 16px Arial, Helvetica, sans-serif; color:#5f5f5f; background:url(../images/navi-left-tc.gif) no-repeat #ffffff; }
.navi ul { margin:0px; padding:0px; margin-left:10px; }
.navi li { display:inline; list-style:none; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5f5f5f; float:left; padding:16px 10px; background:url(../images/spoter.gif) no-repeat right; }
.navi li.last { background:none }
.navi li a img { vertical-align:middle }
.navi a { font:bold 14px "Arial Narrow", Arial, Helvetica, sans-serif; color:#5f5f5f; text-decoration:none; text-transform:uppercase; }
.navi a:hover { font:bold 14px "Arial Narrow", Arial, Helvetica, sans-serif; color:#fc8e19; text-decoration:none; text-transform:uppercase; }
.banner-bg { width:971px; height:282px; float:left; background:url(../images/banner-bg.gif) repeat-x; padding:0px 15px 13px 15px; }
.banner { width:723px; float:left; }
.resources-bg { width:233px; height:282px; float:right; background:url(../images/resources-bg.gif) no-repeat; margin-left:3px; padding-left:12px; position:relative; }
.resource-heading { font:bold 20px Arial, Helvetica, sans-serif; color:#21506d; text-transform:uppercase; margin:16px 0px 8px 5px; }
ul.resource-link { width: 260px; position:absolute; left:-14px; top:40px; float:right; margin:0px; padding:0px; }
ul.resource-link li { clear:both; width:100%; float:left; wi color:#ffffff;
line-height:23px; list-style:none; margin:0; padding:0; }
/*ul.resource-link li.active {background:url(../images/research-hover-bg.png) no-repeat left center; color:#0c476b; text-indent:30px;} */
ul.resource-link li a:link, ul.resource-link li a:visited, ul.resource-link li a:hover { clear:both; font-style:italic; font-size:13px; font-weight:700; color:#ffffff; text-decoration:none; display:block; text-indent:30px; }
ul.resource-link li a:hover { color:#0c476b; text-decoration:none; background:url(../images/research-hover-bg.png) no-repeat left center; }
.you-bet { width:354px; float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#2e2e2e; background:url(../images/business.gif) no-repeat right bottom; }
.you-bet-link ul { margin:0px; padding:0px; margin-top: 10px; }
.you-bet-link li { font:normal 12px Arial, Helvetica, sans-serif; color:#2e2e2e; background:url(../images/arrow-orange.gif) no-repeat left; padding:0px 0px 0px 20px; line-height:19px; }
.you-bet-link a { font:normal 12px Arial, Helvetica, sans-serif; color:#2e2e2e; text-decoration:none; }
.you-bet-link a:hover { font:normal 12px Arial, Helvetica, sans-serif; color:#2e2e2e; text-decoration:none; }
.why-hire { width:316px; float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#2e2e2e; }
.why-hire-link ul { margin:0px; padding:0px; margin-top: 10px; }
.why-hire-link li { font:normal 12px Arial, Helvetica, sans-serif; color:#2e2e2e; background:url(../images/arrow-green.gif) no-repeat left; padding:0px 0px 0px 20px; line-height:19px; }
.why-hire-link a { font:normal 12px Arial, Helvetica, sans-serif; color:#2e2e2e; text-decoration:none; }
.why-hire-link a:hover { font:normal 12px Arial, Helvetica, sans-serif; color:#2e2e2e; text-decoration:none; }
.developer { width:300px; float:right; font:normal 11px Arial, Helvetica, sans-serif; color:#2e2e2e; }
.developer-link ul { margin:0px; padding:0px; margin-top: 10px; }
.developer-link li { font:normal 12px Arial, Helvetica, sans-serif; color:#2e2e2e; background:url(../images/arrow-blue.gif) no-repeat left; padding:0px 0px 0px 20px; line-height:19px; }
.developer-link a { font:normal 12px Arial, Helvetica, sans-serif; color:#2e2e2e; text-decoration:none; }
.developer-link a:hover { font:normal 12px Arial, Helvetica, sans-serif; color:#2e2e2e; text-decoration:none; }
.your-project { width:976px; height:25px; float:left; font:bold 15px Arial, Helvetica, sans-serif; color:#2d6d9b; text-transform:uppercase; text-align:center; padding-top:10px; }
.middle-in-bg-left { clear:both; width:976px; height:243px; float:left; background:url(../images/middle-in-bg.gif) no-repeat left #FFFFFF; margin-bottom:20px; }
.middle-in-bg { width:10px; height:263px; float:left; }
.tecnical-box { width:332px; height:210px; float:left; padding:17px 0px 0px 25px; background:url(../images/tech-img.gif) no-repeat right bottom; }
.green-box { width:295px; float:left; margin:17px 0px 0px 0px; }
.green-box-top-c { width:295px; height:15px; float:left; }
.green-box-midd-c { width:245px; float:left; height:190px; background:url(../images/green-midd-bg.gif) repeat-y; padding:0px 25px 0px 25px; }
.green-box-midd-c a{ font:normal 11px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; }
.green-box-midd-c a:hover{ font:normal 11px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; }
.green-box-bottom-c { width:295px; height:29px; float:left; background:url(../images/green-bottom-bg.gif) no-repeat bottom; }
.coma { width:202px; height:17px; float:left; font:bold 19px Arial, Helvetica, sans-serif; color: #ffffff; background:url(../images/coma.gif) no-repeat left; padding-left:42px; padding-top:10px; }
.text { width:244px; float:left; /*color:#FFFFFF;*/ padding:15px 0px 0px 0px; }
.dr { width:244px; float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#000000; padding:10px 0px 0px 0px; }
.dr a { font:normal 11px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; }
.dr a:hover { font:normal 11px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; }
.our-portfolio { width:274px; float:left; padding-left:25px; padding-top:17px; }
.bottom-left-c { width:10px;  float:left; background: #323232; }
.bottom-middle-in { width:980px; float:left; background: #323232; padding-top:16px; }
.bottom-right-c { width:10px;  float:left; background: #323232; }
.information-box { width:300px; float:left; padding-left:15px; }
.information-link { width:125px; height:77px; float:left; padding:0 5px 0 0; border-right:1px solid #000000; }
.information-link ul { margin:0px; padding:0px; padding-top:5px; }
.information-link li { list-style:none; font:normal 12px Arial, Helvetica, sans-serif; color:#c5c5c5; background:url(../images/arrow-grey.gif) no-repeat left; padding:0px 0px 0px 12px; line-height:17px; }
.information-link ul li a { font:normal 12px Arial, Helvetica, sans-serif; color:#c5c5c5!important; text-decoration:none; line-height:20px; }
.information-link ul li a:hover { font:normal 12px Arial, Helvetica, sans-serif; color:#99d219 !important; text-decoration:none; line-height:20px; }
.information-link-1 { width:128px; height:77px; float:left; padding-left:25px; }
.information-link-1 ul { margin:0px; padding:0px; padding-top:5px; }
.information-link-1 li { list-style:none; font:normal 12px Arial, Helvetica, sans-serif; color:#c5c5c5; background:url(../images/arrow-grey.gif) no-repeat left; padding:0px 0px 0px 12px; line-height:20px; }
.information-link-1 ul li a { font:normal 12px Arial, Helvetica, sans-serif; color:#c5c5c5!important; text-decoration:none; line-height:20px; }
.information-link-1 ul li a:hover { font:normal 12px Arial, Helvetica, sans-serif; color:#99d219 !important; text-decoration:none; line-height:20px; }
.email { width:274px; height:30px; float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#acacac; margin-top:32px; }
.email a { color:#ABD219!important }
.email a:hover { color:#ffffff!important }
.web-development { width:404px; height:172px; float:left; }
.request-form { width:204px; height:172px; float:left; padding-left:35px; color:#eee; }

.request-button { width:204px; height:25px; float:left; text-align:right; }
.copyright { width:1001px; float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#1c1c1c; text-align:center; padding:20px 0; line-height:16px; }
.copyright a {  font:normal 11px Arial, Helvetica, sans-serif; color:#1c1c1c; text-decoration: none; }
.copyright a:hover {  font:normal 11px Arial, Helvetica, sans-serif; color:#1c1c1c; text-decoration: underline; }
.phoneno { width: 150px; float: left; font-size: 13px; font-style: italic; color: #0a5f84; font-weight: bold; line-height: 20px; padding-top: 30px; padding-left: 150px; }
.phoneno span { color: #333333; font-size: 17px; font-style: normal; }
.livechat { width: 292px; float: right; background: url(../images/livechatbg.gif) no-repeat bottom center; height: 80px; text-align: right; }
.livechat a{display:inline-block}
.livechat .status{float:left; padding:27px 0 0 22px;}

.chat-icon { width: 160px; float: right; padding-top: 40px; }
.icon-divider { margin: 5px 7px; vertical-align: top; }
.lowercase { text-transform: lowercase; }
ul.portfolio { margin: 0; padding: 0; }
ul.portfolio li { list-style-type: none; float: left; margin-right: 8px; margin-bottom: 5px; width: 80px; }
.thumb_img img { border: 6px solid #c1c1c1; }
.thumb_img:hover { background-color: transparent; }
.thumb_img:hover img { border: 6px solid #fc8e19; }
.relative { position: relative; }
.portfolio-img { position: absolute; top: 120px; right: 10px; }
.top-chaticon { margin-right: 14px; margin-top: 45px; }
/*.hadder-bg {position:relative; top:197px; right: -23px; background:url(../images/hadder-bg.gif) no-repeat;}*/

.banner-bg-1 { width:971px; float:left; background:url(../images/banner-bg-1.gif) repeat-x; padding:0px 15px 13px 15px; }
.hadding { font:bold 22px "Arial Narrow", Arial, Helvetica, sans-serif; text-decoration:none; color:#ff7e00; text-transform:uppercase; border-bottom:1px solid #e8e8e8; margin-bottom:5px; margin-left:28px; }
.braeadgrumbs { float:right; margin-right:15px; width:150px; text-align:right; height:15px; padding-top:6px; margin-left:208px; font: normal 11px Arial, Helvetica, sans-serif; color: #5f5f5f; text-decoration: none; }
.braeadgrumbs a { font: normal 11px Arial, Helvetica, sans-serif; color: #5f5f5f; text-decoration: none; }
.braeadgrumbs a:hover { font: normal 11px Arial, Helvetica, sans-serif; color: #fa9227; text-decoration: none; }
.braeadgrumbs a.active { font: normal 11px Arial, Helvetica, sans-serif; color: #5f5f5f; text-decoration: none; }
.about-welcome { font: normal 12px Arial, Helvetica, sans-serif; color: #215072; text-decoration: none; text-transform:none; margin-left:28px; }
.gary-border { border-bottom:1px solid #e8e8e8; }
ul#top-tabstrips-tab { PADDING-BOTTOM: 0px; MARGIN: auto; PADDING-TOP:0px; LIST-STYLE-TYPE:none; padding-left:23px; margin-top:1px; float:left; }
ul#top-tabstrips-tab li { display: block; float:left; margin-right:4px; }
ul#top-tabstrips-tab li a { DISPLAY:block; COLOR:#777777; TEXT-DECORATION: none; background:url(../images/tab-inactive-left-1.gif) left top; background-repeat:no-repeat; float:left; }
ul#top-tabstrips-tab li a em { PADDING-RIGHT:25px; DISPLAY:block; PADDING-LEFT:25px; FONT:bold 12px Arial, Helvetica, sans-serif; background:url(../images/tab-inactive-right-1.gif) right top no-repeat; padding-top:8px; text-transform: uppercase; height:23px; float:left; }
ul#top-tabstrips-tab li a:hover { BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(../images/tab-active-left-11.gif); COLOR: #396381; BACKGROUND-REPEAT: no-repeat; font-weight: bold; text-transform: uppercase; cursor:pointer; }
ul#top-tabstrips-tab li a:hover em { BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(../images/tab-active-right-11.gif); COLOR: #396381; BACKGROUND-REPEAT: no-repeat; font-weight: bold; text-transform: uppercase; }
ul#top-tabstrips-tab li a.current { BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(../images/tab-active-left-11.gif); BACKGROUND-POSITION:left top; COLOR: #396381; BACKGROUND-REPEAT: no-repeat; font-weight: normal; text-transform: uppercase; }
ul#top-tabstrips-tab li a.current em { BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(../images/tab-active-right-11.gif); COLOR: #396381; BACKGROUND-REPEAT: no-repeat; font-weight: bold; text-transform: uppercase; }
.top-bottom-border-bg { background:url(../images/top-bottom-border-bg2.gif) repeat-x; }
.leftpart { float:left; width:700px; }
.rightpart { float:right; width:225px; }
.leftimg { float:left; width:260; margin-right:10px; margin-bottom:18px; }
.about-right { float:right; width:428px; vertical-align:top; }
.right-midd-bg { background:url(../images/right-midd-bg.gif) repeat-x #fd8309; }
.right-manu { margin:auto; width:201px; }
.talents { font:bold 21px "Arial Narrow", Arial, Helvetica, sans-serif; text-decoration:none; color:#ffffff; text-transform:uppercase; height:20px; padding-top:5px; padding-left:10px; }
.lalent-nev ul { margin:0px; padding:0px; padding-top:15px; }
.lalent-nev li { list-style-type:none; background:url(../images/lalent-tab.gif) no-repeat; font: normal 12px Arial, Helvetica, sans-serif; color: #5a5a5a; text-decoration: none; text-transform:none; padding-left:10px; padding-bottom:8px; padding-top:5px; }
.lalent-nev li a { font: normal 12px Arial, Helvetica, sans-serif; color: #5a5a5a; text-decoration: none; text-transform:none; }
.lalent-nev li a:hover { font: normal 12px Arial, Helvetica, sans-serif; color: #5a5a5a; text-decoration: underline; text-transform:none; }
.green-middbg { background:url(../images/green-middbg.gif) repeat-x #7faf19; font:normal 14px "Myriad Pro", Arial, Helvetica, sans-serif; text-decoration:none; color:#6d4317; text-align:center; }
.c-today { font:bold 22px "Myriad Pro", Arial, Helvetica, sans-serif; text-decoration:none; color:#ffffff; height:30px; }
.banner-web-app { width:700px; float:left; }
.detail-graybg { font: normal 12px Arial, Helvetica, sans-serif; color:#000000; text-decoration: none; float:right; margin-top:10px; }
.detail-graybg a { background: #ffffff; font: normal 12px Arial, Helvetica, sans-serif; color:#888888; text-decoration: none; border: 1px solid #c5c5c5; margin-right: 3px; padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px; }
.detail-graybg a:hover { background: #cccccc; font: normal 12px Arial, Helvetica, sans-serif; color:#888888; text-decoration: none; border: 1px solid #c5c5c5; margin-right: 3px; padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px; }
.detail-graybg span { background: #cccccc; font: normal 12px Arial, Helvetica, sans-serif; color:#888888; text-decoration: none; border: 1px solid #c5c5c5; margin-right: 3px; padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px; }
.explore-product { float:left; width:302px; margin-right:47px; margin-bottom:18px; }
.news-event { float:left; width:330px; margin-right:10px; margin-bottom:18px; }
.blue-hadd { font:normal 22px "Arial Narrow", Arial, Helvetica, sans-serif; text-decoration:none; color:#0065cc; margin-bottom:5px; }
.orange-tab-bg ul { margin:0px; padding:0px; }
.orange-tab-bg li { background:url(../images/gray-border.gif) repeat-x; font: bold 12px Arial, Helvetica, sans-serif; color:#114991; text-decoration: none; display:block; }
.orange-tab-bg li a { background:url(../images/gray-border.gif) repeat-x; font: bold 12px Arial, Helvetica, sans-serif; color:#114991; text-decoration: none; display:block; height:20px; padding-top:6px; padding-left:18px; }
.orange-tab-bg li a:hover { background:url(../images/orange-tab-bg.gif) repeat-x; font: bold 12px Arial, Helvetica, sans-serif; color:#114991; text-decoration: none; display:block; }
.orange-tab-bg li a.active { background:url(../images/orange-tab-bg.gif) repeat-x; font: bold 12px Arial, Helvetica, sans-serif; color:#114991; text-decoration: none; display:block; }
.product-nev ul { margin:0px; padding:0px; padding-left:20px; }
.product-nev li { list-style-type:none; background:url(../images/bullet.gif) no-repeat; font: normal 12px Arial, Helvetica, sans-serif; color: #024d91; text-decoration: none; text-transform:none; padding:0px; line-height:20px; }
.product-nev li a { background:none; font: normal 12px Arial, Helvetica, sans-serif; color: #024d91; text-decoration: none; text-transform:none; }
.product-nev li a:hover { background:none; font: normal 12px Arial, Helvetica, sans-serif; color: #ffa929; text-decoration:none; text-transform:none; }
ul#news-event-tab { PADDING-BOTTOM: 0px; MARGIN: auto; PADDING-TOP:0px; LIST-STYLE-TYPE:none; margin-top:1px; float:left; }
ul#news-event-tab li { display: block; float:left; margin-right:4px; }
ul#news-event-tab li a { DISPLAY:block; COLOR:#32448f; TEXT-DECORATION: none; background:url(../images/tab-eve-inactive-left-1.gif) left top; background-repeat:no-repeat; float:left; border-left:1px solid #ffffff; }
ul#news-event-tab li a em { PADDING-RIGHT:15px; DISPLAY:block; PADDING-LEFT:15px; FONT:bold 12px Arial, Helvetica, sans-serif; background:url(../images/tab-eve-inactive-right-1.gif) right top no-repeat; padding-top:7px; text-transform: none; height:18px; float:left; border-right:1px solid #ffffff; }
ul#news-event-tab li a:hover { BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(../images/tab-eve-active-left-11.gif); COLOR: #000000; BACKGROUND-REPEAT: no-repeat; font-weight: bold; text-transform: none; cursor:pointer; border-left:1px solid #cecece; }
ul#news-event-tab li a:hover em { BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(../images/tab--eve-active-right-11.gif); COLOR: #000000; BACKGROUND-REPEAT: no-repeat; font-weight: bold; text-transform: none; border-right:1px solid #cecece; }
ul#news-event-tab li a.current { BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(../images/tab-eve-active-left-11.gif); BACKGROUND-POSITION:left top; COLOR: #000000; BACKGROUND-REPEAT: no-repeat; font-weight: normal; text-transform: none; border-left:1px solid #cecece; }
ul#news-event-tab li a.current em { BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(../images/tab--eve-active-right-11.gif); COLOR: #000000; BACKGROUND-REPEAT: no-repeat; font-weight: bold; text-transform: none; border-right:1px solid #cecece; }
.gary-tab-border { border-bottom:1px solid #cecece; }
.date { float:left; width:85px; margin-right:14px; margin-bottom:18px; margin-left:8px; }
.what-new { float:left; width:220px; margin-right:0px; margin-bottom:18px; }
.rss-link { font: normal 12px Arial, Helvetica, sans-serif; color: #32448f; text-decoration: none; width:120px; float:left; }
.rss-link a { font: normal 12px Arial, Helvetica, sans-serif; color: #32448f; text-decoration: none; }
.rss-link a:hover { font: normal 12px Arial, Helvetica, sans-serif; color: #df5b0b; text-decoration: none; }
.view-all { font: normal 12px Arial, Helvetica, sans-serif; color: #32448f; text-decoration: none; width:70px; float:right; }
.view-all a { font: normal 12px Arial, Helvetica, sans-serif; color: #32448f; text-decoration: none; }
.view-all a:hover { font: normal 12px Arial, Helvetica, sans-serif; color: #df5b0b; text-decoration: none; }
.rightpart-1 { float:right; float:left; width:243px; margin-left:15px; }
.legend { border:1px solid #dddddd; float:left; }
.fieldset { font:normal 18px "Arial Narrow", Arial, Helvetica, sans-serif; text-decoration:none; color:#5a99ca; }
.text { width:240px; text-align:justify; font: normal 12px Arial, Helvetica, sans-serif; /*color: #2e2e2e;*/ text-decoration: none; }
.signup { font: normal 12px Arial, Helvetica, sans-serif; color: #2e2e2e; text-decoration: none; text-align:center; }
.btn-signup { text-align:center; margin-top:10px; }
.margin { margin-top:10px; font: bold 14px Arial, Helvetica, sans-serif; color: #e56f00; text-decoration: none; }
.developers-nev ul { margin:0px; padding:0px; padding-left:10px; padding-top:7px; }
.developers-nev li { list-style-type:none; background:url(../images/bullet-orange.gif) no-repeat; font: bold 12px Arial, Helvetica, sans-serif; color: #024d91; text-decoration: none; text-transform:none; padding:0px; line-height:20px; padding-left:15px; }
.developers-nev li a { background:none; font: bold 12px Arial, Helvetica, sans-serif; color: #024d91; text-decoration: none; text-transform:none; line-height:20px; }
.developers-nev li a:hover { background:none; font: bold 12px Arial, Helvetica, sans-serif; color: #ffa929; text-decoration:none; text-transform:none; line-height:20px; }
/*---------------------------------------------------------*/
.about-left { float:left; width:727px; margin-right:26px; }
.about-right { float:left; width:201px; }
.white-bg-1 { width:1001px; float:left; background:url(../images/banner-bg-1.gif) repeat-x #ffffff; }
.about-midd-margin { margin-left:28px; margin-right:19px; float:left; width:954px; }
.commercial-bluehadd { font:bold 15px "Arial Narrow", Arial, Helvetica, sans-serif; text-decoration:none; color:#1d82af; text-transform:uppercase; padding-left:15px; padding-top:10px; padding-bottom:10px; }
.img-about-menubg { float:left; width:318px; height:158px; margin-right:10px; background:url(../images/img-about-menu-bg.jpg) no-repeat; }
.about-welcomtext { float:right; width:340px; }
.blue-welcome { font: bold 32px Arial, Helvetica, sans-serif; color: #6ac3ea; text-decoration:none; text-transform:uppercase; /*padding-top:14px;*/ line-height:25px; }
.blue-welcome span { font: normal 18px Arial, Helvetica, sans-serif; color: #ff9900; text-decoration:none; text-transform:uppercase; }
.about-gray { font: bold 14px Arial, Helvetica, sans-serif; color: #939393; text-decoration:none; text-transform:none; line-height:20px; }
.mobil-add-bg { background:url(../images/mobil-add-bg.gif) no-repeat; text-align:center; width:201px; height:174px; margin-bottom:24px; font: bold 12px Arial, Helvetica, sans-serif; color: #835c22; text-decoration:none; text-transform:uppercase; }
.contact-bg { background:url(../images/contact-bg.gif) no-repeat; text-align:center; width:200px; height:150px; margin-bottom:11px; font: bold 12px Arial, Helvetica, sans-serif; color: #8593bc; text-decoration:none; }
.sidebox-midd-bg { clear:both; float:left; width:179px; padding:0 10px; background:url(../images/cash-study-midd-bg.gif) repeat-x #f7f9fd; border-left:1px solid #cdd3df; border-right:1px solid #cdd3df; height:auto; font: normal 12px Arial, Helvetica, sans-serif; color: #696969; text-decoration:none; }
.cont-today { font: bold 17px Arial, Helvetica, sans-serif; color: #235691; text-decoration:none; padding-top:14px; margin-bottom:5px; }
.vantage-poing { font: bold 14px Arial, Helvetica, sans-serif; color: #da6d00; text-decoration:none; margin-bottom:8px; }
.cashstudy-blue { font: bold 17px Arial, Helvetica, sans-serif; color: #0d4c73; text-decoration:none; text-align:center; text-transform:uppercase; padding-top:9px; margin-bottom:11px; }
.bottom-about-tab-bg { float:left; width:1001px; height:26px; padding-top:10px; text-align:center; background:url(../images/bottom-about-tab.gif) no-repeat; font: bold 14px Arial, Helvetica, sans-serif; color: #323232; text-decoration:none; text-transform:uppercase; }
.bottom-about-tab-bg a { font: bold 14px Arial, Helvetica, sans-serif; color: #323232; text-decoration:none; text-transform:uppercase; }
.bottom-about-tab-bg a:hover { font: bold 14px Arial, Helvetica, sans-serif; color: #274485; text-decoration:none; text-transform:uppercase; }
.about-nev ul { margin:0px; padding:0px; }
.about-nev li { list-style-type:none; padding-left:15px; font:bold 15px "Arial Narrow", Arial, Helvetica, sans-serif; text-decoration:none; color:#ffffff; margin-top:14px; padding-bottom:6px; }
.about-nev li a { font:bold 15px "Arial Narrow", Arial, Helvetica, sans-serif; text-decoration:none; color:#ffffff; }
.about-nev li a:hover { font:bold 15px "Arial Narrow", Arial, Helvetica, sans-serif; text-decoration:none; color:#353535; }
ul#aboutus-tab { PADDING-BOTTOM: 0px; MARGIN: auto; PADDING-TOP:0px; LIST-STYLE-TYPE:none; padding-left:15px; margin-top:1px; float:left; }
ul#aboutus-tab li { display: block; float:left; padding:0; margin:0 4px 0 0; list-style-type: none; background: none; }
ul#aboutus-tab li a { DISPLAY:block; COLOR:#777777; TEXT-DECORATION: none; background:url(../images/tab-inactive-left.gif) left top; background-repeat:no-repeat; float:left; }
ul#aboutus-tab li a em { PADDING-RIGHT:25px; DISPLAY:block; PADDING-LEFT:25px; FONT:bold 12px Arial, Helvetica, sans-serif; background:url(../images/tab-inactive-right.gif) right top no-repeat; padding-top:12px; text-transform: uppercase; height:23px; float:left; }
ul#aboutus-tab li a:hover { BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(../images/tab-active-left.gif); COLOR: #396381; BACKGROUND-REPEAT: no-repeat; font-weight: bold; text-transform: uppercase; cursor:pointer; }
ul#aboutus-tab li a:hover em { BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(../images/tab-active-right.gif); COLOR: #396381; BACKGROUND-REPEAT: no-repeat; font-weight: bold; text-transform: uppercase; }
ul#aboutus-tab li a.current { BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(../images/tab-active-left.gif); BACKGROUND-POSITION:left top; COLOR: #396381; BACKGROUND-REPEAT: no-repeat; font-weight: normal; text-transform: uppercase; }
ul#aboutus-tab li a.current em { BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(../images/tab-active-right.gif); COLOR: #396381; BACKGROUND-REPEAT: no-repeat; font-weight: bold; text-transform: uppercase; }
.about-gray-bott-border { background:url(../images/bott-gray-border.gif) repeat-x bottom; }
.leftarrow { position:absolute; top: 45px; left: 15px; }
.rightarrow { position:absolute; top: 45px; right: 15px; }
/* featured prod*/
.banner-option-scroll { position:relative; float:right; padding:0 10px 0 0; margin-top:-10px; margin-right:20px; }
.banner-option-scroll h3 { /*padding:0 0 0 25px;*/ text-transform:uppercase; text-align:center }
.featurebox { position:relative; float:right; float:right!important; width:207px; height:175px; background:url(../images/scroll-box.png); margin:0px 0px 15px 0; float:right }
.stepcarousel { position: relative; overflow: scroll; width: 140px; height: 172px; left: -3px; top: 10px; margin:0 auto }
.stepcarousel .belt { position: absolute; left: 0; top: 10px; }
.stepcarousel .panel { float: left; overflow: hidden; margin: 0; width: 150px; height:172px; margin-right:0px; }
.panel a { font-size:13px; height:116px; text-decoration: none; line-height: 20px; color:#835C22; padding:0 5px; line-height: 15px; text-transform:uppercase; font-weight:700; position:relative }
.panel a:hover { color: #D04419; }
.panel a img { margin:5px 0 0 0; clear:both; padding:0; white-space:normal }
.panel a span { clear:both; position:relative; display:block; margin-top:-8px; color:#fff; }
.panel a:hover span { clear:both; position:relative; display:block; margin-top:-8px; color:#000; }
/* banner */
#banner { clear:both; float:left; width:1001px; position:relative; /*height:174px*/ }
#banner h2 { color:#fff; font-family:"trebuchet MS", arial; font-size:30px; line-height:32px; text-transform:none }
#banner h4 { color:#fff; font-family:"trebuchet MS", arial; font-size:18px; line-height:22px; text-transform:none }
#banner .slogan { position:relative; float:left; width:650px; padding:40px 0 0 45px }
.page-banner { background:url(../images/why-us-bannerbg.gif) no-repeat center 30px #fff; }
.why-us-banner { background:url(../images/why-us-bannerbg.gif) no-repeat center 30px #fff; }
.faq-banner { background:url(../images/faq-bannerbg.jpg) no-repeat center 30px #fff; }
.process-banner { background:url(../images/process-bannerbg.jpg) no-repeat center 30px #fff; }
.portfolio-banner { background:url(../images/portfolio-bannerbg.jpg) no-repeat center 30px #fff; }
.contact-banner { background:url(../images/contact-bannerbg.jpg) no-repeat center 30px #fff; }
.about-banner-container { background:#fff; }
.about-banner { float:left; width:680px; padding:10px 0 0 20px; background:#fff; }
#banner .about-banner h1 { color:#1d82af!important; font-size:18px; text-transform:uppercase; padding:0 0 0 15px; font-weight:700; }
/* content */
#content { clear:both; float:left; width:965px; padding:0px 18px 15px; background:#fff; }
#content .page-content { float:left; width:700px; padding:0 15px }
#content .side-content { float:right; width:201px; padding:0 15px 0 0; }
/* faq page*/

dl, dt, dd { padding:0; margin:0; }
#faqpage { margin:0; padding:0 }
#faqpage dl { clear:both; width:100%; }
#faqpage dl dt { color:#7c7c7c; font-weight:700; margin:0 0 0 20px; line-height:25px; }
#faqpage dl dt a { color:#7c7c7c; text-decoration:none }
#faqpage dl dt em { float:left; width:600px; font-style:normal }
#faqpage dl dt span, #faqpage dl dd span { clear:both; float:left; width:40px; font-weight:400; color:#7c7c7c; }
#faqpage dl dd { color:#217ba2; margin:0 0 0 20px }
#faqpage dl dd em { float:left; width:600px;  font-style:normal}
#faqpage dl dd p { clear:both; float:left; width:600px; padding:0 0 0 40px; font-style:normal}
.faq-nev ul { margin:0px; padding:0px; padding-left:12px; margin-top:5px; margin-bottom:5px; }
.faq-nev li { list-style-type:disc; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; color:#217BA2; padding-left:4px; line-height:25px; }
.faq-nev li a { font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; color:#217BA2; line-height:25px; }
.faq-nev li a:hover { font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; color:#217BA2; line-height:25px; }
/*portfolio page*/
#portfolio { margin:0; padding:0 }
.paging { clear:both; float:left; width:100%; border-bottom:1px solid #e8e8e8; height:45px; }
.paging .pages { float:right; line-height:22px; color:#737373; width:250px; }
.paging .pages span { background:#feac02; border:1px solid #ee8b0e; color:#fff; padding:2px 5px; margin:0 3px 0 0; }
.paging .pages a { background:#f5f5f5; border:1px solid #e0e0e0; color:#737373; padding:2px 5px; text-decoration:none; margin:0 3px 0 0; }
.paging .pages a:hover { color:#feac02; }
#portfolio h1 { color:#2680b9; font-size:18px; }
#portfolio .grid-col { width:292px; background:url(../images/portfolio-thumbbg.jpg) no-repeat left 40px }
#portfolio .grid-col img { width:276px; height:165px; padding:8px 0 22px 8px; }
#portfolio .grid-col-sep { float:left; width:38px; }
#portfolio h5 { line-height:40px; color:#9ab624; font-weight:700; text-transform:none; padding:0 0 0 25px; margin:0; }
#portfolio .details { clear:both; display:block; padding:0 0 0 25px }
/* contact page */
#contact-us { margin:0; padding:0 }
#contact-us .contact-details { float:left; width:100%; padding:0; }
#contact-us .contact-details h3 { color:#ff7612; font-size:14px; text-align:left; padding:0 0 0 15px }
#contact-us .contact-details td { text-align:left }
#contact-us .contact-details h5 { color:#1b759c; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:700; padding:0 0 0 15px; margin-bottom:2px; }
#contact-us .contact-details p, #contact-us .contact-details h1 { padding:0 0 0 15px }
#contact-us .inquire-form { float:right; width:635px }
#contact-us h1 { color:#197199; /*font-size:16px;*/ text-transform:uppercase; }
#contact-us .graybox-mid-size { clear:both; float:left; width:835px }
#contact-us .graybox-mid-size .mid { clear:both; float:left; width:833px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; background:#f2f2f2 }
#contact-us .form-container { padding:10px 30px }
#contact-us .form-container .label { color:#696969; font-weight:700; padding:0 0 5px 5px; display:inline-block }
.captcha { background:#fff; border:3px solid #d4d9e5; }
.inquiry-form h3 { padding:0px 0 5px; border-bottom:1px solid #ccc; font-size:18px; }
.inquiry-form { margin:0; padding:0 }
.inquiry-form input, .inquiry-form select, .inquiry-form textarea { margin:5px 0 0 0 }
/* common */

.hline { background:url(../images/line-dot.gif) repeat-x left center }
.grid-row { clear:both; float:left; width:100%; padding:0 0 10px }
.gray-bold { font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; color:#7C7C7C; }
.box-contaier { clear:both; float:left; width:100%; }
.graybox-top { clear:both; float:left; width:100%; background:url(../images/graybox-top-right.gif) no-repeat right top; height:7px; overflow:hidden }
.graybox-bot { clear:both; float:left; width:100%; background:url(../images/graybox-bot-right.gif) no-repeat right top; height:7px; overflow:hidden }
.PT10 { padding-top:10px }
.MT10 { margin-top:10px }
.ML10{margin-left:10px}
.no-border{border:none!important}
ul.content-list { margin:0 0 10px }
ul.content-list li { background:url(../images/arrow-orange.gif) no-repeat 0 7px; list-style-type:none; padding-left:18px; line-height:22px; }
ul.content-list li a { color: #0d4c73; text-decoration: none }
ul.content-list li a:hover { color: #e06601; text-decoration: none }
.page-content a { color:#0d4c73 }
.blue { color:#1d96cc; }
.dark-gray { color:#505050; }
.orange { color:#e9851e }
/* process */
#process { margin:0; padding:0; float:right; width:360px; }
#process h2 { color:#10668b; font-size:15px; font-weight:700; text-align:center; /*border-bottom:1px solid #eaeaea;*/ padding:0 0 5px; font-family:Arial, Helvetica, sans-serif }
/* why-us */
.why-us-nev ul { margin:0px; padding:0px; /*padding-left:35px;*/ }
.why-us-nev li { list-style-type:disc; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; color:#2E2E2E; padding-left:4px; line-height:25px; }
.why-us-nev li a { font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; color:#2E2E2E; line-height:25px; }
.why-us-nev li a:hover { font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; color:#2E2E2E; line-height:25px; }
/* New Added CSS */
.bott-input { background: #000000; font-size: 12px; color: #fd8409; width:198px; border: none; height: 20px; padding-top: 4px; margin-bottom: 5px; padding-left: 5px; }
.process-img { float: left; margin-right: 12px; }
.process-content { margin-bottom: 20px; float:left; width:550px;}
.process-blue-txt { font-size: 15px; font-weight: bold; color: #10668b; line-height: 22px; }
/*----------------------------------------------------------------------------------------------------------------------------*/
.about-orange-box { background:url(../images/scroll-box.png) 0 0; margin-bottom: 12px; width: 207px; }
a.orangelink-big { font:bold 18px Arial, Verdana, Helvetica, sans-serif; color:#FF6702; text-decoration:none; }
a.orangelink-big:hover { font:bold 18px Arial, Verdana, Helvetica, sans-serif; color:#187aa5; text-decoration:none; }
.omatter { font:bold 13px Arial, Verdana, Helvetica, sans-serif; color:#8eb120; text-decoration:none; outline:none; }
.omatter a { font:bold 13px Arial, Verdana, Helvetica, sans-serif; color:#8eb120; text-decoration:none; outline:none; }
.omatter a:hover { font:bold 13px Arial, Verdana, Helvetica, sans-serif; color:#514E46; text-decoration:none; outline:none; }
.midd-content ul { margin-top: 10px; margin-left: 33px; padding-left: 0px; margin-bottom:15px; }
.midd-content li { list-style-type:none; background:url(../images/black-arrow.gif) no-repeat 0px 2px; padding-left:18px; margin-bottom:5px; }
.midd-content li ul { list-style-type:none; margin:0; padding:0; }
.midd-content li ul li { list-style-type:none; padding-left:15px; background:url(../images/arrow.gif) 0 6px no-repeat; }
.provide-nev ul { margin:0; padding:0; }
.provide-nev li { list-style-type:none; background:url(../images/black-arrow.gif) no-repeat 0px 2px; padding-left:20px; margin-bottom:5px; font:bold 12px Arial, Verdana, Helvetica, sans-serif; }
.provide-nev li a { font:normal 13px Arial, Verdana, Helvetica, sans-serif; color:#000000; text-decoration:none; }
.provide-nev li a:hover { font:normal 13px Arial, Verdana, Helvetica, sans-serif; color:#FF8A18; text-decoration:none; }
.team-menu { float:left; width:250px; margin-right:15px; margin-bottom:15px; }
.team-width { width:600px; }
.relative { position:relative; }
/* extra CSS  for inner page from live site*/
.testimonial-bg { background:url(../images/testimonial-bg.gif) repeat-x center top #F6F6F6; /*height:120px;*/ padding-left:12px; padding-right:15px; padding-top:25px; padding-bottom:10px;  }
sitemap-inner { color:#2D2A21; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; text-decoration:none; }
.sitemap-inner a { color:#2D2A21; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; text-decoration:none; }
.sitemap-inner a:hover { color:#ee8b0e }
.sitemap-inner-nev ul { margin:0 0 10px; padding:0; }
.sitemap-inner-nev li { background:transparent url(../images/inner-arrow.gif) no-repeat scroll 0 0; color:#2D2A21; font-family:Arial, Helvetica, sans-serif; font-size:13px; list-style-type:none; margin-top:5px; padding-left:35px; text-decoration:none; }
.midd-content li ul li { background:url(../images/arrow.gif) no-repeat 0 6px; list-style-type:none; padding-left:15px; }
#tabcontentcontainer { clear:both }
.tabcontent { display:none; padding:10px 0 0 0; }
#ddimagetabs { background:url(../images/bott-gray-border.gif) repeat-x bottom; float:left; width:100%; }
.highlight-blue { font-size:14px; color: #0d4c73; font-weight:700 }
.content { }
.content strong { color:#000; }
.step-bg { background:url(../images/step-bg.gif) no-repeat left top; float:left; color:#000; width:49px; line-height:28px; margin:0 10px 0 0; text-align:center; font-size:11px; font-weight:700; }
.step-detail { float:left; width:480px }
.errormsg { color:#EE0000; font-size: 13px; }
/* new home page CSS*/

#homepage { clear:both; width:100%; margin:0; padding:20px 0 0 0; }
#homepage .home-main-content { float:left; width:750px; padding:0 0 0 5px }
#homepage .home-side-content { float:right; width:235px; }
#homepage h1 { color:#93b320; font-size:20px; font-weight:700; text-transform:uppercase; font-family:"Arial Narrow", arial; }
#homepage h1 span { color:#989898 }
.grid-container { clear:both; float:left; width:100%; }
#homepage .key-success { float:left; width:211px; padding:0 10px 0 0 }
#homepage .case-studies { float:left; width:195px; padding:0 0 0 90px; background:url(../images/case-study-bg.gif) no-repeat left 25px; height:201px; }
#homepage .company-news { float:right; width:216px; }
.key-success h2, .case-studies h2, .company-news h2 { color:#fd7c09; font-size:20px; font-weight:700; text-transform:uppercase; font-family:"Arial Narrow", arial; }
.case-studies h2 { color:#81a000; }
.company-news h2 { color:#035a93 }
.case-studies p { width:181px; margin:0 0 35px; }
.case-studies h3 { color:#2370ad; font-size:14px; font-weight:700; padding:10px 0 10px 0; }
.case-studies a { color:#4083b8 }
.office-name { float:left; margin-right:45px; width:350px; }
.bot-bord { border-bottom:1px solid #E4E4E4; color:#3D3D3D; font-size:15px; font-weight:bold; padding-bottom:5px; padding-top:5px; }
.bot-bord span { color:#0D456C; font-size:18px; }
.contact-text { color:#6D6D6D; font-size:12px; line-height:22px; margin-bottom:40px; margin-left:0; margin-top:10px; }
.call-hadd { float:left; width:240px; }
.dev-hadd { float:left; width:665px; }
.dev-width-left { float:left; margin-right:15px; width:300px; }
.dev-width-right { float:left; width:300px; }
.icon { float:left; margin-right:3px; padding:0 0 0 20px; width:22px; }
.email-text { float:left; width:43px; }
.qualon { float:left; margin-right:9px; width:2px; }
#contact-width .email-link a { color:#17547E; font-size:12px; line-height:20px; text-decoration:none; }
.email-link { float:right; width:200px; }
.middle-data { float:left; width:475px; }
.middle-data-img { float:right; width:200px; text-align:center }
#content .page-content h3 { color:#247AAD; font-family: Arial, Helvetica, sans-serif; font-size:14px; padding:5px 0 3px 0; font-weight:700; }
.inquiry-txt { font-size: 11px; font-weight: bold; color:#000000; }
.page-content ul { margin:0 0 10px 10px; }
.page-content ul li { list-style-type:none; background:url(../images/black-arrow.gif) no-repeat 0px 5px; line-height:22px; padding-left:18px; margin-bottom:5px; }
.page-content li ul { list-style-type:none; margin:0; padding:0; }
.page-content li ul li { list-style-type:none; padding-left:15px; background:url(../images/arrow.gif) 0 10px no-repeat; }
.save-gradientbg { background: url(../images/save-gradientbg.jpg) no-repeat; height: 152px; width: 374px; padding: 10px 15px; color: #c3bebe; }
.save-white-txt { font-size: 23px; font-weight: bold; color:#FFFFFF; line-height: 22px; }
.save-blue-txt { color: #88cceb; font-size: 15px; font-weight: bold; }
.save-small-txt { font-weight: bold; font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 18px; }
.save-small-yellowtxt { font-weight: bold; font-size: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #dad317; }
.hirenow-btn { position:absolute; top: 145px; right: 10px; }

.tecnical-box-1 { width:190px; height:210px; float:left; padding:17px 0px 0px 25px; }
.tecnical-expertise { width:130px; height:210px; float:left; padding:12px 0px 0px 25px; background:url(../images/tech-img.gif) no-repeat right bottom; }
.tecnical-expertise .flash { padding:48px 0px 0px 0px; float:left;   }
.img-border{border:1px solid #ddd}
.clientspeak{padding:0 5px; text-align:left; line-height:18px}
.clientname{ clear:both; float:right; padding:10px 10px 0 0; font-weight:700; color:#1e1e1e}
/* side bar*/

.sidebar-portfolio{clear:both; float:left; width:100%;}
.sidebar-portfolio ul.portfolio{ margin:5px 0 0 10px}
.sidebar-portfolio ul.portfolio li{margin:0 5px 10px 5px}

.sidenav{margin:0; padding:0}
.sidenav h4{ color:#0d4c73; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:700}
.sidenav a{display:block; background:url(../images/orange-arr.gif) no-repeat left 9px; line-height:22px; color:#156f97; padding:0 0 0 10px}
.sidenav a:hover { color: #fd8409; }
/*home bottom text*/

.home-text{clear:both; width:960px; background: #2d2d2d; color:#bebebe;  margin-top:10px; line-height: 16px; text-align: justify; font-size: 11px; margin:auto; padding:20px; padding-bottom: 10px;}



/*--------------footer css--5-4-10---------------*/
#footer-part{float:left; width:999px; border:1px solid #d4d4d4; padding-bottom:20px;}
#footer-part h1{ width:999px; border-bottom:1px solid #d4d4d4; color:#5aaace; font:bold 14px Arial, Helvetica, sans-serif; height:37px; line-height:37px; text-align:center; background:url(../images/bottom-tab-bg.gif) repeat-x;}
#footer-part p{ font:normal 12px Arial, Helvetica, sans-serif; color:#434343; padding:10px 30px 10px 35px; line-height:19px;}

#footer-part .blue-box{ width:974px; float:left; padding-left:13px;}
#footer-part .blue-left-c{ width:10px; height:61px; float:left; background:url(../images/blue-left-c.gif) no-repeat;}
#footer-part .blue-right-c{ width:10px; height:61px; float:right; background:url(../images/blue-right-c.gif) no-repeat;}
#footer-part .blue-midd-bg{ width:954px; height:49px; float:left; background:#74c3e7; text-align:center; padding-top:12px;}
#footer-part .blue-midd-bg ul{ margin:0px; padding:0px;}
#footer-part .blue-midd-bg li{ list-style:none; display:inline;font:bold 14px Arial, Helvetica, sans-serif; color:#fff; background:url(../images/builet.gif) no-repeat left; padding-left:13px; padding-right:22px;}
#footer-part .blue-midd-bg a{ font:bold 14px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
#footer-part .blue-midd-bg a:hover{ font:bold 14px Arial, Helvetica, sans-serif; color:#166387; text-decoration:none;}
#footer-part .blue-midd-bg span{ font:bold 14px Arial, Helvetica, sans-serif; color:#166387; line-height:24px;}

.orange-box{ width:482px; float:left;  margin-top:11px; padding-left:13px;}
.orange-tab-tc{ width:482px; height:7px; float:left; background:url(../images/orange-top-c.gif) no-repeat;}
.orange-bott-tc{ width:482px; height:7px; float:left; background:url(../images/orange-bott-c.gif) no-repeat;}
.orange-midd-bg{ width:452px; height:120px; float:left; background-color:#ff7e00; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; padding:10px; padding-left:20px; line-height:19px;}

.green-box-bott{ width:482px; float:left; margin-left:10px; margin-top:11px;}
.green-tab-tc{ width:482px; height:7px; float:left; background:url(../images/green-tab-tc.gif) no-repeat;}
.green-bott-tc{ width:482px; height:7px; float:left; background:url(../images/green-tab-bc.gif) no-repeat;}
.green-midd-bg{ width:452px; height:120px; float:left; background-color:#8bad01; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; padding:10px; padding-left:20px;line-height:19px;}

.expert {width:962px; float:left; padding-left:37px; padding-top:14px;}
.expert ul{ margin:0px; padding:0px; }
.expert li{ list-style:none; font:bold 12px Arial, Helvetica, sans-serif; color:#434343; background:url(../images/builet-grey.gif) no-repeat left; text-indent:16px; line-height:20px; }
.expert li span{ font:normal 12px Arial, Helvetica, sans-serif; color:#434343; }
.bott-heading { font-size: 17px; font-weight: bold; color:#FFFFFF; }
.white-txt { font-size: 12px; color:#FFFFFF; font-weight: bold; }
.bottlink-gradient { background: url(../images/bottlink-gradient.gif) no-repeat; width: 920px; margin: auto; padding: 12px 15px; clear: both; color: #c5c5c5;  }
h5.bott-hd { color: #34cdff; font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 7px; }

ul.hiredeveloper-link { margin: 0; padding: 0; }
ul.hiredeveloper-link li { list-style:none; font:normal 12px Arial, Helvetica, sans-serif; color:#c5c5c5; background:url(../images/arrow-grey.gif) no-repeat left 8px; padding:0px 0px 0px 12px; line-height:17px; }
ul.hiredeveloper-link li a { font:normal 12px Arial, Helvetica, sans-serif; color:#c5c5c5!important; text-decoration:none; line-height:20px; }
ul.hiredeveloper-link li a:hover { font:normal 12px Arial, Helvetica, sans-serif; color:#99d219 !important; text-decoration:none; line-height:20px; }

.hiredeveloperlink-box { width: 217px; float: left; border-left: 1px solid #555555; padding-left: 20px; }
.hiredeveloperlink-box-none { border: none; padding-left: 3px; width: 200px; }