/* Reset CSS */

html, body, div, p, ul, li, table, a, span, dl, dt, dd, blockquote, h1, h2, h3, h4, h5, h6, img { padding:0; margin:0 }
body, td, th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #575757; /*color:#6b6b6b;*/ line-height:16px }
body { }
a:link { color: #333333; text-decoration: none; }
a:visited { text-decoration: none; color: #333333; }
a:hover { text-decoration: none; color: #e9b003; }
a:active { text-decoration: none; color: #333333; }
p { margin:0 0 10px 0; text-align:justify }
img { border:0 }
h1, h2, h3, h4, h5, h6 { margin:0 0 5px 0; font-weight:400 }
h1 { font-size: 30px; color: #ffc000; margin:0 0 5px 0; line-height:30px }
h2 { font-size: 18px; color: #6e6e6e; }
h3 { font-size: 17px; color: #fda100; font-weight:700 }
h4 { font-size: 15px; color: #6e6e6e; font-weight:700 }
.h4 { font-size: 14px; color: #6e6e6e; font-weight:700 }
h5 { font-size: 13px; color: #6e6e6e; font-weight:700 }
h6 { font-size: 12px; color: #6e6e6e; }
ul, li { list-style-type: none; }
li { line-height:20px }
/* layout*/
#page { width:100%; margin:0 auto; }
#wrapper { width:871px; /*height:1000px;*/ margin:0 auto }
.gridcol2 { float:left; width:100% }
.gridcol2 .eaqualcol { width:49% }
.gridcol3 { float:left; width:100% }
.gridcol3 .eaqualcol { width:260px; float:left }
.gridcol3 .sep { float:left; width:26px }
/*header*/
#header { display:block; width:100%;/* height:70px;*/ height:85px; border:0px solid red; padding:0 0 0 13px }
#header .logo { float:left; width:113px; height:81px; /*background:url(../images/logo.gif) no-repeat left 22px; */}
#header .logo h1 a { font-size:0px; width:113px; height:59px; overflow:visible; display:block; cursor:pointer; text-decoration:none; color:transparent; margin:22px 0 0 0 }
#header .primarynav { float:right; width:270px; margin:10px 0 0 0; text-align:right }
#header .primarynav ul { /*width:100%;*/ float:right }
#header .primarynav li { float:left; line-height:22px; margin:0 15px; position:relative }
#header .primarynav li em { background:transparent url(../images/hover.gif) no-repeat scroll 0 0; clear:both; color:#fff; display:none; float:left; font-size:11px; font-style:normal; font-weight:400; height:24px; left:0; padding:5px 2px; position:absolute; text-align:center; top:15px; width:45px; z-index:4; border:0px solid red }
#navbar { display:block; width:100%; /*height:40px;*/ padding:0 }
.nav { float:left; width:680px; margin:0 10px 0px 0px; padding:0 0 0 13px }
.nav ul { width:100%; float:left; border:0px solid red }
.nav ul li { float:left; line-height:22px; margin:0 10px 0 0; }
.nav ul li a:link, .nav ul li a:visited, .nav ul li a:hover {/* display:block; padding:5px 0 2px;*/ font-size:12px; text-transform:uppercase; color:#929393; font-weight:700; border:0px solid red }
.nav ul li a:hover {/* border-bottom:2px solid #ffc30d */ color:#5f5f5f }
.nav ul li.current a:link, .nav ul li.current a:visited, .nav ul li.current a:hover {/* border-bottom:2px solid #ffc30d; color:#5f5f5f */ }
.contact { float:right; width:150px; margin:0 4px 0; text-align:right; font-size:13px; font-weight:700; color:#9a9a9a; }
.contact span { font-style:italic; color:#ffc000; font-size:15px }
.welcometext { clear:both; width:100%; display:block; font-size:14px; text-align:justify; /*color:#5f5f5f;*/ line-height:20px; margin:0 0 0 13px; padding:0 0 5px 0 }
.hidden { display:block; position:absolute; left:-999px }
/*banner
#banner { clear:both; display:block; width:871px; height:304px; background:url(../images/banner-bg.jpg) no-repeat left top; margin:0; padding:0 0 15px 0 }*/
/*home page content*/
.homepagecontainer { clear:both; width:100%; /*height:295px;*/ display:block; overflow:visible; padding:20px 0 0 0 }
.leftcontent { float:left; width:617px; }
.rightcontent { float:right; width:240px; }
.rightcontent h3 { padding:8px 0 10px 10px }
.rightcontent .portfolio-box { display:block; overflow:visible; width:197px; height:160px; float:left; padding: 0 0 0 20px; border:0px solid red }
.rightcontent .portfolio-thumb { float:left; width:81px; /*height:97px;*/ padding:17px 0 10px; margin:0; border:2px solid #d9d9d9; position:relative; background:#e9e8e8; text-align:center }
.rightcontent .portfolio-thumb img { margin:0 auto }
.whitebox { width:100%; display:block; overflow:visible; background:#fff; margin:0 0 15px 0; }
.whitebox-top { background:url(../images/whitebox-right-top.gif) no-repeat right top; height:12px; overflow:hidden; width:100%; }
.whitebox-content { padding:0 10px; /*margin:0 auto*/ }
.white-shaded-box-content { background:url(../images/white-v-shade.gif) repeat-x left top; width:100%; float:left } /*margin:0 auto*/
.white-shaded-box-content h3 { color:#fda100; font-size:14px; font-weight:700; padding:0 10px }
.white-shaded-box-content p { padding:0 10px }
.whitebox-content h3.content-title { color:#fda100; font-size:14px; font-weight:700; padding:0 0 5px; border-bottom:1px dotted #ffcd33 }
.whitebox-content h4.content-title { color:#fda100; font-size:12px; font-weight:700; padding:0 0 5px; border-bottom:1px dotted #ffcd33 }
.whitebox-bot { background:url(../images/whitebox-right-bot.gif) no-repeat right top; height:12px; overflow:hidden; width:100%; }
.product-item { float:left; width:292px; height:80px; padding:8px 0 0 0 }
.product-item .prodthumb { float:left; width:65px }
.product-item .proddetails { float:left; width:210px }
.product-item h4 { /*color:#ebb100;*/ color:#fda100; font-weight:700 }
.product-item h4 span { font-weight:400 }
.product-item p { font-size:11px; line-height:14px; margin:0 0 5px 0 }
.product-item a.readmore { display:block; padding:5px 0; /*font-style:italic;*/ font-weight:700; font-size:11px; text-decoration:none; color:#888 }
#bubble_tooltip { width:110px; position:absolute; display:none; }
#bubble_tooltip span { position:relative; top:0; left:0; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:11px; }
.tooltip { background:url(../images/tooltip.png) no-repeat left top; color:#896b11; font-size:12px; font-weight:700; text-align:center; width:100px; height:45px; padding:5px 15px 20px 0px }
a.mobile-dev-btn { display:inline-block; background:url(../images/mobile-development-btn.gif) no-repeat left top; width:150px; height:59px; color:#fff; font-size:12px; font-weight:700; cursor:pointer; text-decoration:none; padding:5px 52px 5px 15px; text-align:left; line-height:20px }
a.mobile-dev-btn span { display:block; color:#535353; font-size:18px; font-weight:400; font-family:"Arial Black", arial }
/* inner page*/
#body-inner { background:none !important }
.pagecontent { clear:both; width:100%; display:block; overflow:visible; float:left; padding:0; margin:0 0 0 13px }
.pagecontent h2 { color:#9e9e9e; font-size:21px; font-weight:700; margin:0 0 10px 0; position:relative; top:-15px; }
.pagecontent p { margin:0 0 20px 0; text-align:justify }
.pagecontent .text-details { float:left; width:550px; height:100%; position:relative; top:-10px }
.pagecontent .singlepage-text-details { float:left; width:95%; height:100%; position:relative; top:-10px }
.pagecontent .page-img { float:right; width:250px; height:100%; text-align:center }
.pagecontent .sidecontent { float:right; width:300px; /*height:100%; */ }
.services { position:relative; top:-35px; background:url(../images/services-bg.gif) no-repeat; width:270px; height:380px; padding:10px 5px 10px 25px; }
.services h3 { color:#ffc000; font-size:14px; font-weight:700; padding:10px 0 0 0; margin:0 0 5px 0; text-transform:uppercase }
.services ul { list-style:none; width:260px; height:280px }
.services ul li { background:url(../images/bull.gif) no-repeat left 7px; padding:0 0 0 10px; font-size:11px; color:#727272; line-height:18px }
.services ul li a { font-size:11px; color:#727272; text-decoration:none }
.services ul li a:hover { color:#ffae00; text-decoration:none }
a.viewall { color:#ffae00; font-size:11px; font-weight:700; text-decoration:none; }
a.viewall:hover { color:#ffae00; font-size:11px; font-weight:700; text-decoration:underline; }
.heading-subpage { width:100%; display:block; font-size:17px; /*color:#5f5f5f;*/ line-height:20px; margin:0 0 20px 13px; padding:0 0 20px 0 }
.heading-subpage h1 { font-size:24px; }
.innerpage-content { clear:both; width:100%; height:100%; display:block; padding:0 0 15px 0; /*background:#f3f3f3;*/ background:#e8e8e8; float:left }
.innerpage-content a, .innerpage-content a:visited { color: #333333; text-decoration: none; }
.innerpage-content a:hover { color:#888; text-decoration:none }
#innerpage-content-wrapper { display:block; overflow:visible; border:0px solid red; width:871px; /*height:1000px;*/ margin:0 auto; position:relative }
a.whitebtn:link, a.whitebtn:visited, a.whitebtn:hover { display:block; background:url(../images/white-btn.gif) no-repeat left top; width:203px; height:39px; padding:10px 10px 15px 15px; color:#FFAE00; text-transform:uppercase; font-size:14px; font-weight:700; text-decoration:none; cursor:pointer }
a.whitebtn:hover { color:#717172 }
a.whitebtn:link span, a.whitebtn:visited span, a.whitebtn:hover span { display:block; font-size:20px; color:#717172; cursor:pointer; padding:2px 0 }
a.whitebtn:hover span { color:#FFAE00 }
.titie-bg { background:url(../images/title-bg.gif) no-repeat left bottom; padding:0 0 15px }
ul.normal-list { float:left; width:95%; padding:0 0 15px 0 }
ul.normal-list li { background:url(../images/list-arr.gif) no-repeat 5px 8px; padding:0 0 0 20px; line-height:20px }
ul.twocol-list { float:left; width:100%; padding:0 0 15px 0 }
ul.twocol-list li { background:url(../images/list-arr.gif) no-repeat 5px 8px; padding:0 5px 0 20px; line-height:20px; float:left; width:45%; }
.highlight-points { background:url(../images/highlight-bull.gif) no-repeat left top; height:25px; padding:0 0 0 28px; /*color:#203259;*/ color:#3c3c3c; font-size:13px; font-weight:700; }
.about-icons { position:absolute; right:10px; top:-5px; float:right }
/*sitemap*/

.narrowcol { width:36% }
.widecol { width:60% }
.parentlink { background:url(../images/bullet-sitemap.gif) no-repeat left bottom; padding:0 0 2px 5px; color:#FDA100; font-size:12px; font-weight:700; }
ul.sitemap-list { float:left; padding:0 0 10px 0 }
ul.sitemap-list li { background:url(../images/arr-bull.gif) no-repeat left 8px; padding:0 0 0 10px }
/* footer */
#footer { display:block; width:100%; text-align:center; font-size:11px; color:#c5c5c5; padding:25px 0 5px 0 }
#footer a { color:#797979; padding:0 5px; text-decoration:none }
#footer a:hover { color:#ffa200; padding:0 5px; text-decoration:none }
/* #footer .copyright { text-align:center; width:100%; color:#898989 } */
#footer .copyright a { color:#ffa200 }
/*common*/
.left { float:left!important }
.right { float:right !important }
.clear { clear:both }
.debug { border:1px solid red }
.right-bord { border-right:1px solid #d8d8d8 }
.bot-bord { border-bottom:1px solid #d8d8d8 }
.PL10 { padding-left:10px !important }
.PL5 { padding-left:5px !important }
.PR10 { padding-right:10px !important }
.ML10 { margin-left:10px !important }
.ML15 { margin-left:15px !important }
.MR10 { margin-right:10px !important }
.PB20 { padding-bottom:20px }
.MT10 { margin-top:10px }
.PT5 { padding-top:5px }
.PT10 { padding-top:10px }
.PB10 { padding-bottom:10px }
.smalltext { font-size:11px }
.normaltext { font-weight:400!important }
.relative { position:relative }
.textbox { background:#fff; border:1px solid #ccc }
.nopadding { padding:0!important }
a.readmore { /*font-style:italic;*/ font-weight:700; text-decoration:none; color:#888; font-size:11px; /*color:#a1a1a1*/ }
a.readmore:hover { color:#ffa200 }
.slogan { font-family:"Trebuchet Ms", arial; font-size:16px; color:#111; font-weight:700; text-align:center!important; line-height:22px; font-style:italic }
.blockquote { background:#f1f1f1; padding:15px; border-left:2px dashed #ccc; border-right:2px dashed #ccc; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; text-align:left; line-height:20px; color:#333 }
.content-sep { float:left; width:100%; margin:0 0 20px 0 }
.text-left { text-align:left!important }
.button, a.button:link, a.button:visited, a.button:hover { background:url(../images/btn-bg.gif) no-repeat left top; width:72px; height:18px; padding:6px 0 2px; margin:0 5px 0 0; display:inline-block; text-align:center; text-decoration:none; color:#666; font-weight:700 }
.button:hover, a.button:hover { color:#333; text-decoration:none }
/* -------*/
.innerpage-heading { background: url(../images/headingbg.gif) no-repeat bottom; width: 401px; height: 26px; padding-top: 11px; position:absolute; top: -20px; left: 0px; font: bold 13px Arial, Helvetica, sans-serif; color:#000000; text-indent: 60px; text-transform: uppercase; }
#portfolio { float:left; width:100%; margin:0px 0 0 0 }
#portfolio .prod-row { background:url(../images/portfolio-prod-stand-bg.png) no-repeat; width:815px; display:block; height:240px; padding:0 70px 18px 55px; }
#portfolio .prod-row .prod-thumb { background:url(../images/iphone-thumbs-bg.png) no-repeat left bottom; width:148px; height:223px; float:left; margin:15px 7px 0 0 }
#portfolio .prod-row .prod-thumb a.appimage { float:left; margin:36px 35px 20px 17px }
#portfolio .prod-row .prod-thumb .prodname { clear:both; float:right; width:93px; text-align:center; font-size:12px; color:#fff; font-weight:700 }
#portfolio .prod-row .prod-thumb .prodname a { text-align:center; font-size:12px; color:#fff; font-weight:700; text-decoration:none }
/* css for other mob prod other than iphone*/
#portfolio .prod-row .mob-dev-prod { width:148px; height:223px; float:left; margin:15px 15px 0 0 }
#portfolio .prod-row .mob-dev-prod a.appimage { float:left; position:relative }
#portfolio .prod-row .mob-dev-prod .prodname { background:url(../images/prod-name-bg.gif) no-repeat right bottom; float:right; width:93px; text-align:center; font-size:12px; color:#fff; font-weight:700; position:relative; top:-20px; height:20px; padding:3px 0 0 0 }
#portfolio .prod-row .prodname a { text-align:center; font-size:12px; color:#fff; font-weight:700; text-decoration:none; }
#prod-container { float:left; position:relative; width:981px; z-index:100; }
#prod-container .prod-details { color:#828282; float:left; padding:20px 0 0 40px; width:400px; }
#prod-container .prod-img { float:left; margin:20px 0 0 10px; width:470px; }
#prod-container-bot { background:transparent url(../images/prod-details-bg.png) no-repeat scroll left top; bottom:35px; float:left; height:60px; position:relative; width:981px; }
.prodbox-scroll { border:0 solid red; float:left; padding:0; text-align:center; width:300px;}
#prod-container h4{font-size:18px; color:#444; margin:0 0 10px 0}
#prod-container ul{margin:0 0 20px 0; float:left; width:100%}
#prod-container ul li{background:url(../images/bull.gif) no-repeat left 7px; padding:0 0 0 10px; font-size:12px; color:#333; line-height:22px}
.mobthumbs {
float:left;
margin:10px 25px 0 0;
text-align:center;
}
.mobthumbs h5 {
color:#333;
font-size:12px;
margin:0 0 5px;
}

.home-bannerbg {
    background: url("http://www.mobileapplicationdevelopmentindia.com/images/homepage-mainbg.jpg") no-repeat scroll 0% 0% transparent;
    height: 318px;
    width: 898px;
}
.relative {
    position: relative;
}
.mobileapp-txt {
    position: absolute;
    top: 20px;
    left: 14px;
    width: 210px;
}
h3.homebanner-hd {
    font-size: 18px;
    color: rgb(50, 50, 50);
    line-height: normal;
}
ul.mobilelist {
    margin: 0px 0px 0px 12px;
    padding: 0px;
}
ul.mobilelist li {
    list-style-type: disc;
    margin-bottom: 4px;
    color: rgb(37, 37, 37);
}
li {
    line-height: 20px;
}
ul.mobilelist li a {
    color: rgb(37, 37, 37);
    text-decoration: none;
}
.bott-content {
    width: 871px;
    margin: auto;
    text-align: left;
}
#footer-home {
    width: 100%;
    text-align: center;
    font-size: 11px;
    color: rgb(197, 197, 197);
    padding: 25px 0px 0px;
    display: block;
}
.bottlink1 {
    width: 120px;
    float: left;
    border-right: 1px solid rgb(204, 204, 204);
    margin-right: 20px;
}
.bottlink2 {
    width: 230px;
    float: left;
    border-right: 1px solid rgb(204, 204, 204);
    margin-right: 20px;
}
.bottlink3 {
    width: 218px;
    float: left;
    border-right: 1px solid rgb(204, 204, 204);
    margin-right: 20px;
}
h4.bottlink {
    font-size: 14px;
    color: rgb(253, 161, 0);
}
.copyright {
    text-align: center;
    width: 100%;
    color: rgb(137, 137, 137);
}
/*8-8-2013*/
.logodivbtmright {
    float: right;
    width: 270px;
}
.sidecontent .sidesubcontent { position:relative; width:270px; display:block; overflow:hidden; /*height:100px;*/ padding:5px 10px 0; }
.logodivbtmright h3 {
    color: #000000;
    font-family: 'Droid Sans',sans-serif;
    font-size: 25px;
    font-weight: 700;
    padding-bottom: 0px;
		margin-bottom:0px;
}

.logodivbtmright h3 span.proposal {
    color: #4C4C4C;
    font-family:Arial, Helvetica, sans-serif;
    font-size:9px;
    font-weight: normal;
    line-height: 25px;
	display:block;
    margin-left: 0;
}
.rowbg {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #A5B4BD;
    border-radius: 5px 5px 5px 5px;
    display: block;
    float: left;
    margin-top: 5px;
    padding: 1px 8px;
    width: 232px;
}
.rowbg input, .rowbg textarea {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #000000;
    font-family: 'Droid Sans',sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin-top: 1px;
    width: 190px;
   padding: 4px;
   resize:none;
}

input.orangebtn {
    background: none repeat scroll 0 0 #F58220;
    border: 1px solid #F58220;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: 'Droid Sans',sans-serif;
    font-size: 20px;
    font-weight: 700;
    padding: 3px 20px;
}
.topspacemid {
    padding-top: 20px;
}
.textr {
    text-align: right;
}
.fullwidth {
    display: block;
    float: left;
    width: 94%;
}
.require {
    color: #828282;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
}
.nameicon {
    background: url("../images/input-bg.jpg") no-repeat scroll 0px 0px transparent;
    display: block;
    float: left;
    height: 24px;
    margin-left: 3px;
    margin-right: 7px;
    margin-top: 2px;
    width: 23px;
}

.emailicon {
    background: url("../images/input-bg.jpg") no-repeat scroll 0px -20px transparent;
    display: block;
    float: left;
    height: 25px;
    margin-right: 7px;
    margin-top: 2px;
    width: 26px;
}
.phoneicon {
    background: url("../images/input-bg.jpg") no-repeat scroll 0px -43px transparent;
    display: block;
    float: left;
    height: 26px;
    margin-left: 1px;
    margin-right: 7px;
    width: 25px;
}

.messageicon {
    background: url("../images/input-bg.jpg") no-repeat scroll 0px -68px transparent;
    display: block;
    float: left;
    height: 25px;
    margin: 4px 7px 42px 1px;
    width: 25px;
}
/*9-8-2013*/
div#middpart {
    margin: auto;
    overflow: hidden;
    padding-bottom: 10px;
    width: 871px;
}
.inquiry-page .title {
    padding: 20px 0 0 20px;
}

.inquiry-page h1 {
    color: #F0F0F0;
    font-size: 31px;
    margin: 0;
}

.inquiry-page .title p {
    font-size: 11px;
	line-height:18px;
	margin-bottom:12px;
}

#inq-new {
    background:#e8e8e8;
    border: 1px solid #dadada;
    counter-reset: fieldsets;
    margin: 0 auto;
    overflow: auto;
    padding: 20px;
    width: 829px;
}

.contact-box {
    background:#fff;
	border: 1px solid #dadada;
    height: 145px;
    margin-bottom: 10px;
    padding: 20px 15px 10px;
    width: 208px;
}

.phone-back {
    background:#fff;
	border: 1px solid #dadada;
    height: 30px;
    margin-bottom: 10px;
    padding: 10px;
    width: 218px;
}
.contact-box ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.contact-box li {
    border-bottom: medium none;
    float: left;
    line-height: normal;
    margin: 0;
    padding: 0 0 10px;
    width: 208px;
}

.flag-ico {
    float: left;
    padding-right: 10px;
    padding-top: 5px;
    width: 34px;
}

.con-number {
    color: #ffc000;
    float: right;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    width: 160px;
}

.con-number span {
    color: #303030;
    float: left;
 font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding-top: 5px;
}

.phone-back span a {
    color: #303030;
    text-decoration: none;
}

.vertical-img {
    padding-right: 5px;
    vertical-align: middle;
}

.phone-back span {
    color: #303030;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
}


.offices-box { width:100%; margin-bottom:30px; float:left;}
.office-left{ width:192px;float:left;}
.office-name {color: #ffc000; line-height:30px; font-size: 19px; font-weight:bold;}
.office-name span {color: #6e6e6e;font-size: 15px;padding-left: 0px !important; line-height:18px;}
.office-address {line-height:20px; color: #575757;font-size: 12px;}
.office-left.head-office{width: 150px;}
.office-left.india-development-center{width: 192px;}
.pagecontent .text-details.contact-text-details{ width:100%;}
.office-left.usa-office-section.left {width: 170px;}
.office-left.norway-office{ width:160px;}