font-face { font-family: 'MyriadProBold'; src: url('myriadpro-bold-webfont.eot'); src: local('☺'), url('myriadpro-bold-webfont.woff') format('woff'), url('myriadpro-bold-webfont.ttf') format('truetype'), url('myriadpro-bold-webfont.svg#webfontdI564mcw') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MyriadProRegular'; src: url('myriadpro-regular-webfont.eot'); src: local('☺'), url('myriadpro-regular-webfont.woff') format('woff'), url('myriadpro-regular-webfont.ttf') format('truetype'), url('myriadpro-regular-webfont.svg#webfont28woLOtS') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'LucidaGrandeBold'; src: url('lucida_grande_bold-webfont.eot'); src: local('☺'), url('lucida_grande_bold-webfont.woff') format('woff'), url('lucida_grande_bold-webfont.ttf') format('truetype'), url('lucida_grande_bold-webfont.svg#webfont3eSKVGyy') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'LucidaGrandeRegular'; src: url('lucida_grande-webfont.eot'); src: local('☺'), url('lucida_grande-webfont.woff') format('woff'), url('lucida_grande-webfont.ttf') format('truetype'), url('lucida_grande-webfont.svg#webfontTWjg2dgj') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DroidSansBold'; src: url('droidsans-bold-webfont.eot'); src: local('☺'), url('droidsans-bold-webfont.woff') format('woff'), url('droidsans-bold-webfont.ttf') format('truetype'), url('droidsans-bold-webfont.svg#webfontiLUE34m9') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DroidSansRegular'; src: url('droidsans-webfont.eot'); src: local('☺'), url('droidsans-webfont.woff') format('woff'), url('droidsans-webfont.ttf') format('truetype'), url('droidsans-webfont.svg#webfontJXPNMo9J') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Swis721BTRoman'; src: url('swz721n-webfont.eot'); src: url('swz721n-webfont.eot?#iefix') format('embedded-opentype'), url('swz721n-webfont.woff') format('woff'), url('swz721n-webfont.ttf') format('truetype'), url('swz721n-webfont.svg#Swis721BTRoman') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Swis721BlkCnBTBlack'; src: url('swz721kc-webfont.eot'); src: url('swz721kc-webfont.eot?#iefix') format('embedded-opentype'), url('swz721kc-webfont.woff') format('woff'), url('swz721kc-webfont.ttf') format('truetype'), url('swz721kc-webfont.svg#Swis721BlkCnBTBlack') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Swis721BTBold'; src: url('ufonts.com_swiss-721-bold-bt-2-webfont.eot'); src: url('ufonts.com_swiss-721-bold-bt-2-webfont.eot?#iefix') format('embedded-opentype'), url('ufonts.com_swiss-721-bold-bt-2-webfont.woff') format('woff'), url('ufonts.com_swiss-721-bold-bt-2-webfont.ttf') format('truetype'), url('ufonts.com_swiss-721-bold-bt-2-webfont.svg#Swis721BTBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AmericanPurposeRegular'; src: url('american_purpose_1-webfont.eot'); src: url('american_purpose_1-webfont.eot?#iefix') format('embedded-opentype'), url('american_purpose_1-webfont.woff') format('woff'), url('american_purpose_1-webfont.ttf') format('truetype'), url('american_purpose_1-webfont.svg#AmericanPurposeRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Lobster14Regular'; src: url('lobster_1.4-webfont.eot'); src: url('lobster_1.4-webfont.eot?#iefix') format('embedded-opentype'), url('lobster_1.4-webfont.woff') format('woff'), url('lobster_1.4-webfont.ttf') format('truetype'), url('lobster_1.4-webfont.svg#Lobster14Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'PTSansRegular'; src: url('pts55f-webfont.eot'); src: url('pts55f-webfont.eot?#iefix') format('embedded-opentype'), url('pts55f-webfont.woff') format('woff'), url('pts55f-webfont.ttf') format('truetype'), url('pts55f-webfont.svg#PTSansRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'PTSansBold'; src: url('pts75f-webfont.eot'); src: url('pts75f-webfont.eot?#iefix') format('embedded-opentype'), url('pts75f-webfont.woff') format('woff'), url('pts75f-webfont.ttf') format('truetype'), url('pts75f-webfont.svg#PTSansBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BellGothicStdLightBold'; src: url('bellgothicstd-bold.eot'); src: url('bellgothicstd-bold.eot?#iefix') format('embedded-opentype'), url('bellgothicstd-bold.woff') format('woff'), url('bellgothicstd-bold.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BellGothicStdBlackRegular'; src: url('bellgothicstd-black.eot'); src: url('bellgothicstd-black.eot?#iefix') format('embedded-opentype'), url('bellgothicstd-black.woff') format('woff'), url('bellgothicstd-black.ttf') format('truetype'); font-weight: normal; font-style: normal; }
/* CSS start here */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
body { background: url(../images/bodybg.gif) repeat-x 0 0 #000; font-weight: normal; font-family: 'DroidSansRegular', Arial, Helvetica, sans-serif; font-size: 12px; color: #9b9b9b; margin: 0; padding: 0; }
ol, ul { list-style: none; }
input, select, textarea { font-family: 'DroidSansRegular', Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5 { font-weight: normal; }
section, header, footer, nav, article, aside, figure { display: block; }
.relative { position: relative; }
strong { font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; font-weight: normal; }
p { margin: 0; padding: 0; margin-bottom: 12px; line-height: 18px; }
a { color: #95ca11; text-decoration: underline; outline: none; }
a:hover { color: #95ca11; text-decoration: none; outline: none; }
.clear { clear: both; }
.mainbg { background: url(../images/mainbackground.jpg) no-repeat 0 0; }
.service-ico { background: url(../images/service-ico.gif) no-repeat; }
.right { float: right; }
.left { float: left; }
/* Common CSS End */
#main { width: 100%; margin: auto; background: url(../images/mainmiddbg.jpg) no-repeat center 87px; min-height: 600px; }
header#top-container { width: 1003px; margin: auto; height: 88px; }
div#top-container { width: 1003px; margin: auto; height: 88px; }
figure.logo { width: 143px; text-align: center; float: left; }
figure.logo img { margin-top: 11px; }
div.logo { width: 143px; text-align: center; float: left; }
div.logo img { margin-top: 11px; }
.top-right { width: 860px; float: right; }
.toplink { height: 35px; text-align: right; padding: 15px 0 0 0; margin-bottom: 7px; }
.toplink a { color: #acacac; text-decoration: none; border-right: 1px solid #2e2e2e; padding: 5px 15px; line-height: 21px; }
.toplink a:hover { color: #a6db24; text-decoration: none; }
.toplink a.active { color: #a6db24; text-decoration: none; }
.toplink a.last { border: none; }
.livechat { float: right; text-align: center; margin-top: -3px; }
.livechat a { color: #a6db24; text-decoration: none; font-size: 13px; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; border: none; padding: 0; line-height: 25px; background-position: -7px -98px; width: 90px; height: 26px; display: block; }
.livechat a:hover { color: #fff; text-decoration: none; font-size: 13px; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; background-position: -7px -134px; }
nav.topnav { background-position: -4px -5px; display: block; width: 814px; height: 27px; padding-left: 10px; float: right; }
nav.topnav ul { margin: 6px 0 0 0; padding: 0; }
nav.topnav ul li { list-style-type: none; float: left; display: block; border-right: 2px solid #424242; }
nav.topnav ul li a { color: #a4a4a4; text-decoration: none; padding: 0 9px; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; }
nav.topnav ul li a:hover { color: #95ca11; text-decoration: none; }
nav.topnav ul li a.active { color: #95ca11; text-decoration: none; }
nav.topnav ul li.last { border: none; }
div.topnav { display: block; width: auto; height: 27px; padding-left: 10px; padding-right: 8px; border-radius:0 7px 0 0; float: right; background: url(../images/topnavbg.jpg) no-repeat; z-index: 10000; position: relative; }
div.topnav ul { margin: 6px 0 0 0; padding: 0; }
div.topnav ul li { list-style-type: none; float: left; display: block; border-right: 2px solid #424242; position:relative; }
div.topnav ul li a { color: #a4a4a4; text-decoration: none; padding: 0 9px; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; }
div.topnav ul li a:hover { color: #95ca11; text-decoration: none; }
div.topnav ul li a.active { color: #95ca11; text-decoration: none; }
div.topnav ul li.last { border: none; }
section#middpart { width: 1003px; margin: auto; padding-bottom: 10px; overflow: hidden; }
div#middpart { width: 1003px; margin: auto; padding-bottom: 10px; overflow: hidden; }
.banner-left { width: 505px; float: left; padding: 32px 0 0 25px; }
.banner-right1 { width: 471px; float: right; height: 315px; background: url(../images/iphone-appbg.gif) no-repeat 70px 20px; }
.banner-right2 { width: 471px; float: right; height: 315px; background: url(../images/iphone-app-cal-bg.png) no-repeat 30px 100px; }
.banner-right3 { width: 471px; float: right; height: 315px; background: url(../images/home-gamedev-bg.jpg) no-repeat 88px 32px; }
.banner-right4 { width: 471px; float: right; height: 315px; background: url(../images/iphad-appbg.gif) no-repeat 30px 40px; }
h1 { font-size: 20px; color: #a3d91e; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; margin-bottom: 25px; }
h2 { font-size: 32px; color: #efefef; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; margin-bottom: 10px; }
h3 { font-size: 16px; color: #b0b0b0; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; margin-bottom: 7px; }
h4 { font-size: 15px; color: #a7de21; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; margin-bottom: 10px; }
h1.green-hd { font-size: 20px; color: #a3d91e; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; margin-bottom: 25px; }
h2 a { font-size: 32px; color: #fff !important; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; text-decoration: none; }
h2 a:hover { font-size: 32px; color: #95ca11 !important; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; text-decoration: none; }
h2.banner-hd { font-size: 18px; color: #efefef; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; margin-bottom: 10px; }
h2.banner-hd a { font-size: 18px; color: #efefef; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; text-decoration: none; }
h2.banner-hd a:hover { font-size: 18px; color: #a3d91e; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; text-decoration: none; }
.banner-content { color: #b4b4b4; font-size: 16px; line-height: 24px; }
.viewmore { margin-top: 20px; width: 94px; height: 27px; background-position: 0px -38px; }
.viewmore a { display: block; width: 94px; height: 27px; }
.callus { margin-top: 30px; font-size: 14px; color: #a4a4a4; line-height: 35px; }
.callus span { font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; color: #93c517; font-size: 20px; }
footer#footer { width: 1003px; margin: auto; }
div#footer { width: 1003px; margin: auto; }
.express-btn { float: right; width: 232px; height: 33px; background: url(../images/express-bg.jpg) no-repeat; text-align: center; text-decoration: none; margin-top: 293px; }
.express-btn a { text-decoration: none; color: #000000; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; font-size: 15px; line-height: 33px; }
.express-btn a:hover { text-decoration: none; color: #344508; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; }
.banner-imglink { position: absolute; top: 20px; right: 0; width: 60px; }
.banner-imglink ul { margin: 0; padding: 0; }
.banner-imglink ul li { list-style-type: none; width: 59px; height: 64px; margin-bottom: 10px; }
#ddimagetabs a { background: url("../images/mainbackground.png") no-repeat scroll 0 0 transparent; }
#ddimagetabs #right-img1 a { background-position: -337px -109px; width: 59px; height: 64px; display: block; text-decoration: none; }
#ddimagetabs #right-img1 a:hover { background-position: -337px -43px; text-decoration: none; }
#ddimagetabs #right-img1 a.current { background-position: -337px -43px; text-decoration: none; width: 59px; height: 64px; display: block; }
#ddimagetabs #right-img2 a { background-position: -400px -109px; width: 59px; height: 64px; display: block; text-decoration: none; }
#ddimagetabs #right-img2 a:hover { background-position: -400px -43px; text-decoration: none; }
#ddimagetabs #right-img2 a.current { background-position: -400px -43px; text-decoration: none; width: 59px; height: 64px; display: block; }
#ddimagetabs #right-img3 a { background-position: -464px -109px; width: 59px; height: 64px; display: block; text-decoration: none; }
#ddimagetabs #right-img3 a:hover { background-position: -464px -43px; text-decoration: none; }
#ddimagetabs #right-img3 a.current { background-position: -464px -43px; text-decoration: none; width: 59px; height: 64px; display: block; }
#ddimagetabs #right-img4 a { background-position: -529px -108px; width: 59px; height: 64px; display: block; text-decoration: none; }
#ddimagetabs #right-img4 a:hover { background-position: -529px -43px; text-decoration: none; }
#ddimagetabs #right-img4 a.current { background-position: -529px -43px; text-decoration: none; width: 59px; height: 64px; display: block; }
.banner-bottpart { clear: both; margin-bottom: 15px; }
article.banner-bottbox { background: url(../images/banner-bottbox.gif) repeat-x 0 0 #2b2b2b; border: 1px solid #2b2b2b; width: 215px; float: left; margin-right: 10px; padding: 10px 13px; font-size: 11px; font-style: italic; line-height: 16px; min-height: 122px; }
article.last { margin-right: 0; }
article.banner-bottbox a { font-style: normal; color: #95ca11; text-decoration: none; }
article.banner-bottbox a:hover { font-style: normal; color: #fff; text-decoration: none; }
div.banner-bottbox { width: 215px; float: left; margin-right: 10px; padding: 15px 13px 5px; font-size: 11px; line-height: 16px; min-height: 122px; background: url(../images/divider-strip.gif) repeat-y right; color: #CCC; height: 142px; }
div.last { margin-right: 0; }
div.banner-bottbox a { font-style: normal; color: #95ca11; text-decoration: none; }
div.banner-bottbox.last { background: none; }
div.banner-bottbox a:hover { font-style: normal; color: #fff; text-decoration: none; }
.banner-img1 { width: 70px; height: 95px; margin-bottom: 5px; float: right; background-position: 10px -73px; }
.banner-img2 { width: 70px; height: 95px; float: right; background-position: -140px -72px; }
.banner-img3 { width: 80px; height: 95px; margin-bottom: 5px; float: right; background-position: -63px -72px; }
ul.portfolio { overflow: hidden; height: 255px; }
ul.portfolio li { list-style-type: none; float: left; margin: 5px 7px 0 10px; }
ul.portfolio li img { margin-bottom: 2px; }
ul.portfolio-home li { list-style-type: none; float: left; margin: 5px 7px 0 7px; }
ul.portfolio-home li img { margin-bottom: 2px; }
.port-arrow { float: right; margin-left: 5px; }
section.midd-leftpart { width: 600px; float: left; padding: 15px 25px 5px 3px; }
div.midd-leftpart { width: 600px; float: left; padding: 15px 25px 5px 3px; }
div.midd-leftpart p { color: #878787; }
div.midd-leftpart a { font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; text-decoration: none; color: #878787; }
div.midd-leftpart a:hover { font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; text-decoration: none; color: #fff; }
aside.midd-rightpart { width: 375px; float: right; }
div.midd-rightpart { width: 375px; float: right; }
h1.welcome { font-size: 17px; color: #cecece; margin-bottom: 10px; }
.rightbox { clear: both; }
.right-tc { background: url(../images/rightbox-tc.gif) no-repeat; height: 6px; }
.right-bc { background: url(../images/rightbox-bc.gif) no-repeat; height: 6px; }
.right-cbg { border-left: 1px solid #313131; min-height: 240px; padding: 11px 20px; }
p.green-txt { color: #8cba1d; }
a.greenlink { color: #84b900; text-decoration: none; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; }
a:hover.greenlink { color: #fff; text-decoration: none; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; }
ul.home-rightlist { margin: 0; padding: 0; }
ul.home-rightlist li { list-style-type: none; background: url(../images/list-arrow.gif) no-repeat 0 5px; padding-left: 12px; margin-bottom: 5px; }
ul.home-rightlist li a { color: #898989; text-decoration: none; font-size: 11px; }
ul.home-rightlist li a:hover { color: #fff; text-decoration: none; }
.home-right-img { float: right; width: 165px; height: 165px; background-position: -227px 0px; }
.copyright { padding: 12px 0; text-align: center; font-size: 11px; color: #414141; }
.copyright a { font-size: 11px; color: #414141; text-decoration: none; }
.copyright a:hover { font-size: 11px; color: #95ca11; text-decoration: none; }
a.hiddenbrains { font-size: 11px; color: #95ca11; text-decoration: underline; }
a:hover.hiddenbrains { font-size: 11px; color: #fff; text-decoration: none; }
.footerlink { background: url(../images/bott-gradient.gif) repeat-x 0 0 #000; border: 1px solid #2d2d2d; padding: 15px; }
.bott-infolink { width: 143px; float: left; }
.bott-infolink ul li { list-style-type: none; background: url(../images/green-arrow.gif) no-repeat 0 5px; margin-bottom: 3px; padding-left: 12px; }
.bott-infolink ul li a { color: #727272; font-size: 11px; text-decoration: none; }
.bott-infolink ul li a:hover { color: #95ca11; font-size: 11px; text-decoration: none; }
.bott-servicelink { width: 270px; float: left; }
.bott-servicelink ul li { list-style-type: none; background: url(../images/green-arrow.gif) no-repeat 0 5px; margin-bottom: 3px; padding-left: 12px; }
.bott-servicelink ul li a { color: #727272; font-size: 11px; text-decoration: none; }
.bott-servicelink ul li a:hover { color: #95ca11; font-size: 11px; text-decoration: none; }
/* Scrolling CSS */
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 110px; right: -70px; width: 43px; height: 44px; cursor: pointer; background: transparent url(../images/next-arrow.png) no-repeat 0 0 !important; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(../images/prev-arrow.png) !important; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 110px; left: -70px; width: 43px; height: 44px; cursor: pointer; background: transparent url(../images/prev-arrow.png) no-repeat 0 0 !important; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(../images/next-arrow.png) !important; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: 0 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: 0 0; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: 0 0; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0 0; }
/* New Class Added Dt.161110 */
#main.bgnone { background: url(../images/innerpagebg.jpg) no-repeat center 84px; }
#main.bgnone1 { background: url(../images/innerpagebg-aboutus.jpg) no-repeat center 84px; }
#midd-heading { float: left; width: 987px; height: 66px; padding: 30px 8px 0 8px; }
#midd-heading h1 { color: #f0f0f0; font-size: 31px; text-decoration: none; font-weight: normal; }
#midd-heading h1 span { color: #8a8a8a; font-size: 15px; text-decoration: none; font-weight: normal; font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif; padding: 0 0px 0 20px; }
aside#leftpart { float: left; width: 284px; padding: 5px 0; position: absolute; left: 0; top: 0 }
aside#leftpart h2 { color: #aed201; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; padding: 0 15px; margin: 10px 0 10px 0; }
div#leftpart { float: right; width: 284px; padding: 5px 0; z-index: 0; }
div#leftpart h2 { color: #aed201; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; padding: 0 15px; margin: 10px 0 10px 0; }
div#leftpart-inner { float: right; width: 284px; padding: 5px 0; }
div#leftpart-inner h2 { color: #aed201; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; padding: 0 15px; margin: 10px 0 10px 0; }
.services { min-height: 0px; /*position:absolute; left:0; top:0*/ }
.services ul { margin: 0; padding: 0; /*position:absolute; left:0; top:35px;*/ margin-bottom: 20px; }
.services li { font: normal 13px 'MyriadProRegular', Arial, Helvetica, sans-serif; color: #8d8d8d; text-decoration: none; border-bottom: 1px solid #0f0f0f; line-height: 29px; width: 300px; margin-left: -10px; }
.services li.last { border-bottom: none; }
.services li a:link, .services li a:visited, .services li a:hover { font: normal 13px 'MyriadProRegular', Arial, Helvetica, sans-serif; color: #8d8d8d; text-decoration: none; line-height: 29px; height: 29px; display: block; line-height: 29px; padding: 0 0 0 25px; }
.services li a:hover { color: #010101; background: url(../images/service-hobg.png) no-repeat; }
.services li a.active { color: #010101; background: url(../images/service-hobg.png) no-repeat; height: 29px; display: block; line-height: 29px; padding: 0 0 0 25px; }
div#midd-part { display: block; float: left; border-left: 0; width: 697px; padding: 16px 0px 16px 10px; /*min-height: 1070px;*/ overflow: hidden }
.service-img { float: left; width: 425px; }
.service-cnt { float: left; width: 200px; padding: 25px 0 0 0; }
.service-cnt ul li { margin: 0 0 10px 0; line-height: 45px; font-family: 'DroidSansRegular', Arial, Helvetica, sans-serif; color: #9e9e9e; text-decoration: none; font-size: 14px; }
.service-cnt ul li a { font-weight: normal; font-family: 'DroidSansRegular', Arial, Helvetica, sans-serif; color: #9e9e9e; text-decoration: none; font-size: 14px; margin: 0 0 0 10px; line-height: 45px; }
.service-cnt ul li a:hover { color: #aed201; text-decoration: none; }
.service-cnt ul li span { margin-right: 10px; }
.service-info { float: left; width: 683px; padding: 0 15px 0 15px; }
.service-info p { color: #aaaaaa; font-weight: normal; font-size: 13px; font-family: 'DroidSansRegular', Arial, Helvetica, sans-serif; margin: 0 20px 10px 0; line-height: 20px; }
ul.service-info { margin: 10px 0 0 0; padding: 0; }
ul.service-info li { font: normal 13px 'MyriadProRegular', Arial, Helvetica, sans-serif; color: #8d8d8d; text-decoration: none; margin: 0 0 10px 0; background: url(../images/green-bullet.gif) no-repeat 0 5px; padding: 0 0 0 15px; }
ul.service-info li a { font: normal 13px 'MyriadProRegular', Arial, Helvetica, sans-serif; color: #8d8d8d; text-decoration: none; }
ul.service-info li a:hover { color: #97b700; text-decoration: none; }
.service-img2 { float: right; }
#call { width: 264px; clear: both; padding-left: 10px; }
#call h6 { color: #8e8e8e; font-weight: normal; font-size: 14px; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; text-decoration: none; margin: 0 0 0 10px; }
#call h5 { color: #aed201; font-weight: normal; font-size: 20px; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; text-decoration: none; margin: 0 0 10px 10px; }
.service-expbtn { float: left; width: 227px; height: 36px; background-position: 0px -66px; text-align: center; text-decoration: none; line-height: 34px; }
.service-expbtn a { text-decoration: none; color: #b7b7b7; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; font-size: 15px; }
.service-expbtn a:hover { text-decoration: none; color: #95ca11; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; background-position: 0px -93px; }
.social-img { background-position: 0px 0px; height: 40px; width: 45px; display: block; float: left; }
.game-img { background-position: -45px 0px; height: 40px; width: 45px; display: block; float: left; }
.travel-img { background-position: -90px 0px; height: 40px; width: 45px; display: block; float: left; }
.mobile-img { background-position: -135px 0px; height: 40px; width: 45px; display: block; float: left; }
.enter-img { background-position: -180px 0px; height: 40px; width: 45px; display: block; float: left; }
.shop-img { background-position: 0px -42px; height: 40px; width: 45px; display: block; float: left; }
.utili-img { background-position: -45px -42px; height: 40px; width: 45px; display: block; float: left; }
.news-img { background-position: -90px -42px; height: 40px; width: 45px; display: block; float: left; }
aside#portfolio { float: left; }
aside#portfolio h1 { color: #aed201; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; padding: 0 22px; margin: 0 0 10px 0; }
div#portfolio { float: left; }
div#portfolio h1 { color: #aed201; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; padding: 0 22px; margin: 0 0 10px 0; }
ul.portfolio-cnt { margin: 0; padding: 0; width: 953px; display: block; float: left; }
ul.portfolio-cnt li { list-style-type: none; }
ul.portfolio-cnt li img { margin: 0 0 5px 0; }
ul.portfolio-cnt li { float: left; width: 102px; text-align: center; margin: 0 66px 65px 0; height: 105px; }
ul.portfolio-cnt li.last { margin-right: 0; }
ul.portfolio-cnt li a { font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; color: #9b9b9b; font-weight: normal; text-decoration: none; font-size: 13px; }
ul.portfolio-cnt li a:hover { color: #A6DB24; text-decoration: none; }
/* section#portfolio-detail {float:left; width:454px; border-top:1px solid #2b2b2b; border-bottom:1px solid #2b2b2b; border-right:1px solid #2b2b2b; background:url(../images/midd-bg.gif) repeat-x #0c0c0c; padding:24px 0 0 35px;} */
section#portfolio-detail { float: left; width: 487px; padding: 24px 0 0 0px; }
div#portfolio-detail { float: left; width: 467px; padding: 24px 0 0 20px; }
#portfolio-detail h1 { font: normal 17px 'DroidSansBold', Arial, Helvetica, sans-serif; color: #A7DE21; text-decoration: none; }
#portfolio-detail h2 { font: normal 15px 'DroidSansBold', Arial, Helvetica, sans-serif; color: #d1d1d1; text-decoration: none; }
ul.portfolio-fea { margin: 10px 0 30px 0; padding: 0; width: 395px; }
ul.portfolio-fea li { font: normal 13px 'MyriadProRegular', Arial, Helvetica, sans-serif; color: #8d8d8d; text-decoration: none; margin: 0 0 5px 0; background: url(../images/green-bullet.gif) no-repeat 0 5px; padding: 0 0 0 15px; line-height: 18px; }
ul.portfolio-fea li a { font: normal 13px 'MyriadProRegular', Arial, Helvetica, sans-serif; color: #8d8d8d; text-decoration: none; }
ul.portfolio-fea li a:hover { color: #97b700; text-decoration: none; }
ul.portfolio-tech { margin: 10px 0 15px 0; padding: 0; width: 395px; }
ul.portfolio-tech li { font: normal 13px 'MyriadProRegular', Arial, Helvetica, sans-serif; color: #8d8d8d; text-decoration: none; margin: 0 0 5px 0; background: url(../images/green-bullet.gif) no-repeat 0 5px; padding: 0 0 0 15px; line-height: 18px; }
ul.portfolio-tech li a { font: normal 13px 'MyriadProRegular', Arial, Helvetica, sans-serif; color: #8d8d8d; text-decoration: none; }
ul.portfolio-tech li a:hover { color: #97b700; text-decoration: none; }
.btn-next { float: right; margin: 0 20px 0 0; }
.btn-prev { float: right; margin: 0 10px 0 0; }
.midd-mainpage { background: url(../images/midd-pagebg.jpg) repeat-y right 0 #0f0f0f; float: left; /*min-height: 1020px;*/ border: 1px solid #2b2b2b; width: 100%; }
.green-txt { color: #97b700; font-size: 13px; }
.service-img-bott { float: right; }
.popup-img { float: left; width: 450px; margin: 0 25px 0 0; }
.port-popup { background: url(../images/port-iphonebg.png) no-repeat; width: 190px; height: 382px; margin: 0 auto; padding: 83px 10px 0 10px; }
.port-hoverbg { background: url(../images/portfo-hobg1.png) no-repeat 0 0; width: 100px; height: 101px; position: absolute; left: 1px; top: 1px; display: block; }
.port-hoverbg a { display: block; width: 100px; height: 101px; }
.port-hoverbg a:hover { display: block; width: 100px; height: 101px; background: url(../images/portfo-hobg.png) no-repeat 0 0 !important; }
/* CSS added */
#content-fullwidth-cnt { clear: both; display: block; border: 1px solid #2B2B2B; background: #000000; font-family: "DroidSansRegular", arial, Helvetica, sans-serif; font-size: 13px; color: #979797; overflow: hidden }
#content-fullwidth-cnt strong { font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; text-transform: none; }
/*about page*/
.about-title { padding: 25px 0 0 26px }
.about-title h1 { font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 20px }
.about-title h1 span { color: #f0f0f0; display: block; font-size: 33px }
.about-title h1 em { font-size: 14px; font-family: 'DroidSansRegular', Arial, Helvetica, sans-serif; font-style: normal; color: #6d6d6d; }
.about-midd-content { clear: both; display: block; padding: 15px; overflow: hidden; }
.about-midd-content .thumb { float: left; width: 325px }
.about-midd-content .feature-block { float: left; width: 180px; padding: 25px; }
.about-midd-content .feature-block h3 { color: #96c61f; font-size: 14px; margin: 0 0 20px 0; line-height: 22px }
.about-midd-content .service-block { float: left; width: 305px; background: #6d9114; padding: 20px; }
.about-midd-content ul li { background: url(../images/green-bullet.gif) no-repeat left 12px; padding: 3px 0 3px 12px; margin: 0 0 2px 0 }
.about-midd-content .service-block h4 { color: #fff; font-size: 14px }
.about-midd-content .service-block ul li { color: #0f1501; background: url(../images/lightgreen-bull.gif) no-repeat left 8px; }
.about-midd-content .service-block ul li a { color: #0f1501; text-decoration: none; }
.about-midd-content .service-block ul li a:hover { color: #dce6c1 }
#service-offered { clear: both; padding: 5px 0 0 0; }
#service-offered h3 { color: #9ebd0a; font-size: 15px; margin: 0 0 20px 0; line-height: 22px }
#service-offered p { line-height: 22px; color: #6d6d6d }
#service-offered .services-scroll-block { position: relative; width: 850px; padding: 0 30px; }
.services-scroll-block .thumb { float: left; width: 470px; }
.services-scroll-block .service-details { float: left; width: 340px; padding: 30px 0 0 20px; line-height: 16px; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; font-weight: 400 }
.services-scroll-block li { float: left; width: 850px; font-size: 11px }
/* feature page */
.feature-title { padding: 25px 0 0 26px; color: #979797; height: 120px; background: url(../images/feature-banner.jpg) no-repeat center top; }
.feature-title h1 { font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 20px; color: #979797 }
.feature-title h1 span { color: #fff; display: block; font-size: 33px; font-family: 'DroidSansRegular', Arial, Helvetica, sans-serif; line-height: 36px; }
.feature-title h1 em { font-size: 14px; font-family: 'DroidSansRegular', Arial, Helvetica, sans-serif; font-style: normal; color: #787878; }
.container { clear: both; display: block; padding: 10px 5px; font-family: "DroidSansRegular", arial, Helvetica, sans-serif; font-size: 13px; color: #979797; overflow: hidden; }
.feature-block { float: left; width: 293px; padding: 10px 15px 30px 20px; line-height: 24px; border: 1px solid #090909; background: #000; }
.feature-block .thumb { float: left; /*padding:0 10px 10px 5px;*/ text-align: center; width: 85px; height: 75px; }
.feature-block h4 { color: #fff; text-transform: uppercase; }
.feature-block strong { color: #aaaaaa; display: block; }
.feature-block strong a { color: #aaaaaa; text-decoration: none }
.feature-block strong a:hover { color: #A7DE21 }
.feature-block:hover { border: 1px solid #1f1f1f; }
/*inquire page */
.inquiry-page .title { padding: 20px 0 0 20px; }
.inquiry-page h1 { font-size: 31px; color: #f0f0f0; margin: 0 0 0px }
.inquiry-page .title p { font-size: 11px }
.inquiry-page .title p em { color: #fff; font-style: normal; font-size: 12px }
/* inquiry form */
form#inquire-us { border: 1px solid #2b2b2b; counter-reset: fieldsets; padding: 10px 20px; width: 950px; margin: 0 auto; overflow: auto; background: url(../images/inquire-bg.gif) repeat-x left top #0d0d0d; }
form#inquire-us .col1 { float: left; width: 47%; border-right: 1px solid #000; }
form#inquire-us .col2 { float: right; width: 49% }
form#inquire-us fieldset { border: none; margin-bottom: 10px; }
form#inquire-us legend { color: #aed201; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: normal; line-height: normal; margin: 10px 0 0px; }
form#inquire-us ol li { line-height: 35px; list-style: none; padding: 5px 0px; margin-bottom: 2px; }
form#inquire-us ol li.inline { float: left; margin: 0 5px 0 0 }
form#inquire-us ol li.inline label { width: 80px }
form#inquire-us ol ol li { background: none; border: none; float: left; }
form#inquire-us .col2 ol li { float: left; width: 224px; margin: 0 5px 2px 0 }
form#inquire-us .col2 ol li label { width: 45px; font-size: 12px; padding: 0 5px 0 30px; text-align: right }
form#inquire-us .col2 ol li .input { width: 125px; float: right }
form#inquire-us label { float: left; font-size: 13px; width: 150px; color: #f0f0f0; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; }
form#inquire-us fieldset fieldset label { background: none no-repeat left 50%; line-height: 20px; padding: 0 0 0 30px; width: auto; }
form#inquire-us label[for=yahoo] { background: url(../images/yahoo-icon.png) no-repeat 0 center; }
form#inquire-us label[for=gtalk] { background: url(../images/gtalk-icon.png) no-repeat 10px center; }
form#inquire-us label[for=msn] { background: url(../images/msn-icon.png) no-repeat 10px center; }
form#inquire-us label[for=skype] { background: url(../images/skype-icon.png) no-repeat 0 center; }
form#inquire-us label[for=aim] { background: url(../images/aim-icon.png) no-repeat 0 center; }
form#inquire-us label[for=other] { /*background: url(../images/other-chat-icon.png) no-repeat 60% center;*/ }
form#inquire-us fieldset fieldset label:hover { cursor: pointer; }
form#inquire-us input.input, form#inquire-us textarea { background: #000000; border: 1px solid #2d2d2d; font: normal 13px 'MyriadProRegular', Arial, Helvetica, sans-serif; outline: none; padding: 5px; width: 230px; color: #AED201; }
form#inquire-us select { background: #000000; border: 1px solid #2d2d2d; outline: none; padding: 5px; width: 240px; color: #AED201; }
form#inquire-us input.input:focus, form#inquire-us textarea:focus, form#inquire-us select:focus { background: #191919; color: #AED201 !important; }
form#inquire-us input[type=radio] { float: left; margin-right: 5px; }
form#inquire-us button { background: url(../images/btn-brown.png) no-repeat center top; border: none; color: #ffffff; display: block; font-family: 'MyriadProSemiboldItalic', sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: normal; letter-spacing: 1px; margin: 0 5px 0 0; padding: 3px 0 4px; text-transform: uppercase; display: inline-block; width: 95px; text-align: center; }
form#inquire-us button:hover { color: #f4c381; cursor: pointer; }
.required { color: #aed201 }
.fontbold { font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; }
a.contentlink { color: #8ec010; text-decoration: none; }
a:hover.contentlink { color: #fff; text-decoration: none; }
article.service-left { width: 44%; float: left; border-right: 1px solid #3a3a3a; padding: 10px; min-height: 262px; }
article.service-left:hover { background: #161616; padding: 10px; }
article.service-right { width: 44%; float: left; padding: 10px 30px; }
article.service-right:hover { background: #161616; padding: 10px 30px; }
div.service-left { width: 44%; float: left; border-right: 1px solid #3a3a3a; padding: 10px; min-height: 262px; }
div.service-left:hover { background: #161616; padding: 10px; }
div.service-right { width: 44%; float: left; padding: 10px 30px; }
div.service-right:hover { background: #161616; padding: 10px 30px; }
ul.serviceoffer { margin: 0; padding: 0; }
ul.serviceoffer li { list-style-type: none; background: url(../images/green-bullet.gif) no-repeat 0 5px; margin-bottom: 5px; padding-left: 15px; }
h1.innerpage-hd { font-size: 25px; color: #a3d91e; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; margin-bottom: 10px; }
h1.innerpage-hd-small { font-size: 18px; color: #6d9606; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; margin-bottom: 10px; }
h2.innerpage-subhd { font-size: 15px; color: #fff; font-family: 'DroidSansRegular', Arial, Helvetica, sans-serif; margin-bottom: 7px; }
.middpage-gradient { border: 1px solid #2b2b2b; background: url(../images/inquire-bg.gif) repeat-x left top #0d0d0d !important; padding: 20px; }
ul.innerpagelist { margin: 0; padding: 0; }
ul.innerpagelist li { list-style-type: none; background: url(../images/green-bullet.gif) no-repeat 0 5px; margin-bottom: 7px; padding-left: 15px; line-height: 18px; }
ul.innerpagelist li ul { padding: 5px 0 5px 15px; margin: 0; }
ul.innerpagelist li ul li { list-style-type: disc; background: none; font-size: 12px; line-height: normal; color: #9ad540; margin: 0 0 7px 15px; padding: 0 0 0 5px; }
ul.innerpagelist li span { color: #a7de1f; }
ul.innerpagelist li a { color: #9b9b9b; text-decoration: none; }
ul.innerpagelist li a:hover { color: #95ca11; text-decoration: none; }
ul.innerpagelist-green { margin: 0; padding: 0; }
ul.innerpagelist-green li { list-style-type: none; background: url(../images/green-bullet.gif) no-repeat 0 5px; margin-bottom: 10px; padding-left: 15px; color: #95ca11; font-size: 14px; }
ul.innerpagelist-green li a { color: #95ca11; text-decoration: none; }
ul.innerpagelist-green li a:hover { color: #fff; text-decoration: none; }
.adv-content { clear: both; margin: 15px 0; background: #171717; padding: 10px; border: 1px solid #262626; }
ul.adv-list { margin: 0 0 0 15px; padding: 0; }
ul.adv-list li { width: 200px; float: left; margin-bottom: 10px; list-style-type: square; }
.middpart-left { width: 685px; float: left; padding: 15px 0; margin: 0 18px; }
.middpart-right { width: 280px; float: left; }
.service-rightpart { background: #6d9114; padding: 10px; overflow: hidden; }
.service-rightpart h4 { color: #fff; font-size: 14px }
.service-rightpart ul li { color: #0f1501; background: url(../images/lightgreen-bull.gif) no-repeat left 5px; margin-bottom: 5px; border-bottom: 1px solid #5f800e; padding-bottom: 5px; padding-left: 10px; }
.service-rightpart ul li a { color: #0f1501; text-decoration: none; font-size: 11px; }
.service-rightpart ul li a:hover { color: #dce6c1 }
.service-rightpart ul li.last { border-bottom: none; }
h4.rightpart-hd { font-size: 19px; color: #fff; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; }
.img-floatleft { float: left; margin: 5px 0; margin-right: 15px; }
.img-floatright { float: right; margin: 5px 0; margin-right: 15px; }
.mbottom { margin-bottom: 20px; }
.white-txt { color: #fff; }
.contact-formbg { background: #0d0d0d; border: 1px solid #454545; padding: 10px; overflow: hidden; }
.contact-info { float: left; width: 440px; line-height: 19px; border-right: 1px solid #000; }
.contact-form { float: right; width: 480px; }
.contact-form label { float: left; width: 175px; color: #9b9b9b; text-decoration: none; }
.contact-form span { color: #d3ff64; }
.contact-form input, select, textarea { float: left; margin: 0 5px 10px 0; width: 200px; background: #222222; border: 1px solid #313131; font-size: 11px; padding: 3px; color: #9b9b9b; }
.contact-form textarea { height: 100px !important; }
.green-head { color: #fed301; text-decoration: none; font-size: 17px; font-family: 'DroidSansBold'; padding: 0px 0 10px 0; margin: 0px; display: block; }
.yellow-matter { color: #A7DE21; text-decoration: none; font-size: 13px; font-family: 'DroidSansBold'; margin: 0; padding: 0; }
.whitematter { font: normal 12px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; }
.chat-lineheight { line-height: 35px; color: #9b9b9b; }
.chat-lineheight a { color: #9b9b9b; text-decoration: none; }
.chat-lineheight a:hover { color: #A7DE21; text-decoration: underline; }
.livechat-info { float: left; }
.livechat-info img { vertical-align: middle; margin-right: 10px; }
.livechat-info label { width: 100px; float: left; font-family: 'DroidSansBold'; line-height: 30px; color: #fff; }
h4 span { color: #c6c6c6; text-decoration: none; font-weight: normal; font-size: 11px; }
.article-img { float: right; margin-left: 10px; margin-bottom: 5px; }
.widthnone { width: auto; }
ul.sitemap { margin: 10px 0 0 0; padding: 0; }
ul.sitemap li { font: normal 13px 'MyriadProRegular', Arial, Helvetica, sans-serif; color: #8d8d8d; text-decoration: none; margin: 0 0 7px 0; background: url(../images/green-bullet.gif) no-repeat 0 5px; padding: 0 0 0 15px; }
ul.sitemap li a { font: normal 13px 'MyriadProRegular', Arial, Helvetica, sans-serif; color: #8d8d8d; text-decoration: none; }
ul.sitemap li a:hover { color: #97b700; text-decoration: none; }
.general { float: left; width: 240px; }
.service { float: left; width: 370px; }
.service-right-sitemap { width: 320px; float: left; }
ul.midd-contentlist { margin-left: 10px; margin-top: 5px; margin-bottom: 17px; }
ul.midd-contentlist li { background: url(../images/grey-bullet.gif) no-repeat 0 5px; margin-bottom: 5px; color: #8D8D8D; padding: 0 0 0 11px; }
ul.midd-contentlist li a { color: #8D8D8D; text-decoration: none; }
ul.midd-contentlist li a:hover { color: #fff; text-decoration: none; }
ul.midd-contentlist ul { padding: 5px 0 0px 30px }
ul.midd-contentlist ul li { list-style-type: disc; color: #A3D91E; background: none; padding: 0; }
ul.midd-contentlist ul li a { font-size: 12px; color: #9dbb53; }
ul.midd-contentlist ul li a:hover { text-decoration: none; color: #fff; }
aside#portfolio-detail { float: left; background: #303030; width: 435px; padding: 25px 33px 25px 37px; min-height: 610px; }
aside#portfolio-detail h1 { color: #aed201; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; padding: 0 22px; margin: 0 0 10px 0; }
aside#portfolio-detail h1.portfoli-head { font-size: 20px; color: #a3d91e; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; margin-bottom: 25px; padding: 0; }
div#portfolio-details { float: left; width: 467px; padding: 24px 0 0 20px; }
ul.portfolio-detailcnt { margin: 0; padding: 0; width: 435px; }
ul.portfolio-detailcnt li { position: relative; }
ul.portfolio-detailcnt li { float: left; width: 102px; text-align: center; margin: 0 64px 40px 0; }
ul.portfolio-detailcnt li.last { margin-right: 0; }
ul.portfolio-detailcnt li a { font-family: 'DroidSansRegular', Arial, Helvetica, sans-serif; color: #8a8a8a; font-weight: normal; text-decoration: none; font-size: 15px; }
ul.portfolio-detailcnt li a:hover { color: #95ca11; text-decoration: none; }
/* section#portfolio-detail {float:left; width:454px; border-top:1px solid #2b2b2b; border-bottom:1px solid #2b2b2b; border-right:1px solid #2b2b2b; background:url(../images/midd-bg.gif) repeat-x #0c0c0c; padding:24px 0 0 35px;}
#portfolio-detail h1 {font:normal 17px 'DroidSansBold', Arial, Helvetica, sans-serif; color:#a0a0a0; text-decoration:none;}
#portfolio-detail h2 {font:normal 15px 'DroidSansBold', Arial, Helvetica, sans-serif; color:#d1d1d1; text-decoration:none;} */
.applestore-img { text-align: center; margin: 50px 0 30px 0; }
.right-blackbox { width: 240px; height: 81px; background: url(../images/right-blackbox.jpg) no-repeat; padding: 5px 15px; font-size: 12px; color: #CCC; margin: auto; margin-bottom: 7px; }
.getquote-hd { color: #ffd200; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; font-size: 25px; line-height: 38px; }
.getquote-hd a { color: #ffd200; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; font-size: 25px; text-decoration: none; }
.getquote-hd a:hover { color: #fff; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; font-size: 25px; text-decoration: none; }
.quote-ico { float: right; margin-top: 15px; margin-right: 5px; }
.hire-dev { margin-top: 20px; margin-left: 5px; }
a.home-contentlink { color: #fff; text-decoration: none; }
a:hover.home-contentlink { color: #95ca11; text-decoration: none; }
.portfolio-pagebg { background: url(../images/portfolio-pagebg.jpg) repeat-y top center; width: 1001px; border: 1px solid #2b2b2b; margin: 0 0 15px 0; float: left; }
/* Drop Down CSS */
.ddmx { font: normal 12px Arial, Helvetica, sans-serif; }
.ddmx .item1 { color: #a4a4a4; text-decoration: none; display: block; white-space: nowrap; position: relative; }
.ddmx .item1:hover, .ddmx .item1-active, .ddmx .item1-active:hover { color: #95ca11; text-decoration: none; display: block; white-space: nowrap; position: relative; }
.ddmx .item2 { padding: 5px 8px; color: #a4a4a4; text-decoration: none; display: block; white-space: nowrap; position: relative; z-index: 500; background: #444444; border-bottom: 1px solid #212121; font-size: 11px; }
.ddmx .item2:hover, .ddmx .item2-active, .ddmx .item2-active:hover { padding: 5px 8px; color: #000; text-decoration: none; display: block; white-space: nowrap; position: relative; z-index: 500; background: #83ac1d; border-bottom: 1px solid #212121; font-size: 11px; }
.ddmx .arrow, .ddmx .arrow:hover { padding: 3px 16px 4px 8px; }
.ddmx .item2 img, .ddmx .item2-active img { position: absolute; top: 4px; right: 2px; border: 0; }
.ddmx .section { border: 1px solid #2b2b2b; border-top: none; position: absolute; visibility: hidden; z-index: -1; margin-top: 10px; background: #000000; width: 300px; margin-left: -10px; width:210px !important; left:16px !important; top:89% !important }
.ddmx .section-sub { border: 1px solid #2b2b2b; position: absolute; visibility: hidden; z-index: -1; margin-left: -3px; }
* html .ddmx td { position: relative; } /* ie 5.0 fix */
.dropdowndiv { margin-left: 10px !important; }
.n70bg { background: url(../images/n70-img.png) no-repeat; width: 155px; height: 500px; margin: 0 auto; padding: 83px 40px 0 45px; }
.sony-img { background: url(../images/sony-img.png) no-repeat; width: 146px; height: 500px; margin: 0 auto; padding: 42px 40px 0 45px; }
.mobthumbs { float: left; margin: 10px 25px 0 0; text-align: center }
.mobthumbs h5 { color: #A3D91E; font-size: 12px; margin: 0 0 5px 0 }
.btnback { position: absolute; right: 0; top: 77px; }
.new-img1 { position: absolute; top: -17px; left: 80px; }
.new-img2 { position: absolute; top: -17px; left: 450px; }
.new-item { background: #d5211f; border: 1px solid #b40f0d; color: #fff; font-size: 10px !important; line-height: 11px; padding: 0 2px }
.featurebg { background: #000; border: 1px solid #2b2b2b; }
.required-field { float: right; }
#flash_message.errormsg { text-align: center !important; margin: 10px 0 !important; color: #e02f2d !important; }
.tabcontent { display: none; }
.ddmx .last-submenu { left: -200px!important; width: 200px!important }
.ddmx .last-submenu .item2 { white-space: normal }
.service-box { width: 240px; float: right; margin-left: 6px; margin-bottom: 5px; }
.service-tc { background: url(../images/service-tc.gif) no-repeat; height: 33px; text-align: center; font-size: 17px; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; line-height: 32px; color: #fff; }
.service-bc { background: url(../images/service-bc.gif) no-repeat; height: 7px; }
.service-cbg { background: url(../images/service-cbg.gif) repeat-x top #454545; border-left: 1px solid #000; border-right: 1px solid #000; min-height: 110px; padding: 5px 0px; }
.service-cbg ul { margin: 0; padding: 0; }
.service-cbg ul li { list-style-type: none; padding: 10px 10px 10px 25px; background: url(../images/green-circle.gif) no-repeat 10px 13px; border-bottom: 1px solid #252525; }
.service-cbg ul li a { color: #CCC; text-decoration: none; }
.service-cbg ul li a:hover { color: #95ca11; text-decoration: none; }
.service-cbg ul li a.active { color: #95ca11; text-decoration: none; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; }
.service-cbg ul li.last { border: none; padding-bottom: 0; }
#content-fullwidth-cnt-left { clear: both; display: block; border: 1px solid #2B2B2B; background: url(../images/midd-pagebg.jpg) repeat-y right 0 #0f0f0f; font-family: "DroidSansRegular", arial, Helvetica, sans-serif; font-size: 13px; color: #979797; overflow: hidden; }
#content-fullwidth-cnt-left strong { font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; text-transform: none; }
.hiredev em { font-style: normal; font-size: 21px; color: #CCC; }
.hiredev { color: #a8e744; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; font-size: 26px; padding-top: 17px; line-height: 25px; }
.hiredev a { color: #a8e744; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; font-size: 26px; text-decoration: none; }
.hiredev a:hover { color: #ffd200; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; font-size: 26px; text-decoration: none; }
.page-right-img { float: right; margin-left: 10px; }
.page-left-img { float: left; margin-right: 10px; }
.abs-position { position: absolute; }
.menuposition { left: 513px !important; }
.nobackground { background: none !important; }
.bottservice-padd { padding-top: 27px; }
.valignmidd { vertical-align: middle; }
.cal-img { margin-right: -9px; }
.minheight { min-height: 300px; }
.nopaddingmargin { margin: 0; padding: 0; }
.inq-textarea { width: 440px !important; height: 130px !important; }
.inqwidthfiftyone { width: 51% !important; }
.howhearlabel { width: 200px !important; }
.inq-select { width: 200px !important; }
.verficationcode { width: 160px !important; }
.inqinput { width: 100px !important; }
.cursorpointer { cursor: pointer; }
.middbannerarea { min-height: 320px; }
.home-bannerleft { width: 716px; float: left; padding: 34px 0 0 20px; }
.home-bannerright { width: 263px; float: right; background: url(../images/homebanner-mobile.jpg) no-repeat 23px 0px; height: 327px; }
ul.home-bannerlist { margin: 0; padding: 0; }
ul.home-bannerlist li { list-style-type: none; float: left!important; width: 330px!important; *width:310px!important;
margin-right: 10px!important; margin-bottom: 30px!important; color: #b4b4b4; line-height: 17px; }
.viewmore-btn { width: 76px; height: 24px; float: right; text-align: right !important; line-height: 24px; }
.viewmore-btn a { text-decoration: none; margin-top: 15px; }
.viewmore-btn a:hover { text-decoration: none; color: #fff; }
.iphoneapp { width: 62px; height: 73px; display: block; float: left; background-position: -319px -170px }
.iphoneapp a, .iphoneapp a:hover { width: 73px; height: 73px; display: block; }
.iphonecal { width: 73px; height: 73px; display: block; float: left; background-position: -60px -170px }
.iphonecal a, .iphonecal a:hover { width: 73px; height: 73px; display: block; }
.iphonegame { width: 62px; height: 73px; display: block; float: left; background-position: -138px -170px }
.iphonegame a, .iphonegame a:hover { width: 73px; height: 73px; display: block; }
.ipadapp { width: 73px; height: 73px; display: block; float: left; background-position: -210px -173px }
.ipadapp a, .ipadapp a:hover { width: 73px; height: 73px; display: block; }
.floatleft { float: left; margin-left: 10px; }
.callusmargin { margin-top: 247px; margin-left: 35px; color: #fff; }
.callusmargin span { font-size: 15px; }
.w3-ico { float: right; margin-left: 7px; }
/*.midd-bgimages { width: 100%; background: url(../images/midd-gradientbg.jpg) repeat-x 0 305px; }*/
.midd-bgimages { width: 100%; background: url(../images/midd-gradientbg.jpg) repeat-x 0 326px; }
.article-left { float: left; }
.article-right { float: right; width: 200px; }
.backbtn { margin-right: 250px; }
.paging { text-align: right; padding-right: 15px; clear: both; }
.paging a { text-decoration: none; padding: 2px 6px; text-decoration: none; background: #333; border: 1px solid #131313; margin-right: 5px; color: #999; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; }
.paging a:hover, .paging a.active { text-decoration: none; padding: 2px 6px; text-decoration: none; background: #a0d51f; border: 1px solid #131313; margin-right: 5px; color: #000; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; }
/* New Added CSS on 26 Aug 2011 */
.home-heading { position: absolute; left: 70px; white-space: nowrap; top: 0; }
.homehd-height { height: 25px; }
.noborder { border: none !important; }
.universal-gradient { background: url(../images/mainpage-gradient.jpg) repeat-x; min-height: 392px; }
.universal-brand { background: url(../images/universalbrands.jpg) no-repeat; height: 56px; }
.universal-content { padding: 25px; overflow: hidden; }
.universal-left { width: 534px; float: left; padding: 20px 12px 10px 30px; }
.universal-right { width: 420px; float: left; background: url(../images/universal-rightbg.jpg) no-repeat; height: 391px; }
h1.universal-hd { color: #93bc31; font-family: 'DroidSansBold', Arial, Helvetica, sans-serif; font-size: 40px; text-transform: uppercase; line-height: 35px; text-shadow: 0 0 7px #000; margin-bottom: 10px; }
.universal-yellowtxt { color: #e3bc01; }
.universal-bluetxt { color: #60c1d6; }
.universal-redtxt { color: #e3302e; }
.universal-graysmall { color: #626262; }
h2.universal-subhd { font-size: 18px; color: #efefef; font-family: "DroidSansRegular", arial, Helvetica, sans-serif; margin-bottom: 20px; }
ul.universal-list { margin: 0; padding: 0; }
ul.universal-list li { list-style-type: none; margin-bottom: 7px; color: #5f5f5f; background: url(../images/universal-square.gif) no-repeat 0 4px; padding-left: 15px; }
.universal-middround { background: url(../images/universal-midd-round.gif) no-repeat; height: 123px; margin-bottom: 20px; padding-top: 23px; padding-left: 20px; color: #676767; }
/* Inq page */
#inq-bg { border: 1px solid #2b2b2b; counter-reset: fieldsets; padding: 10px 20px; width: 950px; margin: 0 auto; overflow: auto; background: url(../images/inquire-bg.gif) repeat-x left top #0d0d0d; }
#inq-bg input, #inq-bg select, #inq-bg textarea { margin-top: 0; }
#inq-bg .form-left { width: 573px; float: left; }
#inq-bg .form-right { width: 300px; float: right; padding-top: 35px; }
#inq-bg h2 { font-size: 17px; color: #aed201; font-family: 'DroidSansBold'; margin-bottom: 20px; }
#inq-bg h3 { font-size: 17px; color: #fed301; font-family: 'MyriadProBold'; font-weight: normal; margin-bottom: 10px; }
#inq-bg input, #inq-bg select, #inq-bg textarea { background: #000000; border: 1px solid #2d2d2d; font-size: 13px; resize: none; padding: 7px 10px; color: #b4b4b4; margin-bottom: 20px; -webkit-border-radius: 4px; resize: none; -moz-border-radius: 4px; border-radius: 4px; }
#inq-bg .inqformbg { background: url(../images/inqform-bg.jpg) no-repeat 0px 0; height: 275px; padding: 15px 20px; margin-bottom: 10px; margin-top: 10px; }
#inq-bg label { color: #fff; width: 288px; float: left; font-size: 14px; }
#inq-bg .service-leftpart { width: 310px; float: left; color: #3d768f; line-height: 35px; padding-top: 0px; }
#inq-bg .service-leftpart label { color: #9e9e9e; font-size: 13px; }
#inq-bg .service-rightarea { width: 495px; padding-left: 90px; float: left; padding-top: 10px; }
#inq-bg .service-rightarea label { color: #b0b0b0; font-family: 'DroidSansBold'; width: 105px; float: left; padding-right: 7px; line-height: 32px; }
#inq-bg input.noclass { background: none; border: none; padding: 0; }
#inq-bg .orangebold { color: #ce7706; font-size: 15px; line-height: 35px; }
#inq-bg .checked { background-image: url('../images/Checked.png') !important; background-repeat: no-repeat; display: inline-block; float: left; width: 14px; height: 14px; padding: 0px; margin: 0px; cursor: hand; margin-right: 5px; vertical-align: middle; margin-top: 10px; }
#inq-bg .unchecked { background-image: url('../images/Unchecked.png'); background-repeat: no-repeat; display: inline-block; float: left; width: 14px; height: 14px; padding: 0px; margin: 0px; cursor: hand; margin-right: 5px; vertical-align: middle; margin-top: 10px; }
.ez-hide { opacity: 0; filter: alpha(opacity=0); }
.ez-checked { background-position: 0 -18px; }
.ez-checkbox { zoom: 1; *display:inline;
_height: 30px; }
#inq-bg input.orange-border { border: 1px solid #dc7d03 !important; }
#inq-bg div.outerclass { position: relative; float: left; margin-right: 5px; }
#inq-bg div.someclass { position: absolute; top: 9px; left: 10px; color: #b4b4b4; }
h1.page-heading { font-size: 22px; color: #333; }
#inq-bg .greentxt { color: #ccaa00 !important; font-size: 13px; }
.inq-msg { border: 1px solid #5b5737; background: #202020; color: #efdc5a; padding: 5px; width: 60%; margin: auto; }
.inq-code { font-size: 18px; font-family: 'DroidSansBold'; color: #429dd9; }
.inq-code em { font-style: normal; color: #00324f; }
.form-icons { float: left; margin-right: 10px; margin-top: 5px; }
.inq-padding { padding: 10px; }
/*mwc banner */
#banner { clear: both; display: block; overflow: hidden; width: 980px; padding: 10px; background: url(../images/mwc-homebanner.jpg) no-repeat left top; min-height: 310px }
#banner h1 { font-family: 'DroidSansBold'; line-height: 37px; font-size: 31px; text-transform: none; text-shadow: 1px 1px 1px #000000; margin: 0 0 20px; color: #a3d91e; padding: 10px 0 0 0 }
#banner h1 span { color: #fff }
#banner h2 { color: #aeaeae; font-size: 28px; font-family: 'DroidSansBold'; line-height: 40px; padding: 10px 0 0 0 }
#banner .schedule { position: absolute; top: 115px; left: 434px; width: 82px; height: 34px; display: block; text-decoration: none }
#banner .hb-stand { position: absolute; top: 255px; left: 290px; width: 114px; height: 38px; display: block; text-decoration: none }
#banner .contact { padding: 23px 0 0 0; font-size: 14px; line-height: 21px; font-family: 'DroidSansRegular'; }
#banner .contact label { color: #dcdcdc; float: left; width: 65px; }
#banner .contact .value { color: #ffffff; float: left; width: 300px }
#banner .contact .value a { color: #ffe71c; text-decoration: underline }
#banner2 { clear: both; display: block; overflow: hidden; width: 980px; padding: 10px; background: url(../images/mwc-bannerbg1.png) no-repeat right top; min-height: 310px }
/*#banner2 h1 { font-family: 'DroidSansBold'; line-height:37px; font-size:31px; text-transform:none; text-shadow:1px 1px 1px #000000; margin:0 0 20px; color:#a3d91e; padding:10px 0 0 0 }
#banner2 h1 span{color:#fff}*/
#banner2 h1 { font-size: 50px; color: #a3d91e; padding: 30px 0 0 5px; line-height: 60px; font-family: 'Swis721BTRoman'; margin: 0; }
#banner2 h1 span { color: #fed401; font-size: 64px; text-transform: uppercase; font-family: 'Swis721BTBold'; }
#banner2 h3 { padding: 10px 0 5px 5px; color: #aeaeae; font-size: 28px; line-height: 30px; font-family: 'Swis721BTRoman'; }
#banner2 h3 em { color: #fff; font-style: normal; font-family: 'Swis721BTBold'; }
#banner2 h2 { color: #aeaeae; font-size: 28px; font-family: 'DroidSansBold'; line-height: 40px; padding: 10px 0 0 0 }
#banner2 .schedule { float: left; margin: 0 25px 0 5px }
#banner2 .hb-stand { position: absolute; top: 255px; left: 290px; width: 114px; height: 38px; display: block; text-decoration: none }
#banner2 .contact { padding: 0; font-size: 14px; line-height: 21px; font-family: 'DroidSansRegular'; float: left; width: 400px; }
#banner2 .contact label { color: #7fc95e; float: left; width: 65px; }
#banner2 .contact .value { color: #7fc95e; float: left; width: 300px }
#banner2 .contact .value a { color: #ffe71c; text-decoration: underline }
.row { clear: both; display: block; overflow: hidden }
/* home dot scroll CSS */
.webwidget_slideshow_dot { padding: 0px; margin: 0px; position: relative; font-size: 13px; }
.webwidget_slideshow_dot a { text-decoration: none; }
.webwidget_slideshow_dot a:hover { text-decoration: underline; }
.webwidget_slideshow_dot .slides_box { padding: 0px; margin: 0px; overflow: hidden; position: absolute; }
.webwidget_slideshow_dot .title_thumb_box { width: 100%; position: absolute; bottom: 0px; }
.webwidget_slideshow_dot .title_thumb_box .title_box { padding: 5px; display: none }
.webwidget_slideshow_dot .title_thumb_box .thumb_box { position: absolute; left: 0px; width: 1000px; text-align: center; bottom: 0px; height: 25px; }
.webwidget_slideshow_dot .title_thumb_box .thumb_box span { margin-right: 5px; margin-left: 5px; display: inline-block }
.webwidget_slideshow_dot .title_thumb_box .thumb_box span img { cursor: pointer; }
.webwidget_slideshow_dot img { padding: 0px; margin: 0px; border: none; }
.webwidget_slideshow_dot ul { padding: 0px; margin: 0px; position: absolute; list-style: none; width: 716px; float: left; }
.webwidget_slideshow_dot ul li { padding: 0px; margin: 0px; float: left; }
.webwidget_slideshow_dot ul li a { /*display: block;*/ }
.webwidget_slideshow_dot ul li a:hover { text-decoration: none; }
.webwidget_slideshow_dot .thumb_n, .webwidget_slideshow_dot .thumb_p { display: none }
/* mobile world congress 2012 */
.main-mwc-cnt { clear: both; display: block; overflow: hidden; padding: 170px 0 0 0 }
#mobile-world-2012 { background: url(../images/mwc-bannerbg.jpg) no-repeat center top #fdfeff; }
#mobile-world-2012 .mobi-logo { float: right; padding: 27px 0 0 0; width: 370px; text-align: right }
#mobile-world-2012 h1.mwc-title { color: #ffffff; float: left; width: 625px; font-size: 37px; font-family: 'LucidaGrandeBold'; padding: 60px 0 0 0; line-height: 40px; text-indent: 30px; text-shadow: 2px 2px 1px #333 }
#mobile-world-2012 .left-cnt { float: left; width: 690px; margin: 0 0 0 25px; }
#mobile-world-2012 .side-cnt { float: right; width: 230px; margin: 0 45px 0 0; background: url(../images/mwc-sideboxbot.png) no-repeat center bottom; padding: 0 0 10px 0; }
#mobile-world-2012 .side-cnt .red-banner { background: url(../images/mwc-side-orangebox.png) no-repeat left top; padding: 15px 16px 10px; color: #fff; font-size: 14px; font-family: 'DroidSansRegular'; display: block; overflow: hidden }
#mobile-world-2012 .side-cnt .red-banner h3 { color: #fff; font-size: 22px; font-family: 'DroidSansBold'; line-height: 26px; font-weight: 400; margin: 0 0 10px; text-transform: none }
#mobile-world-2012 .side-cnt .phoneandcontact { font-size: 11px; padding: 8px 0 0 0; line-height: 14px }
#mobile-world-2012 .side-cnt .red-banner a { color: #fff }
#mobile-world-2012 .banner { display: block; width: 708px; height: 370px; overflow: hidden; position: relative }
#mobile-world-2012 .banner h2 { position: absolute; top: 53px; left: 0; background: url(../images/mob-banner-titlebg.png) no-repeat left top; width: 322px; height: 43px; line-height: 43px; font-size: 19px; color: #fff; font-family: 'LucidaGrandeBold'; text-align: center }
#mobile-world-2012 .left-cnt .intro-text { float: left; width: 430px; padding: 10px 0 0 10px }
#mobile-world-2012 .left-cnt .intro-banners { float: right; width: 224px; padding: 15px 10px 0 10px; }
#mobile-world-2012 .left-cnt .intro-text h2 { color: #cd7311; font-size: 21px; font-weight: 400; line-height: 26px; margin: 10px 0 10px; text-transform: uppercase; font-family: 'Swis721BTRoman'; }
#mobile-world-2012 .left-cnt .intro-banners .hbstand { display: block; width: 200px; height: 85px; background: url(../images/hb-standbg.jpg) no-repeat left top; padding: 15px 0 0 24px; color: #fdfeff; font-size: 14px; text-transform: uppercase; font-family: 'DroidSansBold'; }
#mobile-world-2012 .left-cnt .intro-banners .hbstand a { font-size: 14px; text-transform: uppercase; font-family: 'DroidSansBold'; color: #fff; display: block; height: 85px; }
#mobile-world-2012 .left-cnt .intro-banners .hbstand a span { color: #1c400c; font-size: 11px; text-decoration: none; text-transform: none; font-family: 'DroidSansRegular'; }
#mobile-world-2012 .left-cnt .intro-banners .hbstand a:hover { color: #000000 }
#mobile-world-2012 .left-cnt .intro-banners p { margin: 0 0 7px }
#mobile-world-2012 .left-cnt h5 { color: #6d6d6d; font-size: 13px; font-family: 'LucidaGrandeRegular'; font-weight: 400; margin: 0 0 10px }
#mobile-world-2012 .left-cnt .intro-banners .planhall { display: block; width: 164px; height: 85px; background: url(../images/hb-floor-planbg.jpg) no-repeat left top; padding: 15px 0 0 80px; color: #fdfeff; font-size: 14px; text-transform: uppercase; font-family: 'DroidSansBold'; }
#mobile-world-2012 .left-cnt .intro-banners .planhall a { font-size: 14px; text-transform: uppercase; font-family: 'DroidSansBold'; color: #fff; display: block; height: 85px; }
#mobile-world-2012 .left-cnt .intro-banners .planhall a span { color: #1c400c; font-size: 11px; text-decoration: none; text-transform: none; font-family: 'DroidSansRegular'; }
#mobile-world-2012 .left-cnt .intro-banners .planhall a:hover { color: #000000 }
#mobile-world-2012 p { line-height: 14px }
#mobile-world-2012 .meeting-form { display: block; overflow: hidden; padding: 15px 15px 10px; border-top: none; background: url(../images/mwc-sideboxbg.png) repeat-y center top }
#mobile-world-2012 .meeting-form h3 { color: #ed1c24; font-family: 'DroidSansBold'; font-weight: 400; margin: 0; font-size: 14px; line-height: 16px; padding: 0 0 5px 5px; text-transform: none }
#mobile-world-2012 .meeting-form small { font-size: 10px; color: #a6a6a6; padding: 0 0 10px 5px }
#mobile-world-2012 .row { clear: both; display: block; padding: 4px 0; overflow: hidden; position: relative; }
#mobile-world-2012 input, #mobile-world-2012 textarea { border: 1px solid #bfbfbf; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 4px; color: #636363; font-size: 11px; font-family: 'LucidaGrandeRegular'; width: 180px }
#mobile-world-2012 .sub-content { clear: both; padding: 10px 22px 20px 23px; overflow: hidden }
#mobile-world-2012 .sub-content .sidebox { float: left; width: 302px; }
#mobile-world-2012 .other-cnt { float: right; width: 612px; color: #595959 }
#mobile-world-2012 .other-cnt p { line-height: 15px; margin: 0 0 20px }
#mobile-world-2012 .other-cnt a { color: #ff4f31; }
#mobile-world-2012 .other-cnt a:hover { color: #333 }
#mobile-world-2012 .other-cnt h3 { color: #565656; font-size: 16px; font-family: 'LucidaGrandeRegular'; font-weight: 400; line-height: 22px; margin: 0 0 10px; text-transform: uppercase }
#mobile-world-2012 .other-cnt h2 { color: #515151; font-size: 22px; font-family: 'Swis721BTRoman'; font-weight: 400; line-height: 25px; margin: 10px 0 20px; text-transform: uppercase; }
#mobile-world-2012 .mob-app-block { display: block; width: 302px; height: 241px; background: url(../images/mob-box-bg.jpg) no-repeat left top; margin: 0 0 28px; color: #858585 }
#mobile-world-2012 .mob-app-block .tabdata { padding: 20px 20px; height: 172px; overflow: hidden; display: block; position: relative }
#mobile-world-2012 .mob-app-block .tabdata .thumb { position: absolute; bottom: 0; right: 15px; border: none; padding: 0; }
#mobile-world-2012 .mob-app-block h4 { color: #fff; font-size: 12px; font-family: 'LucidaGrandeBold'; font-weight: 400; margin: 0 0 15px; text-transform: uppercase; }
#mobile-world-2012 .mob-app-block h4 a { color: #fff }
#mobile-world-2012 .mob-app-block ul { display: block; width: 175px; }
#mobile-world-2012 .mob-app-block ul li { line-height: 19px; list-style-type: none; background: url(../images/list-arrow.gif) no-repeat left 7px; padding: 0 0 0 10px }
#mobile-world-2012 .mob-app-block ul li a { color: #989898 }
#mobile-world-2012 .mob-app-block ul li a:hover { color: #fff }
#mobile-world-2012 .mob-app-block .tab-nav { clear: both; display: block; text-align: center; line-height: 25px; }
#mobile-world-2012 .mob-app-block .tab-nav a { background: url(../images/nav-dot-off.gif) no-repeat; width: 13px; height: 13px; display: inline-block; margin: 8px 4px 5px 0; }
#mobile-world-2012 .mob-app-block .tab-nav a:hover, #mobile-world-2012 .mob-app-block .tab-nav a.current { background: url(../images/nav-dot-on.gif) no-repeat; }
#mobile-world-2012 .tabcontent { display: none }
#mobile-world-2012 .graybox { display: block; width: 300px; }
#mobile-world-2012 .graybox h3 { background: url(../images/graybox-top.gif) no-repeat left top; line-height: 35px; font-size: 16px; color: #000; font-family: 'LucidaGrandeBold'; padding: 0 0 0 23px; margin: 0; overflow: hidden }
#mobile-world-2012 .graybox .cnt { display: block; border-left: 1px solid #cdd1d3; border-right: 1px solid #cdd1d3; background: #fff; padding: 15px 23px; color: #090909; font-size: 12px; }
#mobile-world-2012 .graybox p { line-height: 16px; color: #6b6b6b; font-size: 11px; line-height: 14px }
#mobile-world-2012 .graybox strong { color: #454545 }
#mobile-world-2012 .graybox .gray-bot { clear: both; display: block; background: url(../images/graybox-bot.gif) no-repeat left top; }
#mobile-world-2012 strong { font-family: 'LucidaGrandeBold'; }
#mobile-world-2012 .mobileworldcongresscontent { clear: both; padding: 0 32px; }
#mobile-world-2012 .graybox li { list-style-type: disc; color: #444; line-height: 16px; font-size: 11px; margin: 0 0 0 12px }
#mobile-world-2012 .recent-proj-block { float: left; width: 320px; padding: 0 }
#mobile-world-2012 .clientspeak-block { float: right; width: 222px; padding: 0 10px 0 0 }
#mobile-world-2012 .proj-thumb { display: block; overflow: hidden; padding: 0 }
#mobile-world-2012 .proj-thumb a { float: left; width: 38px; height: 38px; margin: 0 7px 7px 0; }
#mobile-world-2012 .clientspeak-block .cnt { background: url(../images/clientspeak-bg.gif) repeat-x left top; border: 1px solid #b9d5eb; padding: 5px 5px 10px; color: #718e9e; line-height: 14px; font-family: Arial, Helvetica, sans-serif }
#mobile-world-2012 .clientspeak-block .cnt strong { color: #004262 }
#mobile-world-2012 .clientspeak-block .video { margin: 0 0 10px }
#mobile-world-2012 .social { clear: both; text-align: right; padding: 50px 20px 0 0; color: #628ed3; font-family: 'LucidaGrandeBold'; text-transform: uppercase; }
#mobile-world-2012 .social img { vertical-align: middle }
.banner1-link { position: relative; }
.banner1-link a { position: absolute; width: 411px; height: 122px; left: 0; top: 5px; z-index: 1; text-decoration: none; display: block; }
.banner2-link { position: relative; }
.banner2-link a { position: absolute; width: 940px; height: 210px; left: 0; top: 5px; z-index: 10000; text-decoration: none; display: block; }
.banner3-link { position: relative; }
.banner3-link a { position: absolute; width: 110px; height: 112px; left: 417px; top: 89px; z-index: 10000; text-decoration: none; display: block; }
/*--------------------Home-slider--*/
.home-slider { height: 327px; }
.bannerfirst { float: left; width: 1003px; height: 327px; display: block; }
.bannerfirstleft { float: left; width: 503px; padding-right: 35px; padding-left: 17px; }
.bannerfirstgame { float: left; width: 600px; padding-left: 17px; }
.bannerfirstgame.new { width: 530px; }
.bannerfirstright { float: right; padding-left: 25px; padding-right: 25px; width: 333px; padding-top: 25px; height: 297px; }
.bannerfirstright2 { float: right; width: 383px; height: 296px; margin: 30px 0px 20px 0px; padding-bottom: 0px; }
.bannerfirstright2 img { height: 100%; display: block; }
.bannerfirstright3 { float: right; width: 447px; height: 258px; margin: 25px 0px 25px 0px; padding-bottom: 0px; }
.bannerfirstright3 img { height: 100%; display: block; }
.bannerfirstright4 { float: right; width: 434px; height: 305px; margin: 22px 0px 25px 0px; padding-bottom: 0px; }
.bannerfirstright4 img { height: 100%; display: block; }
.bannertext { font-family: 'Lobster14Regular'; font-size: 100px; color: #a3d91e; text-shadow: -1px -2px 1px #000000; margin-top: 25px; }
.bannerorangetext { color: #fff; font-size: 40px; font-family: 'BellGothicStdBlackRegular'; line-height: 38px; margin-top: 5px; padding-bottom: 10px; }
.bannerfirstleft span { float: left; width: 100%; display: block; text-shadow: 0px 0px 0px #000000; }
.bodyfont { line-height: 19px; margin-top: 5px; font-family: 'DroidSansRegular'; font-size: 13px; font-weight: normal; color: #b6b6b6; float: left; }
.universal { font-family: 'DroidSansBold'; font-size: 20px; font-weight: normal; color: #b6b6b6; padding-top: 10px; }
/*-------------06062012--------------*/
.form-box { width: 270px; display: block; padding-bottom: 0px; border: 0px solid #000; float: left; margin-left: 7px; }
.form-tp { width: 270px; display: block; background: url(../images/form-tp.png) bottom left no-repeat; height: 7px; }
.form-bm { width: 270px; display: block; background: url(../images/form-bm.png) top left no-repeat; height: 7px; }
.form-bg { width: 240px; display: block; background: url(../images/form-bg.png) top left repeat-y; height: auto; padding: 10px 15px; }
.form-inner { width: 240px; }
.row { clear: both; display: block; width: 238px; padding-bottom: 10px; }
.row input { background: #2f2f2f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 5px; color: #404040; font-size: 12px; width: 226px; border: 1px solid #3b3b3b; height: 28px; line-height: 28px; margin: 0px; color: #9d9c9c; font-family: 'MyriadProRegular'; font-weight: normal; font-size: 12px; }
.row textarea { background: #2f2f2f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 5px; color: #404040; font-size: 12px; width: 226px; border: 1px solid #3b3b3b; height: 120px; margin: 0px; resize: none; color: #9d9c9c; font-family: 'MyriadProRegular'; font-weight: normal; font-size: 12px; line-height: 18px; }
.required-box { background: url(../images/btn-submit-back.jpg) top center no-repeat; width: 218px; height: 40px; line-height: 30px; padding: 5px 10px; }
.required { float: left; font-size: 12px; color: #fff; font-family: 'MyriadProRegular'; font-weight: normal; }
.btn-submit { background: url(../images/btn-submit-new.gif) no-repeat left top; border: medium none; cursor: pointer; float: right; height: 27px; margin: 0; padding: 0; text-transform: uppercase; width: 79px; }
.erromsg { font-style: normal; color: #fff; padding-left: 5px; }
.phone-back { background: url(../images/phone-back.gif) top center no-repeat; width: 218px; height: 30px; padding: 10px; margin-bottom: 10px; }
.phone-back span { color: #fff; font-size: 18px; font-family: 'MyriadProRegular'; font-weight: normal; }
.phone-back span a { color: #fff; text-decoration: none; }
.vertical-img { vertical-align: middle; padding-right: 5px; }
.contact-box { background: url(../images/phone-back-new.gif) no-repeat scroll center top transparent; height: 145px; padding: 20px 15px 10px 15px; width: 208px; margin-bottom: 10px; }
.contact-box ul { margin: 0px; padding: 0px; list-style-type: none; }
.contact-box li { margin: 0px; padding: 0px; margin: 0px; padding: 0px; padding-bottom: 10px; float: left; width: 208px; border-bottom: none; line-height: normal; }
.flag-ico { float: left; width: 34px; padding-right: 10px; padding-top: 5px; }
.con-number { color: #ffd200; float: left; font-size: 15px; width: 160px; float: right; font-family: 'MyriadProBold'; font-weight: normal; }
.con-number span { color: #fff; font-size: 12px; float: left; padding-top: 5px; font-family: 'MyriadProRegular'; font-weight: normal; }
.instant-quote { width: 240px; height: 81px; background: url(../images/right-blackbox.jpg) no-repeat; padding: 5px 15px; font-size: 12px; color: #CCC; margin: auto; margin-bottom: 7px; text-align: left; }
.instant-quote .headiing-qoute { color: #FFD200; font-family: 'MyriadProBold', Arial, Helvetica, sans-serif; font-size: 25px; line-height: 38px; letter-spacing: 1px }
.form-quick-row input, .form-quick-row textarea { background: none repeat scroll 0 0 #2F2F2F; border: 1px solid #3B3B3B; border-radius: 3px 3px 3px 3px; color: #9D9C9C; font-family: 'MyriadProRegular'; font-size: 12px; font-weight: normal; height: 28px; line-height: 28px; margin: 0; padding: 0 5px; margin-bottom: 8px; }
/*-------------03042013--------------*/
#inq-new { border: 1px solid #2b2b2b; counter-reset: fieldsets; padding:20px; width: 950px; margin: 0 auto; overflow: auto; background: url(../images/inquire-bg.gif) repeat-x left top #0d0d0d; }
.row-new { clear: both; display: block; width:550px; padding-bottom: 10px; }
.row-new span { clear: both; display: block; width:150px; padding-bottom: 10px;float:left;font-size:13px;font-weight:bold;color:#fff;line-height:34px;}
.row-new input { background: #2f2f2f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 5px; color: #404040; font-size: 12px; width: 226px; border: 1px solid #3b3b3b; height: 28px; line-height: 28px; margin: 0px; color: #9d9c9c; font-family: 'MyriadProRegular'; font-weight: normal; font-size: 12px; }
.row-new textarea { background: #2f2f2f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 5px; color: #404040; font-size: 12px; width: 226px; border: 1px solid #3b3b3b; height: 120px; margin: 0px; resize: none; color: #9d9c9c; font-family: 'MyriadProRegular'; font-weight: normal; font-size: 12px; line-height: 18px; }
.row-new input.hbtn-submit { background: url(../images/hbtn-submit.png) no-repeat left top; border: medium none; cursor: pointer; float: left; height:38px; margin: 0; padding: 0; text-transform: uppercase; width:140px; }
#home-form {border-left: 1px solid #2b2b2b; counter-reset: fieldsets; padding:10px 20px 20px 20px;width:325px; margin:0px;float:right;overflow: auto; background:#0d0d0d;}
#home-form h3 {font-size:24px; color:#fff;font-family: 'DroidSansBold'; font-weight: normal; line-height:22px;}
#home-form h3 span{font-size:14px; color:#4c4c4c;font-family: 'Droid Sans', sans-serif; font-weight: normal; line-height:22px; margin-left:0px;}
.row-home { clear: both; display: block; width:320px; padding-bottom: 10px;float:left;}
.row-home span { clear: both; display: block; width:150px; padding-bottom: 10px;float:left;font-size:13px;font-weight:bold;color:#fff;line-height:34px;}
.row-home input { background: #2f2f2f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 5px; color: #404040; font-size: 12px; width: 226px; border: 1px solid #3b3b3b; height: 28px; line-height: 28px; margin: 0px; color: #9d9c9c; font-family: 'MyriadProRegular'; font-weight: normal; font-size: 12px; }
.row-home textarea { background: #2f2f2f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 5px; color: #404040; font-size: 12px; width: 226px; border: 1px solid #3b3b3b; height: 120px; margin: 0px; resize: none; color: #9d9c9c; font-family: 'MyriadProRegular'; font-weight: normal; font-size: 12px; line-height: 18px; }
.hbtn-submit { background: url(../images/hbtn-submit.png) no-repeat left top; border: medium none; cursor: pointer; float: left; height:38px; margin: 0; padding: 0; text-transform: uppercase; width:140px; }
#slider { }
#slider ul, #slider li, #slider3 ul, #slider3 li { margin:0; padding:0; list-style:none; background-image: none; }
#slider li, #slider3 li {width:1003px; overflow:hidden;}
#slider3 li { }
#controls, #controls2 { margin:0; padding: 0px; position: relative; }
#prevBtn, #nextBtn, #prevBtn2, #nextBtn2 { display:block; margin:0; overflow:hidden; text-indent:-8000px; width:54px; position:absolute; left:0px; top:-195px; height: 53px; background-image: none; background-position: 0px 0px;display:none;}
#nextBtn, #nextBtn2 { left:836px; background-image: none; background-position: 0px 0px; }
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a { display:block; width:54px; height:53px; background-image: url(http://www.hiddenbrains.com/images/rp-pre-icon.png); background-repeat: no-repeat; background-position: 0 0; }
#prevBtn2 a:hover { background-image: url(http://www.hiddenbrains.com/images/rp-pre-icon-h.png); background-repeat: no-repeat; background-position: 0 0;}
#nextBtn a, #nextBtn2 a { display:block; width:54px; height:53px; margin-left:0px; background-image: url(http://www.hiddenbrains.com/images/rp-next-icon.png); background-repeat: no-repeat; background-position: 0 0; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
#nextBtn2 a:hover { background-image: url(http://www.hiddenbrains.com/images/rp-next-icon-h.png); background-repeat: no-repeat; background-position: 0 0;}
/*------------new---------*/
.recent-new { display:block;float:left;width:1003px; margin:0px;padding:0px;}
.new-slider { width:1003px;}
.new-slider ul { margin:0px;padding:0px;}
.new-slider ul li{ margin:0px;padding:0px;width:1003px;}
.ddmx .section.dropdowndiv{margin-left:-7px !important;}
.offices-box { width:100%; margin-bottom:30px; float:left;}
.office-left{ width:192px;float:left;}
.office-name {color: #fed301; line-height:30px; font-family: "DroidSansBold",Arial,Helvetica,sans-serif;font-size: 18px;}
.office-name span {color: #a7de21;font-family: "DroidSansBold",Arial,Helvetica,sans-serif;font-size: 15px;padding-left: 0px !important; line-height:18px;}
.office-address {line-height:20px; color: #979797;font-family: "LucidaGrandeRegular", Arial, Helvetica, sans-serif;font-size: 12px;}
.office-left.head-office{width: 160px;}
.office-left.india-development-center{width: 210px;}
.phone-contact-heading{color: #a7de21;font-family: "DroidSansBold",Arial,Helvetica,sans-serif;font-size: 20px;margin-bottom: 10px;}