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

@font-face { font-family: 'oswaldlight'; src: url('fonts/oswald-light-webfont.eot'); src: url('fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-light-webfont.woff') format('woff'), url('fonts/oswald-light-webfont.ttf') format('truetype'), url('fonts/oswald-light-webfont.svg#oswaldlight') format('svg'); font-weight: normal; font-style: normal; }

img { max-width: 100%; height: auto; border: none; }
*{ margin: 0px; padding: 0px; }
body { background: url(../images/bg.jpg) repeat; font-family: 'Lato', sans-serif; }
.top-img { background: url("../images/top-img.jpg") repeat-x scroll 0 0 transparent; height: 2px; position: fixed; top: 0; width: 100%; z-index: 99999999; }
.header-bg { height: 46px; width: 100%; }
.top_navi { background: url(../images/header-bg.jpg) repeat-x; height: 46px; position: fixed; width: 100%; z-index: 9999; font-size: 14px; }
.top_navi div.fix_width { height: 52px; }
.fix_width { margin: 0 auto; width: 1024px; }
.top_navi a.home { border-left: 1px solid rgb(8, 8, 8); border-right: 1px solid rgb(70, 70, 70); display: inline-block; float: left; height: 45px; opacity: 0.7; }
.top_navi a.home:hover { opacity: 1; }
.top_navi a.home span { border-left: 1px solid rgb(70, 70, 70); border-right: 1px solid rgb(8, 8, 8); display: inline-block; height: 45px; text-align: center; width: 50px; }
.top_navi .icon.root { width: 17px; }
.top_navi a.home strong { margin-top: 15px; }
.top_navi .icon { background: url("../images/top_navi_icon.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 17px; vertical-align: middle; }
.top_navi div.links a:first-child { border-left: medium none; }
.top_navi div.links a { border-left: 1px solid rgb(66, 66, 66); border-right: 1px solid rgb(8, 8, 8); color: #fff; display: inline-block; font-size: 90%; line-height: 44px; padding: 0 25px; }
a { text-decoration: none; }
.top_navi .icon.phone { background-position: -39px 0; width: 17px; }
.top_navi div.links a span { margin-right: 5px; }
.top_navi .icon.partner { background-position: -59px 0; width: 19px; }
.top_navi div.links a:hover { opacity: 0.83; }
.top_navi div.links a.enquiry:hover { opacity: 0.9; }
.top_navi div.links strong.open { background: url("../images/top_navi_icon_open_close.png") no-repeat scroll center 14px transparent; border-left: 1px solid rgb(66, 66, 66); border-right: 1px solid rgb(8, 8, 8); cursor: pointer; display: inline-block; height: 44px; vertical-align: top; width: 35px; }
.top_navi div.links a.enquiry { background: #037fc9; border-left: medium none; color: rgb(255, 255, 255); font-size: 1.1em; font-weight: 700; line-height: 43px; opacity: 1; padding-bottom: 1px; padding-left: 30px; padding-right: 30px; }
.top_navi .icon.faq { background-position: -19px 0; width: 18px; }
.top_navi div.links { border-right: 1px solid rgb(66, 66, 66); float: right; position: relative; }
.logo { display: inline-block; position: absolute; top: 71px; z-index: 99; }
.mini-logo { display: none; }
.enquiry-btn { display: none; }
.home_banner { position: absolute; top: 45px; width: 100%; background: url(../images/bg1.jpg) center top repeat-x; height: 1008px; }
.slider-wrap { width: 1024px; margin: 0px auto; position: relative; top: 160px; }
.img-div { text-align: center; width: 43%; }
.content-div { background: url(../images/trans-img.png) no-repeat; padding: 28px 0 0 0; width: 563px; height: 275px; }
.content-div h1, h2, p { color: white; }
.content-div h2 { font-family: 'oswaldlight'; font-size: 31px; padding-bottom: 10px; }
.content-div h1 { color: #fff; font-size: 23px; padding: 9px 0; }
.content-div p { font-size: 14px; line-height: 22px; text-align: justify; width: 97%; }
.fleft { float: left; }
.fright { float: right; }
.free_quote { background: none repeat scroll 0 0 rgb(195, 75, 31); border: 0 solid transparent; border-radius: 47px 47px 47px 47px; box-shadow: 0 0 10px #3e4041; float: right; font-size: 18px; height: 35px; margin-right: 58px; margin-top: 20px; padding: 13px 15px 0; text-align: center; font-family: 'oswaldlight'; }
a.free_quote { color: white; }
a.free_quote:hover { opacity: 0.80; }
.container { width: 1024px; margin: 0px auto; top: 386px; position: relative; }
.three-boxes { margin: 0 auto; position: relative; width: 100%; z-index: 1; }
.box1 { background: #e0dfdf; border: 6px solid #d1cfcf; border-radius: 8px; width: 100%; padding: 15px 0 25px 0; text-align: center; }
.box1:hover { background: white; cursor: pointer; }
.box1 p { color: #6e7075; font-size: 13px; line-height: 24px; padding-left: 21px; text-align: justify; width: 83%; }
.box1 h1 { font-size: 24px; color: #c34b1f; padding: 15px 0; font-family: 'oswaldlight'; font-weight: normal; }
.box1 h1.mobile { color: #2376c2; }
.box1 h1.design { color: #96a208; }
.box1 p a { color: #bd471c; text-decoration: none; }
.box1 p a:hover { color: #bd471c; text-decoration: underline; }
.box1 p.mobile a { color: #2376c2; text-decoration: none; }
.box1 p.mobile a:hover { color: #2376c2; text-decoration: underline; }
.box1 p.design a { color: #96a208; text-decoration: none; }
.box1 p.design a:hover { color: #96a208; text-decoration: underline; }
.box-shadow { width: 100%; height: 28px; background: url(../images/shadow-box.png) center no-repeat; }
.box { width: 26%; margin: 0 0 0 53px; }
.center, .aligncenter { text-align: center; padding-top: 15px; height: 43px; }
span.osicon, a.osicon { background-image: url("../images/icons.png"); background-repeat: no-repeat; cursor: pointer; display: inline-block; margin: 0 5px; vertical-align: middle; }
a.osicon.php { background-position: 0 0; height: 28px; width: 52px; }
a.osicon.php:hover { background-position: 0 -50px; }
a.osicon.net { background-position: -52px 0; height: 26px; width: 45px; }
a.osicon.net:hover { background-position: -54px -53px; }
a.osicon.java { background-position: -102px 0; height: 45px; width: 75px; }
a.osicon.java:hover { background-position: -102px -50px; }
a.osicon.yahoos { background-position: -450px 0; height: 33px; width: 35px; }
a.osicon.yahoos:hover { background-position: -450px -46px; }
a.osicon.apple { background-position: -183px 0; height: 31px; width: 28px; }
a.osicon.apple:hover { background-position: -183px -47px; }
a.osicon.android { background-position: -210px 2px; height: 34px; width: 29px; }
a.osicon.android:hover { background-position: -211px -45px; }
a.osicon.blackberry { background-position: -240px 2px; height: 27px; width: 42px; }
a.osicon.blackberry:hover { background-position: -240px -45px; }
a.osicon.windows { background-position: -280px 0; height: 30px; width: 38px; }
a.osicon.windows:hover { background-position: -280px -47px; }
a.osicon.ps { background-position: -318px 0; height: 33px; width: 33px; }
a.osicon.ps:hover { background-position: -318px -47px; }
a.osicon.ai { background-position: -350px 0; height: 33px; width: 33px; }
a.osicon.ai:hover { background-position: -350px -47px; }
a.osicon.html5 { background-position: -384px 0; height: 44px; width: 31px; }
a.osicon.html5:hover { background-position: -384px -47px; }
a.osicon.flash { background-position: -416px 0; height: 33px; width: 33px; }
a.osicon.flash:hover { background-position: -416px -46px; }
.content-secion { width: 100%; margin: 30px 0 0 0; }
.heading { background: url("../images/heading-img.png") repeat scroll 0 0 transparent; border-left: 6px solid rgb(213, 213, 213); height: 41px; padding-left: 10px; padding-top: 19px; }
.content-secion h1 { font-size: 18px; color: #40444b; text-shadow: 1px 1px 0px white; font-weight: normal; }
.expertise-div { width: 100%; margin: 22px 0 0 0; }
.achivement { width: 100%; height: 104px; background: url(../images/logos-bg.png) repeat-x; border-radius: 8px; }
.achivement img { padding: 8px 28px 0; }
.achivement img:hover { opacity: 0.76; }
img.lst, .second-last { padding: 0 28px; position: relative; top: -10px; }
.bottom-content { width: 100%; margin: 50px 0 0 0; }
.video { width: 42%; }
.video-pot { width: 100%; text-align: center; margin: 24px 0 0 0; }
.testimonial { width: 53%; }
.testimonial-shadow { width: 100%; height: 22px; background: url(../images/testimonial-shadow.png) center no-repeat; }
.testimonial-div { margin: 24px auto 0; width: 90%; }
.testi { background: white; width: 482px; position: relative; border: 1px solid #d9d9d9; border-radius: 8px; padding-bottom: 38px; }
.testi img { margin: 31px 0 0 41px; }
.testi span { float: right; font-size: 17px; color: #2376c2; font-family: 'oswaldlight'; position: relative; right: 28px; }
.testi span a { text-decoration: underline; color: #2376c2; }
.testi span a:hover { text-decoration: none; color: #2376c2; }
.cover-photo { background: url(../images/cover-photo.png) no-repeat; top: 18px; left: 15px; width: 140px; height: 140px; position: absolute; }
p.right { color: rgb(145, 144, 142); float: right; font-size: 12px; line-height: 24px; position: relative; left: 29px; top: 63px; width: 54%; }
p.right img { margin: 0; padding: 0 5px 0 5px; }
.client-logos { background: url(../images/logo-back-shadow.png) center no-repeat; text-align: center; height: 67px; margin: 50px 0 0 0; width: 100%; }
.client-logos img { padding: 15px 10px; }
.footer { width: 100%; background: url(../images/footer-img.jpg) repeat-x #0d182d; overflow: hidden; clear: both; position: relative; top: 386px; }
.footer-content { background: url(../images/effect.png) repeat; width: 100%; margin: 10px 0 0 0; }
.footer-heading { background: url(../images/footer-heading.png) repeat; width: 100%; height: 68px; }
.footer-heading-wrapper { width: 1024px; margin: 0px auto; }
.footer-content h1 { color: white; font-size: 18px; font-weight: normal; padding: 12px 0 25px 8px; width: 100%; }
.footer-content h1.lst-heading { text-align: center; }
.footer-content-wrapper { width: 1024px; margin: 0px auto; }
.div1 { width: 24%; }
.div-map img { margin: 17px; }
.div1 ul li { list-style: none; font-size: 12px; line-height: 24px; color: #d8d8d8; position: relative; top: 6px; }
.div1 ul li a { color: #d8d8d8; text-decoration: none; }
.div1 ul li a:hover { color: #fff; text-decoration: none; }
.div1 ul { margin: 0px 0 0 9px; }
ul.links-left { margin: 6px 0 0 8px; }
ul li.ind { background: url(../images/ind.png) left no-repeat; padding: 0 0 0 50px; }
ul li.us { background: url(../images/us.png) left no-repeat; padding: 0 0 0 50px; }
ul li.uk { background: url(../images/uk.png) left no-repeat; padding: 0 0 0 50px; }
ul li.aus { background: url(../images/aus.png) left no-repeat; padding: 0 0 0 50px; }
ul li.singapur { background: url(../images/singapur.png) left no-repeat; padding: 0 0 0 50px; }
ul.flags li { line-height: 35px; }
.div-map { margin: 12px 0 15px 12px; }
.media-icons { background-image: url("../images/media-icons.png"); background-repeat: no-repeat; cursor: pointer; display: inline-block; margin: 20px 5px 0; }
a.media-icons.facebook { background-position: 0 0; height: 33px; width: 32px; }
a.media-icons.facebook:hover { background-position: 0 -33px; height: 33px; width: 32px; }
a.media-icons.twiiter { background-position: -32px 0; height: 33px; width: 32px; }
a.media-icons.twiiter:hover { background-position: -32px -33px; height: 33px; width: 32px; }
a.media-icons.in { background-position: -64px 0; height: 33px; width: 32px; }
a.media-icons.in:hover { background-position: -64px -33px; height: 33px; width: 32px; }
a.media-icons.gplus { background-position: -96px 0; height: 33px; width: 32px; }
a.media-icons.gplus:hover { background-position: -96px -33px; height: 33px; width: 32px; }
.footer-heading-wrapper span { float: right; font-size: 12px; color: white; padding: 27px 0 0 0; }
/*-----------------------------------------------mobile devices---------------*/
#menu-btn { display: none; }
#navmenu { display: none; }
.home-banner-mobile { display: none; }
.rtl { width: 100%; text-align: center; float: left; top: 15px; position: relative; height: 35px; }
.prt { float: left; width: 100%; }
.prt img { float: left; margin: 0 5px 0 0 !important; }
.prt img a:hover { cursor: pointer !important; float: left; }
.home-banner-mobile h1 { font-size: 18px; padding-top: 34px; }
.inner-mobile-banner h1 { font-size: 18px; padding-top: 34px; }
.home-banner-mobile h2 { font-size: 13px; }
.inner-mobile-banner h2 { font-size: 13px; }
ul.newly li { font-size: 14px; line-height: 30px; list-style: none outside none; color: rgb(118, 119, 121); }
.mm-testi { margin-left: 18px !important; width: 621px; min-height: 336px; }
p.right-top { color: rgb(86, 87, 89); float: left; font-size: 12px; left: 165px; line-height: 24px; position: absolute; top: 220px; width: 71%; }
.mm-testi span { float: right; font-family: 'oswaldlight'; position: relative; right: 28px; }
.mm-testi span a { text-decoration: underline !important; color: rgb(35, 118, 194) !important; font-size: 16px !important; }
.mm-testi span a:hover { text-decoration: none !important; color: rgb(35, 118, 194) !important; }
.title-new { color: rgb(3, 127, 201); float: left; font-size: 16px; font-weight: 700; margin-right: 0 !important; text-align: center; width: 32%; }
/*
----------------------------------------------------------inner pages--------------------------------------------------*/

.three-boxes-inner { margin: 0 auto; position: relative; width: 100%; z-index: 1; }
.inner-box1 { margin: 0 0 0 3px; text-align: center; width: 33%; }
.inner-background { position: absolute; top: 45px; width: 100%; background: url(../images/bg3.jpg) no-repeat; height: 1008px; }
*:first-child+html .inner-background { margin-left: -198px; }
*:first-child+html .home_banner { margin-left: -198px; }
.inner-box1 h1 { color: rgb(195, 75, 31); font-family: 'oswaldlight'; font-size: 24px; font-weight: normal; padding: 15px 0; }
.three-boxes-inner ul li { color: #565759; line-height: 24px; font-size: 14px; text-align: left; margin-left: 76px; }
.three-boxes-inner ul li a { color: #565759; text-decoration: none; }
.three-boxes-inner ul li a:hover { color: #565759; text-decoration: underline; }
.inner-box1 h1.mobile { color: rgb(35, 118, 194); }
.inner-box1 h1.web-port { color: #977305; }
.inner-box1:hover { background: url(../images/inner-box-hover.png) repeat; cursor: pointer; }
.portfolio-panel { background: none repeat scroll 0 0 rgb(243, 243, 243); border: 1px solid rgb(204, 204, 204); border-radius: 8px 8px 8px 8px; height: 157px; margin-left: 65px; padding-top: 9px; position: relative; width: 218px; }
a.viewall { background: url("../images/viea-all.png") no-repeat scroll 0 0 transparent; color: white; float: right; font-size: 12px; height: 21px; padding-top: 3px; position: relative; right: 6px; text-align: center; top: -18px; width: 94px; }
.icon-left { float: left; left: 0; position: absolute; top: 46px; }
.icon-right { float: right; position: absolute; right: 0; top: 46px; }
.fright-img { float: right; margin-right: 61px !important; margin-top: 25px !important; }
.inner-section-left { width: 67%; }
.inner-content-section { margin: 0px auto; width: 94%; }
.inner-content-section p { color: rgb(118, 119, 121); float: left; font-size: 14px; line-height: 22px; padding: 12px 0 12px 0; }
.inner-content-section p a { color: #514e4e; text-decoration: none; }
.inner-content-section p a:hover { color: #514e4e; text-decoration: underline; }
.inner-content-section h2 { color: #015792; font-size: 16px; line-height: 24px; font-weight: normal; padding-bottom: 15px; }
.inner-section-right { width: 29%; }
.heading-inner { background: url("../images/heading-img.png") repeat scroll 0 0 transparent; border-left: 6px solid rgb(213, 213, 213); height: 41px; padding-left: 10px; padding-top: 19px; position: relative; clear: both; }
.heading-inner h1 { color: rgb(64, 68, 75); font-size: 18px; font-weight: normal; text-shadow: 1px 1px 0 white; }
.flx { top: -10px; position: relative; }
.open-source-panel { width: 94%; margin-top: 24px; }
img.border-bottom { margin: 20px 0 0 58px; text-align: center; }
.open-source-box { width: 50%; }
.open-source-box h3 { color: rgb(1, 87, 146); font-size: 18px; font-weight: normal; padding-left: 61px; padding-top: 7px; text-align: left; }
.open-source-box img { float: left; position: absolute; margin: 0 0 0 14px; }
.open-source-box p { float: right; font-size: 13px; padding-top: 5px; width: 80%; }
a.ops_button { background: none repeat scroll 0 0 rgb(62, 62, 62); border-radius: 5px 5px 5px 5px; color: rgb(255, 255, 255); float: left; font-size: 11px; height: 19px; left: 59px; margin-bottom: 19px; margin-right: 11px; padding: 7px 0 0; position: relative; text-align: center; width: 90px; }
a.ops_button:hover { opacity: 0.76; }
.colorful-div { background: none repeat scroll 0 0 rgb(78, 131, 185); border-radius: 8px 8px 8px 8px; margin: 23px auto 25px; padding: 15px 0; width: 244px; }
.porfolio-div-inner { background: none repeat scroll 0 0 white; position: relative; border-radius: 8px 8px 8px 8px; height: 124px; margin: 0 auto; width: 218px; border: 1px solid rgb(188, 190, 193); text-align: center; }
img.requestaquote { float: right; position: absolute; right: 13px; top: 8px; }
.contact-us-div { width: 214px; height: 319px; margin: 0px auto; margin-bottom: 20px; }
.contact-us-div input, textarea { width: 198px; height: 33px; border-radius: 8px; background: white; border: 1px solid #bcbec1; font-size: 12px; color: #808288; margin-bottom: 6px; padding-left: 15px; }
.contact-us-div textarea { height: 142px; padding-top: 12px; }
input.buttonc { background: none repeat scroll 0 0 rgb(195, 75, 31); border: 0 solid transparent; border-radius: 12px 12px 12px 12px; box-shadow: 0 0 10px rgb(188, 190, 193); color: white; cursor: pointer; float: right; font-size: 13px; height: 32px; margin-bottom: 15px; margin-top: 11px; padding-left: 0; padding-top: 0; text-align: center; width: 122px; }
img.video-mg { width: 100%; }
.inner-header-bg { position: absolute; top: 45px; width: 100%; background: url(../images/joomla-header-img.jpg) top center repeat-x; height: 370px; }
.dnn-header-bg { background: url(../images/dnn-header-img.jpg) top center repeat-x; }
.android-header-bg { background: url(../images/android-header-img.jpg) top center repeat-x; }
.inneinnerr-mobile-banner h1 { font-size: 18px; padding-top: 34px; }

.inner-mobile-banner { display: none;}
.header-shadow-inner { background: url("../images/header-shadow.png") no-repeat scroll center top transparent; height: 31px; position: relative; top: 270px; width: 100%; }
.inner { top: 246px; }
.why-client-box { width: 100%; border: 1px solid rgb(204, 204, 204); border-radius: 5px; margin: 25px 0 20px 0; background: #fff; }
.why-client-box1 { width: 100%; border-right: 1px dotted #282828; border-bottom: 1px dotted #282828; padding-top: 25px; }
.why-client-box2 { width: 100%; border-bottom: 1px dotted #282828; padding-top: 25px; }
.left-one, .right-one { width: 50%; margin-bottom: 20px; }
.nne1 { border: none; }
.nne2 { border-bottom: none; }
.why-client-box img { float: left; margin: 0 0 0 14px; position: absolute; }
.why-client-box h3 { color: rgb(1, 87, 146); font-size: 18px; font-weight: normal; padding-left: 57px; padding-top: 1px; text-align: left; }
.why-client-box p { float: right; font-size: 13px; padding-top: 5px; width: 81%; }
.inner-quote { float: left; }
.content-div-inner { background: url("../images/trans-img-inner.png") no-repeat scroll 0 0 transparent; padding: 10px 0 18px 42px; width: 490px; ; }
.content-div-inner h2 { font-family: 'oswaldlight'; font-size: 31px; padding-bottom: 10px; }
.content-div-inner h1 { font-family: 'oswaldlight'; font-size: 24px; padding-bottom: 10px; color: white; }
.mobile-page { background: url(../images/bg4.jpg) top center repeat-x; }
.microsoft-page { background: url(../images/bg2.jpg) top center repeat-x; }
.mobile-app-portfolio-bg { background: url(../images/mobile-app-portfolio-bg.png) no-repeat; height: 216px; margin-left: 24px; padding-top: 9px; position: relative; width: 318px; }
.mobile-app-portfolio-div { height: 136px; margin: 9px auto 0 65px; position: relative; width: 183px; }
.platform-section {
background: /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #AFAFAF 0%, #FFFFFF 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(bottom, #AFAFAF 0%, #FFFFFF 100%); /* Opera */ background-image: -o-linear-gradient(bottom, #AFAFAF 0%, #FFFFFF 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #AFAFAF), color-stop(1, #FFFFFF)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(bottom, #AFAFAF 0%, #FFFFFF 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to top, #AFAFAF 0%, #FFFFFF 100%); border: 1px solid #d2d2d2; border-radius: 3px; width: 100%; margin: 25px 0 20px 0; }
a.app-icons { background: url(../images/mobile-icons.png) no-repeat; cursor: pointer; display: block; vertical-align: middle; margin: 0 5px; }
a.app-icons.apple { background-position: 0 0; height: 59px; width: 52px; }
a.app-icons.apple:hover { background-position: -0 -67px; height: 59px; width: 52px; }
a.app-icons.android { background-position: -59px 0; float: right; height: 67px; position: relative; top: -56px; width: 52px; }
a.app-icons.android:hover { background-position: -59px -67px; }
a.app-icons.blackberry { background-position: -119px 0; height: 59px; position: relative; top: 19px; width: 52px; }
a.app-icons.blackberry:hover { background-position: -119px -64px; }
a.app-icons.windows { background-position: -169px 7px; float: right; height: 78px; left: 58px; position: relative; top: -49px; width: 59px; }
a.app-icons.windows:hover { background-position: -169px -56px; }
.platform-section h1 { color: #817f7f; font-size: 18px; margin-bottom: 20px; }
.icons-div { background: url("../images/sep-img.png") no-repeat scroll right top transparent; margin: 25px 25px 0; padding: 0 47px 0 0; width: 171px; }
.center-app-cont { margin: 34px 0 0 7px; width: 42%; }
.center-app-cont p { color: #767779; font-size: 14px; line-height: 24px; }
.featured-client { background: url("../images/sep-img.png") no-repeat scroll left top transparent; margin-top: 25px; padding-left: 39px; width: 256px; }
.mobile-development-serives { background: url("../images/border-bottom-mobile-div.png") no-repeat scroll center bottom transparent; margin: 33px 0 0px; padding-bottom: 20px; width: 100%; }
.mobile-development-serives img { float: left; margin: 0 0 0 0; position: relative; }
.mobile-development-serives h1 { color: #734c1c; float: left; padding-left: 24px; font-size: 20px; }
.mobile-development-serives p { float: right; font-size: 13px; text-align: justify; width: 77%; }
.buttons { padding: 15px 0 0 90px; }
.nne { background: none; }
.mobiel-page-color { background: #93652b; }
.microsoft-page-color { background: #1a7f7d; }
.content-div ul li { font-size: 18px; line-height: 22px; color: white; }
.gray { background: #fff; border: 1px solid rgb(212, 208, 208); border-radius: 8px 8px 8px 8px; padding-bottom: 15px; margin: 25px auto 0; width: 247px; text-align: center; }

.gray img {
    padding: 29px 0 10px;
    width: 40%;
}
.gray h1 { padding-top: 20px; color: rgb(115, 76, 28); }
.microsoft-services { background: white; border: 1px solid #c2bdbd; width: 100%; margin: 30px 0 0 0; }
.mic-cont-right { width: 50%; padding: 21px 0 0 0; text-align: center; }
.mic-cont-right p { text-align: justify; width: 88%; margin: 0 0 0 16px; line-height: 20px; }
.microsoft-services ul li { line-height: none; padding: 17px 20px; background: url(../images/heading-img.png) repeat; }
.microsoft-services ul li a { color: #424242; font-size: 14px; text-decoration: none; }
.microsoft-services ul li a:hover { color: #fff; text-decoration: none; }
.microsoft-services ul li:hover { background: url("../images/hover-corner.png") no-repeat scroll right top rgb(36, 161, 154); cursor: pointer; display: block; width: 93%; }
.microsoft-services ul li:hover a { color: white; }
.microsoft-services ul li a.mg1 { background: url("../images/mg1.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg2 { background: url("../images/mg2.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg3 { background: url("../images/mg3.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg4 { background: url("../images/mg4.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg5 { background: url("../images/mg5.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg6 { background: url("../images/mg6.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg7 { background: url("../images/mg7.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg8 { background: url("../images/mg8.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
a.free_quote_img { background: url("../images/free-quote.png") no-repeat scroll 0 0 transparent; color: white; float: right; height: 43px; margin-right: 15px; padding-top: 12px; text-align: center; width: 165px; }
a.free_quote_img:hover { opacity: 0.85; }
.green { color: #1a7f7d !important; }
.microsoft-services ul li.activeness { background: url("../images/hover-corner.png") no-repeat scroll right top rgb(36, 161, 154); cursor: pointer; display: block; width: 93%; }
.microsoft-services ul li.activeness a { color: white; }
.certified-img { background: url("../images/certified-img.jpg") repeat scroll 0 0 transparent; border: 1px solid rgb(194, 189, 189); margin-top: 35px; width: 100%; }
.taglines-div { background: url(../images/right-aero.png) left no-repeat; padding: 12px 0 0 38px; margin: 12px 0 0 16px; }
.taglines-div h3 { color: #4b4b4c; font-size: 16px; }
.taglines-div span { color: #777777; font-size: 12px; }
.wrap-inner { top: 124px; }
.top-spacing { margin-top: 25px; }
.development-div { width: 32%; background: #fff; border: 1px solid #c4c4c4; border-radius: 7px; margin: 15px 5px 35px 0; }
.development-div h2 { background: none repeat scroll 0 0 rgb(45, 173, 237); border-radius: 13px 13px 13px 13px; color: white; font-size: 16px; font-weight: normal; margin: 8px 0 4px 11px; padding-bottom: 10px; padding-top: 11px; text-align: center; width: 89%; }
.development-div p { font-size: 13px; line-height: 22px; margin: 15px 13px 17px 15px; padding: 0; color: #4b4b4c; text-align: justify; }
a.quote-bg { background: url("../images/quote-bg.png") no-repeat scroll center 0 transparent; color: white; float: left; font-family: dax; font-size: 12px; height: 16px; padding-top: 3px; text-align: center; width: 100%; }
.dnn-page { background: #2daded; }
.development-div h2.android-color { background: #759c37; }
.development-div ul li { color: rgb(75, 75, 76); font-size: 13px; line-height: 26px; margin: 0; padding-left: 10px; text-align: left; }
.development-div span { float: right; font-size: 12px; padding: 0 15px 48px 0; }
ul.links-android li { line-height: 39px; font-size: 14px; color: #817f7f; padding: 0 0 0 33px; background: url(../images/short-aero.png) left no-repeat }
ul.links-android { float: left; margin: 12px 0 0; width: 50%; }
.android-content-div-right { margin: 15px 0 0 0; width: 50%; }
.android-content-div-right h1 { font-family: 'oswaldlight'; font-size: 36px; color: #4b4b4c; text-align: center; }
.android-short-div { background: url("../images/li-bg-img.png") repeat scroll 0 0 transparent; float: left; margin-top: 20px; width: 100%; }
ul.short-links-android { color: rgb(75, 75, 76); font-size: 14px; line-height: 30px; margin: 0 auto 10px; width: 66%; }
ul.short-links-android li { background: url(../images/white-aero.png) left 10px no-repeat; padding-left: 30px; }
.android-page{ background:rgb(117, 156, 55);}
ul.and-btm{ padding-bottom:19px;}
.exp:hover{ opacity:0.86 !important; color:black !important;}
.title-new:hover{ opacity:0.80 !important;}