html, body, div, p, ul, li, table, a, span, dl, dt, dd, blockquote, h1, h2, h3, h4, h5, h6, img { padding:0; margin:0; outline:0; }
body{ font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; text-decoration:none; color:#6d6d6d; background:url(../images/body-bg.jpg) no-repeat top; }
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 { padding:0 0 15px 0; }
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 { color: #c2f4ff; margin:0 0 5px 0; line-height:20px; padding:15px 0px 10px 21px; font:bold 14px "Myriad Pro", Arial, Helvetica, sans-serif; background:url(../images/line.gif) no-repeat bottom;}
h5 { font-size: 13px; color: #1e1e1e; font-weight:700 }
h6 { font-size: 12px; color: #6e6e6e; }
ul, li { list-style-type:none; }
li { line-height:20px }
ol{ margin:0px; padding:0px; }
/* Layout Structure */
#wrapper { width:1003px; min-height:500px; margin:0px auto 0px auto; clear:both;}
.clear {clear:both;}
/* header */
#header { width:1003px; height:93px; float:left; margin:0; }
#header .logo { float:left; width:300px; padding:26px 0 0 15px; }
#header .rightbox {width:308px; float:left; margin-left:31px; padding-left:341px; padding-top:15px;}
#header .rightbox .live { width:52px; float:left; }
#header .rightbox .online { width:152px; float:left; font:bold 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#4591b4; background:url(../images/live-icon.gif) no-repeat left; }
#header .rightbox .online span { font:bold 15px "Myriad Pro", Arial, Helvetica, sans-serif; color:#79b4d0;}
#header .rightbox .callus { width:131px; float:left; font:bold 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#4591b4; background:url(../images/mobi-icon.gif) no-repeat left; padding-left:25px;}
#header .rightbox .callus span { font:bold 15px "Myriad Pro", Arial, Helvetica, sans-serif; color:#79b4d0; }
/*#header .topnavi { width:651px; height:36px; float:right; font:bold 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#beecf6; padding-left:30px; background:url(../images/navi-bg.gif) no-repeat right; margin-top:10px; }
#header .topnavi ul{ margin:0px; padding:0px;}
#header .topnavi li{font:bold 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#beecf6; list-style:none; float:left; display:inline; background:url(../images/sapoter.gif) no-repeat left;
padding:0px 0px 0px 2px; line-height:34px;}
#header .topnavi li a{font:bold 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#beecf6; text-decoration:none; line-height:34px;}
#header .topnavi li a:hover{font:bold 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0e1d2b; text-decoration:none; line-height:34px;}
#header .topnavi li a span{font:bold 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#4c4c4c; text-decoration:none; line-height:34px; padding-left:29px;}
#header .topnavi li a:hover span{font:bold 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#000000; text-decoration:none; line-height:34px;} */
#header .topnavi { width:655px; height:36px; float:right; font:bold 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#beecf6; padding-left:31px; background:url(../images/navi-bg.gif) no-repeat right; margin-top:10px; }
#header .topnavi ul{ margin:0px; padding:0px;}
#header .topnavi li{font:bold 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#beecf6; list-style:none; float:left; display:inline; background:url(../images/sapoter.gif) no-repeat left;
padding:0px 0px 0px 3px; line-height:34px;}
#header .topnavi li a{font:bold 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#beecf6; text-decoration:none; line-height:34px;}
#header .topnavi li a:hover{font:bold 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0e1d2b; text-decoration:none; line-height:34px;}
#header .topnavi li a span{font:bold 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#4c4c4c; text-decoration:none; line-height:34px; padding-left:27px;}
#header .topnavi li a:hover span{font:bold 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#000000; text-decoration:none; line-height:34px;}
/*#banner{ width:1003px; height:352px; float:left; background:url(../images/banner-img.png) no-repeat right; margin-top:20px;}
#banner-text{ width:462px; height:332px; float:left; background:url(../images/banner-text.png) no-repeat right; margin-left:13px;} */
/*#banner{ width:1003px; height:312px; float:left; background:url(../images/banner-img.png) no-repeat right 10px; margin-top:10px;}*/
#banner{ width:1003px; height:352px; float:left; background:url(../images/banner-img.png) no-repeat right; margin-top:10px;}
#banner-text{ width:450px; height:214px; float:left; background:url(../images/banner-text.png) no-repeat right; margin-right:13px; margin-top:25px; }
#banner-text h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; }
#banner-text h1 span{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#1189b6; }
#banner-text h1 strong{font:bold 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; }
#about-banner{ width:1003px; height:352px; float:left; background:url(../images/about-banner.png) no-repeat right; margin-top:30px;}
#about-banner-text{ width:492px; height:332px; float:left; background:url(../images/about-banner-text.png) no-repeat left 20px; margin-left:13px;}
#about-banner-text h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; }
#about-banner-text h1 span{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#1189b6; }
#about-banner-text h1 strong{font:bold 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; }
#services-banner{ width:1003px; height:352px; float:left; background:url(../images/services-banner.png) no-repeat right; margin-top:10px;}
#services-banner-text{ width:462px; height:302px; float:left; background:url(../images/services-banner-text.png) no-repeat left 20px; margin-left:13px; margin-top:60px;}
#services-banner-text h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; }
#services-banner-text h1 span{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#1189b6; }
#services-banner-text h1 strong{font:bold 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; }
#business-banner{ width:1003px; height:352px; float:left; background:url(../images/business-model-banner.png) no-repeat 90px 175px; margin-top:30px;}
#business-banner-text{ width:100%; height:332px; float:left; background:url(../images/business-model-banner-text.png) no-repeat 133px 20px; margin-left:13px;}
#business-banner-text h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; }
#business-banner-text h1 span{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#1189b6; }
#business-banner-text h1 strong{font:bold 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; }
/* #whyus-banner{ width:1003px; height:352px; float:left; background:url(../images/whyus-banner.png) no-repeat right 38px; margin-top:30px;}
#whyus-banner-text{ width:100%; height:332px; float:left; background:url(../images/whyus-banner-text.png) no-repeat left ; margin-top:25px; margin-left:13px;}
#whyus-banner-text h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; }
#whyus-banner-text h1 span{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#1189b6; }
#whyus-banner-text h1 strong{font:bold 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; } */
#whyus-banner{ width:1003px; height:352px; float:left; background:url(../images/whyus-banner.png) no-repeat right 47px; margin-top:30px;}
#whyus-banner-text{ width:100%; height:332px; float:left; background:url(../images/whyus-banner-text.png) no-repeat left 40px; margin-left:13px;}
#whyus-banner-text h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; }
#whyus-banner-text h1 span{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#1189b6; }
#whyus-banner-text h1 strong{font:bold 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; }
#portfolio-banner{ width:1003px; height:352px; float:left; background:url(../images/portfolio-banner.png) no-repeat 40px 25px; margin-top:10px;}
#portfolio-banner-text{ width:100%; height:332px; float:left; background:url(../images/portfolio-banner-text.png) no-repeat 58px 20px; margin-left:13px;}
#portfolio-banner-text h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; }
#portfolio-banner-text h1 span{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#1189b6; }
#portfolio-banner-text h1 strong{font:bold 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; }
#inquire-banner{ width:1003px; height:352px; float:left; background:url(../images/inquire-banner.png) no-repeat right 18px; margin-top:30px;}
#inquire-banner-text{ width:100%; height:332px; float:left; background:url(../images/inquire-banner-text.png) no-repeat left 40px; margin-left:13px;}
#inquire-banner-text h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; }
#inquire-banner-text h1 span{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#1189b6; }
#inquire-banner-text h1 strong{font:bold 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; }
#contact-banner{ width:957px; height:343px; float:left; background:url(../images/contact-banner.png) no-repeat top; }
#contact-banner-text{ width:100%; height:332px; float:left; }
#contact-banner-text h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; }
#contact-banner-text h1 span{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#1189b6; }
#contact-banner-text h1 strong{font:bold 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; }
#simply-apple-banner{ width:954px; height:336px; float:left; background:url(../images/home-banner.png) no-repeat 80px top; margin-top:20px; margin-bottom:10px }
#simply-apple-banner-text{ width:100%; height:332px; float:left; }
#simply-apple-banner-text h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; }
#simply-apple-banner h1 span{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#1189b6; }
#simply-apple-banner h1 strong{font:bold 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473;padding-top:298px; }
/*---container-part*/
#middle-container{ clear:both; width:1003px; float:left; line-height:17px; padding-bottom:10px;}
#middle-container .left-part{ width:698px; float:left; padding-left:13px;}
#middle-container .left-part-text{ width:698px; float:left; font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#4c4c4c; line-height:18px;}
#middle-container .left-part-text .Ingenious{ font:normal 23px "Lucida Grande", "Lucida Sans Unicode", arial, helvetica, sans-serif; color:#012b44; line-height:30px; margin-bottom:15px;}
#middle-container .left-part-text .Ingenious span{ font:normal 30px "Lucida Grande", "Lucida Sans Unicode", arial, helvetica, sans-serif; color:#012b44; line-height:30px; }
#middle-container .left-part-text .Flaunting { font:normal 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#6d6d6d; line-height:20px; padding-bottom:15px;}
#middle-container .left-part .sdk{ width:556px; height:100px; float:left; font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#1e4e76; background:url(../images/sdk.gif) no-repeat; padding:12px 30px 0px 108px; line-height:18px;}
#middle-container .left-part .building { width:698px; float:left;font:normal 27px "Myriad Pro", Arial, Helvetica, sans-serif; color:#4fa6da; line-height:35px; }
#middle-container .left-part .building span{font:normal 28px "Myriad Pro", Arial, Helvetica, sans-serif; color:#165987; }
#middle-container .right-part{ width:263px; float:right; /*padding-left:29px;*/}
#ipad-box{ width:698px; height:144px; float:left; padding-top:15px;}
.video{ width:187px; margin: 0 auto; display:block; }
.video span{ font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0088cc; }
.video span a{ font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0088cc; text-decoration:none; background:url(../images/arrow-blue.gif) no-repeat right; padding:0px 10px 0px 5px;}
#ipad-box .video span a:hover{ font:normal 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#40088cc; text-decoration:underline; }
#ipad-box .video-detail{ width:511px; float:left; font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#4c4c4c; line-height:18px; }
/*right-part */
#hire-ipad-application{ width:210px; /*float:left;*/ font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#878787; margin:0 auto; margin-bottom:14px;}
#hire-ipad-application h3{font:bold italic 20px "Myriad Pro", arial, helvetica, sans-serif; color:#001d34; line-height:24px; padding-top:5px;}
#hire-ipad-application p{padding:0 0 10px 0; color:#333333;}
#right-menu{ width:263px; height:240px; /*float:left;*/ background:url(../images/right-menu-bg.gif) no-repeat;}
#right-menu ul{ padding:0px; margin:0px;}
#right-menu li{ list-style:none; line-height:24px;}
#right-menu li a{font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#cdebff; text-decoration:none; background:url(../images/builet.gif) no-repeat left; margin-left:22px; padding-left:13px; line-height:24px;}
#right-menu li a:hover{font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#4fdcfb; text-decoration:none; line-height:24px;}
#if-you-can-dream{ width:190px; clear:both; font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#333333; margin:25px auto 15px;}
#if-you-can-dream h3{font:bold 19px font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#478db8; line-height:18px;}
#if-you-can-dream p{padding:0 0 10px 0}
/*bottom-part */
#bottom-product-part{ clear:both; width:1003px; height:299px; float:left; background:url(../images/bottom-bg.gif) no-repeat;}
#bottom-product-part .ipadtablet-box{ width:535px; float:left;font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#3d3d3d;}
#bottom-product-part .ipadtablet-head{ width:498px; float:left;font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#3d3d3d; padding-left:37px; padding-top:21px; padding-bottom:15px;}
#bottom-product-part .ipadtablet-ipad{ width:535px; float:left;font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#3d3d3d;}
#bottom-product-part .ipadtablet-ipad-img{ width:175px; float:left;font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#3d3d3d; padding-left:25px;}
#bottom-product-part .ipadtext{ width:290px; float:left;font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#8d8d8d; line-height:16px; padding-top:18px;}
#bottom-product-part .products{ width:230px; float:left;font:bold 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#3d3d3d; line-height:28px; padding-top:18px; text-align:center; }
/*footer-part */
#bottom-part{ width:1003px; float:left; color:#8d8d8d; }
#bottom-part .bottom-border{ width:1003px; float:left; color:#8d8d8d; border-bottom:1px solid #ececec; padding-top:20px; height:1px;}
#bottom-part .copyright{ width:350px; text-align:left; float:left; font:normal 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; line-height:16px; color:#787878; text-decoration:none;}
#bottom-part .copyright span a{font:bold 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#296390; text-decoration:none; padding:0px; margin:0px; }
#bottom-part .copyright span a:hover{font:bold 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#333333; text-decoration:none;}
#bottom-part .footer{ width:970px; float:left; margin:0px 0px 20px 10px; padding:10px 0px 0px 0px; }
#bottom-part .footer a{font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#333333; text-decoration:none; margin:0px 12px 0px 12px; }
#bottom-part .footer a:hover{font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#186499; text-decoration:none;}
#bottom-part .footer-link{ width:435px; float:right; font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#8d8d8d; text-decoration:none; padding-left:}
#bottom-part .registered{ width:970px; float:center; font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#787878; line-height:16px; text-align:center; margin-bottom:10px; }
/*--------about-us-page----------*/
#aboutus-text{ width:698px; float:left; font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#525252; line-height:20px;}
#aboutus-text h1{ font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473; line-height:18px;}
#aboutus-text h1 span{ font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473; line-height:18px;}
#aboutus-text .text-highlight{ font:normal 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#6d6d6d; line-height:20px; }
/*--------Business Models-page----------*/
#business-models-text{ width:698px; float:left; font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#6d6d6d; line-height:18px;}
#business-models-text h1{ font:bold 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#000000; /*color:#1189b6;*/ line-height:18px;}
#business-models-text h2{ font:normal 16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#3d3d3d; margin-top: 5px;}
/*--------why-us-page----------*/
#business-models-text{ width:698px; float:left; font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#525252; line-height:20px;}
#business-models-text h1{ font:bold 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#000000; /*color:#1189b6;*/ line-height:18px;}
#business-models-text a{ font:bold 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#525252; text-decoration:none;}
#business-models-text a:hover{ font:bold 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#246490; text-decoration:none;}
#business-models-text li a{ font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#478db8; text-decoration:none; line-height:18px;
background:url(../images/builet-black.gif) no-repeat left; padding-left:10px;}
#business-models-text li a:hover{ font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#525252; text-decoration:none; line-height:18px;}
#business-models-text .list ul { padding:0px; margin:0px; }
#business-models-text .list li { font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#478db8; text-decoration:none; line-height:18px;
background:url(../images/builet-black.gif) no-repeat left; padding-left:10px; line-height:20px;}
/*--------Sitemap-page----------*/
#sitemap-text a{ font:bold 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#525252; text-decoration:none;}
#sitemap-text a:hover{ font:bold 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#246490; text-decoration:none;}
#sitemap-text li a{ font:normal 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#478db8; text-decoration:none; line-height:32px;
background:url(../images/builet-black.gif) no-repeat left; padding-left:10px;}
#sitemap-text li a:hover{ font:normal 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#525252; text-decoration:none; line-height:32px;}
#sitemap-text ul.sublist{ padding:0px 0px 0px 10px; margin:0px; }
#sitemap-text ul.sublist li a{ font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#525252; text-decoration:none; line-height:22px;
background:url(../images/builet-black.gif) no-repeat left; padding-left:10px;}
#sitemap-text ul.sublist li a:hover{ font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#478db8; text-decoration:none; line-height:22px;}
#contact-width { width:684px; float:left;}
.office-name {float:left; width:350px; margin-right:45px;}
.call-hadd {float:left; width:240px;}
.smalltext { font-size:11px }
.bot-bord { border-bottom:1px solid #e4e4e4; padding-bottom: 5px; padding-top: 5px; font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#3d3d3d; }
.bot-bord span { font:normal 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0d456c; }
.contact-text {font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#6d6d6d; line-height:18px; margin-left:0px; margin-top:10px; margin-bottom:40px; line-height:22px;}
.contact-text span {font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#ff0000;}
.dev-hadd {float:left; width:565px;}
.dev-width-left {float:left; width:275px; margin-right:15px;}
.dev-width-right {float:left; width:275px;}
.icon {float:left; width:22px; margin-right:3px; padding:0 0 0 20px;}
.qualon {float:left; width:2px; margin-right:9px;}
.email-text {float:left; width:43px;}
.links {float:left; width:190px;}
#contact-width .email-link a{font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#17547e; text-decoration:none; line-height:20px;}
#contact-width .email-link a:hover{font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#17547e; text-decoration:none; line-height:20px; }
.field-list {float:left; width:150px; height:30px;}
.input-width {float:left; width:440px;}
.mandatory {margin:auto; width:100%; padding-left:20px;}
#bottom-product-part-1{ width:644px; /*height:345px;*/ float:left; /*background:url(../images/mandatory-bg.gif) no-repeat;*/ border:1px solid #e4e4e4; padding:0 0 10px 0;}
.textbox { background:#fff; border:1px solid #d5d5d5; font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#17547e; text-decoration:none; height:18px;}
.text-area{border:1px solid #d5d5d5;}
.inquiry-name-icon {float:left; width:195px; margin-right:10px;}
.inquiry-name {float:left; width:200px; margin-right:10px;}
.inquiry-qualen {float:left; width:10px; margin-right:10px;}
.inquiry-input {float:left; width:434px; }
.sitemap-left {float:left; width:35%;}
.sitemap-right {float:right; width:65%;}
#sub-category ul {margin-top:4px; margin-bottom:7px; padding-top:0px; padding:0px; padding-left:18px;}
#sub-category li {margin-top:0px; padding-top:0px; list-style-type:none; background-repeat:no-repeat; background-position:left center; margin-bottom:2px; color:#000000; line-height:16px; text-transform:none;}
#sub-category li a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#000000; text-decoration:none; text-transform:none;}
#sub-category li a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#246490; text-decoration:none; text-transform:none;}
#category ul {margin-top:5px; margin-bottom:5px; padding-top:1px;}
#category li {margin-top:0px; padding-top:0px; list-style-type:none; background-repeat:no-repeat; background-position:left center; margin-bottom:5px; color:#727272; line-height:16px; }
#category li a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#727272; text-decoration:none; text-transform:none;}
#category li a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#246490; text-decoration:none; text-transform:none;}
/* Horizontal Flip menu */
.leadership { height: 204px; font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#8d8d8d; line-height:16px; padding-top:18px;}
.leadership h3 {padding:20px 0 0 0}
.contentcol ul{ display:block; margin:10px 0 15px 0}
.contentcol ul li{background:url(../images/white-arr.gif) no-repeat left 8px; padding:0 0 0 10px; display:block; line-height:20px; color:#fff}
.whitebox{ clear:both; margin:10px 0 0 0; padding:5px 10px; display:block; background:url(../images/whitebox.png) no-repeat left top; width:463px; height:95px; color:#333; line-height:16px;}
.whitebox p{margin:0;}
.short-desc{float:right; width:220px; padding:10px 10px 0 0}
/*Main Container*/
.hrzContainer {
width:100%;
}
.hrzContainer ul{
list-style-type: none;
margin: 0px;
padding:0px;
}
.hrzContainer li{
display: inline;
margin: 0px;
padding:0px;
}
/*Handle*/
.handle {
float: left;
width: 225px;
height: 293px;
margin: 0px;
text-align: center;
padding-top:25px;
background: url(../images/flipmenu-divider.gif) no-repeat 0 0;
cursor: pointer;
}
.handleOver{
background: url(../images/flipmenu-divider.gif) no-repeat 0 0;
}
.handleSelected{
background: url(../images/flipmenu-divider.gif) no-repeat 0 0;
}
/*Content Container*/
.contentWrapper{
width: 640px;
}
.contentInnerWrapper{
text-align: justify;
/* padding: 10px;*/
}
/*Animation Start*/
.contentStart {
padding-left: 0px!important;
float: left;
width:0px;
height: 227px;
overflow:hidden;
}
/*Animation End*/
.contentEnd {
padding-left: 24px;
float: left;
width:660px;
height: 310px;
}
.flipmenu-hd { font:bold 15px arial, helvetica, sans-serif; color:#3d3d3d; margin-bottom: 15px; }
.flipmenu-content { padding-top: 50px; padding-right: 40px; color:#333333; text-align:left; }
.higlight-text {font:normal 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#6d6d6d; line-height:22px; padding-bottom:5px;}
.data-table{border:1px solid #c8e9f0; background:#f7feff; font-size:12px;}
.data-table tbody{background:#fff;}/**/
.data-table .th{background:#cbe9f1; color:#17547e; font-size:13px; font-weight:700}
.data-table .th-side{/*background:#cbe9f1;*/ color:#17547e; font-size:13px; font-weight:700}
/*
.main-hadd {font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#054473; margin-bottom:5px;}
.main-hadd span {font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#1189b6;}
*/
.main-hadd {font:bold 18px "Lucida Grande", "Lucida Sans Unicode", arial, helvetica, sans-serif; color:#012b44; margin-bottom:6px;}
.main-hadd span { font:bold 18px "Lucida Grande", "Lucida Sans Unicode", arial, helvetica, sans-serif; color:#1189b6;}
.hain-head-1{ font:normal 28px "Myriad Pro", arial, helvetica, sans-serif; color:#012b44; padding-bottom:10px;}
.menulist ul {margin-top:4px; margin-bottom:7px; padding-top:0px; padding:0px; padding-left:18px;}
#menulist li {margin-top:0px; padding-top:0px; list-style-type:none; background-repeat:no-repeat; background-position:left center; margin-bottom:2px; color:#000000; line-height:16px; text-transform:none; }
.require-text {font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#6d6d6d; line-height:18px;}
.require-text span {font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#ff0000;}
/*
.topnavi ul li a.aboutus { background: url(../images/aboutus.gif) no-repeat center; width: 66px; height: 34px; display: block; text-decoration: none; }
.topnavi ul li a:hover.aboutus { background: url(../images/aboutus-o.gif) no-repeat center; text-decoration: none; }
.topnavi ul li a.services { background: url(../images/services.gif) no-repeat center; width: 61px; height: 34px; display: block; text-decoration: none; }
.topnavi ul li a:hover.services { background: url(../images/services-o.gif) no-repeat center; text-decoration: none; }
.topnavi ul li a.businessmodel { background: url(../images/businessmodel.gif) no-repeat center; width: 109px; height: 34px; display: block; text-decoration: none; }
.topnavi ul li a:hover.businessmodel { background: url(../images/businessmodel-o.gif) no-repeat center; text-decoration: none; }
.topnavi ul li a.businessmodel { background: url(../images/businessmodel.gif) no-repeat center; width: 109px; height: 34px; display: block; text-decoration: none; }
.topnavi ul li a:hover.businessmodel { background: url(../images/businessmodel-o.gif) no-repeat center; text-decoration: none; }
.topnavi ul li a.whyus { background: url(../images/whyus.gif) no-repeat center; width: 62px; height: 34px; display: block; text-decoration: none; }
.topnavi ul li a:hover.whyus { background: url(../images/whyus-o.gif) no-repeat center; text-decoration: none; }
.topnavi ul li a.portfolio { background: url(../images/portfolio.gif) no-repeat center; width: 61px; height: 34px; display: block; text-decoration: none; }
.topnavi ul li a:hover.portfolio { background: url(../images/portfolio-o.gif) no-repeat center; text-decoration: none; }
.topnavi ul li a.inquiry { background: url(../images/inquiry.gif) no-repeat center; width: 57px; height: 34px; display: block; text-decoration: none; }
.topnavi ul li a:hover.inquiry { background: url(../images/inquiry-o.gif) no-repeat center; text-decoration: none; }
.topnavi ul li a.contact { background: url(../images/contact.gif) no-repeat center; width: 58px; height: 34px; display: block; text-decoration: none; }
.topnavi ul li a:hover.contact { background: url(../images/contact-o.gif) no-repeat center; text-decoration: none; }
.topnavi ul li a.simplyapple { background: url(../images/simplyapple.gif) no-repeat 33px 0; width: 120px; height: 34px; display: block; text-decoration: none; }
.topnavi ul li a:hover.simplyapple { background: url(../images/simplyapple-o.gif) no-repeat 33px 0; text-decoration: none; } */
.topnavi ul li.first{background:none!important; padding:0!important;}
.topnavi ul li a.home { background: url(../images/home-nav.gif) no-repeat left center; width: 34px; height: 34px; display: block; text-decoration: none; }
.topnavi ul li a.home:hover { background: url(../images/home-nav-o.gif) no-repeat left center; text-decoration: none; }
.topnavi ul li a.aboutus { background: url(../images/aboutus.gif) no-repeat center; width: 66px; height: 34px; display: block; text-decoration: none; }
.topnavi ul li a:hover.aboutus { background: url(../images/aboutus-o.gif) no-repeat center; text-decoration: none; }
.topnavi ul li a.services { background: url(../images/services.gif) no-repeat center; width: 61px; height: 34px; display: block; text-decoration: none; }
.topnavi ul li a:hover.services { background: url(../images/services-o.gif) no-repeat center; text-decoration: none; }
.topnavi ul li a.businessmodel { background: url(../images/businessmodel.gif) no-repeat center; width: 109px; height: 34px; display: block; text-decoration: none; }
.topnavi ul li a:hover.businessmodel { background: url(../images/businessmodel-o.gif) no-repeat center; text-decoration: none; }
.topnavi ul li a.businessmodel { background: url(../images/businessmodel.gif) no-repeat center; width: 109px; height: 34px; display: block; text-decoration: none; }
.topnavi ul li a:hover.businessmodel { background: url(../images/businessmodel-o.gif) no-repeat center; text-decoration: none; }
.topnavi ul li a.whyus { background: url(../images/whyus.gif) no-repeat center; width: 62px; height: 34px; display: block; text-decoration: none; }
.topnavi ul li a:hover.whyus { background: url(../images/whyus-o.gif) no-repeat center; text-decoration: none; }
.topnavi ul li a.portfolio { background: url(../images/portfolio.gif) no-repeat center; width: 61px; height: 34px; display: block; text-decoration: none; }
.topnavi ul li a:hover.portfolio { background: url(../images/portfolio-o.gif) no-repeat center; text-decoration: none; }
.topnavi ul li a.inquiry { background: url(../images/inquiry.gif) no-repeat center; width: 57px; height: 34px; display: block; text-decoration: none; }
.topnavi ul li a:hover.inquiry { background: url(../images/inquiry-o.gif) no-repeat center; text-decoration: none; }
.topnavi ul li a.contact { background: url(../images/contact.gif) no-repeat right center; width: 67px; height: 34px; display: block; text-decoration: none; }
.topnavi ul li a:hover.contact { background: url(../images/contact-o.gif) no-repeat right center; text-decoration: none; }
.topnavi ul li a.simplyapple { background: url(../images/simplyapple.gif) no-repeat 25px 0; width: 110px; height: 34px; display: block; text-decoration: none; }
.topnavi ul li a:hover.simplyapple { background: url(../images/simplyapple-o.gif) no-repeat 25px 0; text-decoration: none; }
.text-highlight{ font:normal 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#6d6d6d; line-height:20px; }
.required{color:#ff0000;}
.inquire-form{ border:1px solid #dddedf; padding:10px 30px}
.inquire-form h3{font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-weight:400; color:#6a7586; font-size:20px;}
.contact-info{margin:0; padding:0; background:url(../images/contact-icon.gif) no-repeat right 40px;}
.inquire-form .label{float:left; width:115px; padding:0 0 0 20px}
.inquire-form .value{float:left; width:320px; padding:0 0 0 40px}
.messanger-info{margin:0; padding:0; background:url(../images/instant-msgr-icon.gif) no-repeat right 40px;}
.messanger-info .label{float:left; width:92px; padding:0}
.project-description {margin:0; padding:0; background:url(../images/project-info-icon.gif) no-repeat right 40px;}
.project-description .label{clear:both; width:80%; padding:0 0 5px 20px;}
.project-description .value{clear:both; width:80%; padding:0 0 5px 20px}
.left{float:left}
.right{float:right}
.home-request-btn { margin-bottom:5px; }
/*--------------------------------------------*/
#portfolio { clear:both; margin:0 auto; height:1030px; width:747px; background:url(../images/portfolio-bg1.jpg) no-repeat center top; }
#portfolio .apps-cnt{ float:left; clear:both; width:507px; padding:130px 120px 0px 120px;}
#portfolio .page-nav-cnt{float:left; clear:both; width:100%; /* padding-top:5px; */ padding:12px 0 0 0; text-align:center; padding-left:10px;}
#portfolio .page-nav-cnt a:link, #portfolio .page-nav-cnt a:visited, #portfolio .page-nav-cnt a:hover{display:inline-block; width:10px; height:10px; background:url(../images/nav-dot.png) no-repeat left top; margin:0 5px;}
#portfolio .page-nav-cnt a:hover{background:url(../images/nav-dot-hover.png) no-repeat left top;}
#portfolio .bottom-part{clear:both; width:470px; margin:0 auto; padding-top:30px; height:150px;}
#portfolio .bottom-part .nav-item{float:left; margin:0 30px}
#portfolio .bottom-part .nav-item h2{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#fff; text-align:center;}
#portfolio .apps-cnt .apps-row{ clear:both; width:100%; height:115px; }
#portfolio .apps-cnt .apps-row .app-item{ float:left; width:95px; text-align:center; padding-right:8px;}
#portfolio .apps-cnt .apps-row .app-item a:link, #portfolio .apps-cnt .apps-row .app-item a:visited, #portfolio .apps-cnt .apps-row .app-item a:hover{ display:block; color:#e2f4f8; font-size:11px}
#portfolio .apps-cnt .apps-row .app-item-1{ float:left; width:75px; text-align:center;}
#portfolio .apps-cnt .apps-row .app-item-1 a:link, #portfolio .apps-cnt .apps-row .app-item-1 a:visited, #portfolio .apps-cnt .apps-row .app-item-1 a:hover{ display:block; color:#e2f4f8; font-size:11px}
#portfolio .apps-cnt .apps-row .sep{float:left; width:50px}
#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:113px; 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 }
#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; padding:72px 0 0 0; width:200px;}
#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}
.otherproducts{ background:url(../images/prod-scroll-cnt.png) no-repeat center bottom; width:571px; height:155px; clear:both; float:left; margin:15px 0 0 87px}
.otherproducts h3{ line-height:25px; padding:0 0 0 45px; color:#0a203e; font-size:13px}
/*-------------------------------*/
.data-table-skybg{ background:#b4e5f0; font-size:12px;}
.date-table-hadd-bg {background:#eafcff; font:normal 19px "Myriad Pro", Arial, Verdana, sans-serif; color:#215376;}
.white-bg {background-color:#ffffff; padding-left:18px; font:normal 14px "Myriad Pro", Arial, Verdana, sans-serif; color:#17547e; }
.white-bg-gray-text {background-color:#ffffff; padding-left:14px; font:normal 12px Arial, Verdana, sans-serif; color:#7d7d7d; }
/* New Added CSS on 17-Mar-2010 */
.contact-area { width: 950px; margin: auto; }
.contact-left { width: 490px; float: left; color: #434343; line-height: 18px; font-size: 12px; }
.contact-right { width: 440px; float: left; color: #434343; line-height: 18px; font-size: 12px; }
.contact-hadd { font:normal 28px "Myriad Pro", Arial, Verdana, sans-serif; color:#215376; margin-bottom: 20px; }
h3.contact { color: #3578bf; margin-bottom: 15px; }
.contact-map-border { background: #c6e9f0; border: 1px solid #a9c8ce; padding: 6px; }
.contact-black-hd { font-size: 15px; font-weight: bold; color: #181818; line-height: 20px; }
hr { background: #eae6e5; color: #eae6e5; height: 1px; border: none; }
.hrclass { padding: 7px 0; }
a.contact-bluelink { color: #2163aa; text-decoration: none; font-size: 11px; }
a:hover.contact-bluelink { color: #2163aa; text-decoration: underline; font-size: 11px; }
.contact-livechat { margin-bottom: 10px; }
.contact-livechat label { width: 80px; float: left; font-weight: bold; }
.contact-livechat label img { vertical-align: middle; margin-right: 7px; }
.contact-livechat-icon { height: 30px; clear: both; }
.inquiry-gray-txt { font-size: 14px; font-weight: normal; }
.inquiry-gray-txt span { font-size: 13px; }
.required { color: #3ba2cd; }
.inquiry-formbg { background: url(../images/inquiry-formbg.jpg) no-repeat 0 0; width: 979px; height: 765px; margin: auto; }
.inquiry-form-content { width: 625px; margin: auto; padding-top: 95px; }
.inquiry-hd { font-size: 15px; font-weight: bold; color:#FFFFFF; }
.input-yahoo { width:180px; background:url(../images/input-yahoo.gif) no-repeat 0 0 #ffffff; border: 1px solid #e2e3ea; border-top: 1px solid #c0c2c6; height: 17px; padding-top:3px; text-indent:75px; }
.input-gtalk { width:180px; background:url(../images/input-gtalk.gif) no-repeat 0 0 #ffffff; border: 1px solid #e2e3ea; border-top: 1px solid #c0c2c6; height: 17px; padding-top:3px; text-indent:75px; }
.input-aim { width:180px; background:url(../images/input-aim.gif) no-repeat 0 0 #ffffff; border: 1px solid #e2e3ea; border-top: 1px solid #c0c2c6; height: 17px; padding-top:3px; text-indent:75px; }
.input-msn { width:180px; background:url(../images/input-msn.gif) no-repeat 0 0 #ffffff; border: 1px solid #e2e3ea; border-top: 1px solid #c0c2c6; height: 17px; padding-top:3px; text-indent:75px; }
.input-skype { width:180px; background:url(../images/input-skype.gif) no-repeat 0 0 #ffffff; border: 1px solid #e2e3ea; border-top: 1px solid #c0c2c6; height: 17px; padding-top:3px; text-indent:75px; }
.input-other { width:180px; background:url(../images/input-other.gif) no-repeat 0 0 #ffffff; border: 1px solid #e2e3ea; border-top: 1px solid #c0c2c6; height: 17px; padding-top:3px; text-indent:75px; }
.relative { position: relative; }
.inquiry-msg { position:absolute; top: -40px; left: 120px; font-size: 15px; color:#ff9804; font-weight: bold; }
.icon-hire{ position:absolute; top:50px; left:0px; font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#fff;}
.icon-hire h2{ font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#fff; text-align:center;}
.icon-contact{ position:absolute; top:50px; left:132px; font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#fff;}
.icon-contact h2{ font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#fff; text-align:center;}
.icon-Inquiry{ position:absolute; top:50px; left:264px; font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#fff;}
.icon-Inquiry h2{ font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#fff; text-align:center;}
.icon-Services{ position:absolute; top:50px; left:396px; font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#fff;}
.icon-Services h2, .icon-Services h2 a, .icon-Services h2 A:hover{ font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#fff; text-align:center; line-height:normal;}
/*--------------new add css 30-3-2010---------------*/
#portfolio-detail { clear:both; margin:0 auto; height:1055px; width:741px; background:url(../images/portfolio-details-bg.jpg) no-repeat center top; position:relative }
#portfolio-detail .prod-img{background:url(../images/portfolio-detail.iphone.png) no-repeat left top; width:251px; height:451px;}
#portfolio-detail .left-part {width:240px; float:left; padding:129px 12px 0px 107px; }
#portfolio-detail .left-iphone {width:240px; float:left; }
#portfolio-detail .left-iphone-next {width:90px; float:right; padding-left:150px; padding-top:10px; }
#portfolio-detail .app-store {width:220px; float:left; padding:10px 0 0 15px; text-align:left; }
#portfolio-detail .right-part {width:286px; float:left; padding-top:129px; }
#portfolio-detail .tenis-coch-box{width:286px; float:left; }
#portfolio-detail .tenis-coch-tab-top{width:261px; float:left; background:url(../images/teniss-coch-tab.gif) no-repeat; font:bold 22px "Myriad Pro", Arial, Verdana, sans-serif; color:#0a203e; line-height:41px; padding-left:25px;}
#portfolio-detail .tenis-coch-tab-bottom{width:286px; height:10px; float:left; background:url(../images/teniss-coch--bottom-tab.gif) no-repeat; }
#portfolio-detail .tenis-coch-tab-midd-bg{width:264px; float:left; background:#0a203e; border-right:1px solid #000000; padding:5px 10px 0px 11px; }
#portfolio-detail .tenis-coch-text{width:249px; float:left;font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#88a4c9; padding-left:15px; }
#portfolio-detail .feature-box{width:265px; float:left; padding-top:5px;}
#portfolio-detail .feature-box-top-c{width:265px; height:8px; float:left; background:url(../images/p-details-light-tab-tc.gif) no-repeat;}
#portfolio-detail .feature-box-bottom-c{width:265px; height:8px; float:left; background:url(../images/p-details-light-tab-bc.gif) no-repeat;}
#portfolio-detail .feature-box-midd-bg{width:260px; float:left; background-color:#a9c5d0; border-right:1px solid #000000; padding-right:4px;}
#portfolio-detail .feature-box-midd-bg h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#282828; padding-left:15px;}
#portfolio-detail ul.feature-text{ margin:0px; padding:0px; height:230px; overflow:auto;}
#portfolio-detail .feature-text li{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e; list-style:none; padding:5px 0px 5px 15px; line-height:normal;}
#portfolio-detail .feature-text a{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail .feature-text a:hover{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail .feature-box h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#282828; padding-left:15px;}
#portfolio-detail .Technology-text ol{ margin:0px; padding:0px; list-style-type:circle; }
#portfolio-detail .Technology-text li{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e; list-style-type:1; padding:0px 0px 0px 15px; line-height:24px;}
#portfolio-detail .Technology-text a{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail .Technology-text a:hover{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail .Technology-text h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#282828; padding-left:15px; }
/*-----css add 2-4-2010--*/
.mobthumbs {
float:left;
margin:10px 0px 0 15px;
text-align:center;
}
.mobthumbs h5 {
color:#333;
font-size:12px;
margin:0 0 5px;
}
.back-btn{position:absolute; top:878px; left:350px;}
/*---------------------------------------------------------------*/
#portfolio-detail-1 { clear:both; margin:0 auto; height:1055px; width:741px; background:url(../images/portfolio-details-bg-1.jpg) no-repeat center top; position:relative }
#portfolio-detail-1 .prod-img{background:url(../images/portfolio-detail.iphone.png) no-repeat left top; width:251px; height:451px;}
#portfolio-detail-1 .left-part {width:240px; float:left; padding:129px 12px 0px 107px; }
#portfolio-detail-1 .left-iphone {width:240px; float:left; }
#portfolio-detail-1 .left-iphone-next {width:90px; float:right; padding-left:150px; padding-top:10px; }
#portfolio-detail-1 .app-store {width:220px; float:left; padding:10px 0 0 15px; text-align:left; }
#portfolio-detail-1 .right-part {width:286px; float:left; padding-top:129px; }
#portfolio-detail-1 .tenis-coch-box{width:286px; float:left; }
#portfolio-detail-1 .tenis-coch-tab-top{width:261px; float:left; background:url(../images/teniss-coch-tab.gif) no-repeat; font:bold 22px "Myriad Pro", Arial, Verdana, sans-serif; color:#0a203e; line-height:41px; padding-left:25px;}
#portfolio-detail-1 .tenis-coch-tab-bottom{width:286px; height:10px; float:left; background:url(../images/teniss-coch--bottom-tab.gif) no-repeat; }
#portfolio-detail-1 .tenis-coch-tab-midd-bg{width:264px; float:left; background:#0a203e; border-right:1px solid #000000; padding:5px 10px 0px 11px; }
#portfolio-detail-1 .tenis-coch-text{width:249px; float:left;font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#88a4c9; padding-left:15px; }
#portfolio-detail-1 .feature-box{width:265px; float:left; padding-top:5px;}
#portfolio-detail-1 .feature-box-top-c{width:265px; height:8px; float:left; background:url(../images/p-details-light-tab-tc.gif) no-repeat;}
#portfolio-detail-1 .feature-box-bottom-c{width:265px; height:8px; float:left; background:url(../images/p-details-light-tab-bc.gif) no-repeat;}
#portfolio-detail-1 .feature-box-midd-bg{width:260px; float:left; background-color:#a9c5d0; border-right:1px solid #000000; padding-right:4px;}
#portfolio-detail-1 .feature-box-midd-bg h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#282828; padding-left:15px;}
#portfolio-detail-1 ul.feature-text{ margin:0px; padding:0px; height:230px; overflow:auto;}
#portfolio-detail-1 .feature-text li{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e; list-style:none; padding:5px 0px 5px 15px; line-height:normal;}
#portfolio-detail-1 .feature-text a{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-1 .feature-text a:hover{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-1 .feature-box h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#282828; padding-left:15px;}
#portfolio-detail-1 .Technology-text ol{ margin:0px; padding:0px; list-style-type:circle; }
#portfolio-detail-1 .Technology-text li{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e; list-style-type:1; padding:0px 0px 0px 15px; line-height:24px;}
#portfolio-detail-1 .Technology-text a{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-1 .Technology-text a:hover{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-1 .Technology-text h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#282828; padding-left:15px; }
.back-btn-1{position:absolute; top:970px; left:350px; }
/*-------------------------------------------------*/
#portfolio-detail-2 { clear:both; margin:0 auto; height:1055px; width:741px; background:url(../images/portfolio-details-bg-2.jpg) no-repeat center top; position:relative }
#portfolio-detail-2 .prod-img{background:url(../images/portfolio-detail.iphone.png) no-repeat left top; width:251px; height:451px;}
#portfolio-detail-2 .left-part {width:240px; float:left; padding:129px 12px 0px 107px; }
#portfolio-detail-2 .left-iphone {width:240px; float:left; }
#portfolio-detail-2 .left-iphone-next {width:90px; float:right; padding-left:150px; padding-top:10px; }
#portfolio-detail-2 .app-store {width:220px; float:left; padding:10px 0 0 15px; text-align:left; }
#portfolio-detail-2 .right-part {width:286px; float:left; padding-top:129px; }
#portfolio-detail-2 .tenis-coch-box{width:286px; float:left; }
#portfolio-detail-2 .tenis-coch-tab-top{width:261px; float:left; background:url(../images/teniss-coch-tab.gif) no-repeat; font:bold 22px "Myriad Pro", Arial, Verdana, sans-serif; color:#0a203e; line-height:41px; padding-left:25px;}
#portfolio-detail-2 .tenis-coch-tab-bottom{width:286px; height:10px; float:left; background:url(../images/teniss-coch--bottom-tab.gif) no-repeat; }
#portfolio-detail-2 .tenis-coch-tab-midd-bg{width:264px; float:left; background:#0a203e; border-right:1px solid #000000; padding:5px 10px 0px 11px; }
#portfolio-detail-2 .tenis-coch-text{width:249px; float:left;font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#88a4c9; padding-left:15px; }
#portfolio-detail-2 .feature-box{width:265px; float:left; padding-top:5px;}
#portfolio-detail-2 .feature-box-top-c{width:265px; height:8px; float:left; background:url(../images/p-details-light-tab-tc.gif) no-repeat;}
#portfolio-detail-2 .feature-box-bottom-c{width:265px; height:8px; float:left; background:url(../images/p-details-light-tab-bc.gif) no-repeat;}
#portfolio-detail-2 .feature-box-midd-bg{width:260px; float:left; background-color:#a9c5d0; border-right:1px solid #000000; padding-right:4px;}
#portfolio-detail-2 .feature-box-midd-bg h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#282828; padding-left:15px;}
#portfolio-detail-2 ul.feature-text{ margin:0px; padding:0px; height:230px; overflow:auto;}
#portfolio-detail-2 .feature-text li{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e; list-style:none; padding:5px 0px 5px 15px; line-height:normal;}
#portfolio-detail-2 .feature-text a{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-2 .feature-text a:hover{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-2 .feature-box h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#282828; padding-left:15px;}
#portfolio-detail-2 .Technology-text ol{ margin:0px; padding:0px; list-style-type:circle; }
#portfolio-detail-2 .Technology-text li{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e; list-style-type:1; padding:0px 0px 0px 15px; line-height:24px;}
#portfolio-detail-2 .Technology-text a{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-2 .Technology-text a:hover{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-2 .Technology-text h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#282828; padding-left:15px; }
.back-btn-2{position:absolute; top:910px; left:350px; }
.otherproducts-beepwink{ background:url(../images/prod-scroll-cnt.png) no-repeat center bottom; width:571px; height:155px; clear:both; float:left; margin:-10px 0 0 87px}
.otherproducts-beepwink h3{ line-height:25px; padding:0 0 0 45px; color:#0a203e; font-size:13px}
/*-------------------------------------------------------------------------*/
#portfolio-detail-3 { clear:both; margin:0 auto; height:1180px; width:741px; background:url(../images/portfolio-details-bg-3.jpg) no-repeat center top; position:relative }
#portfolio-detail-3 .prod-img{background:url(../images/portfolio-detail.iphone.png) no-repeat left top; width:251px; height:451px;}
#portfolio-detail-3 .left-part {width:240px; float:left; padding:129px 12px 0px 107px; }
#portfolio-detail-3 .left-iphone {width:240px; float:left; }
#portfolio-detail-3 .left-iphone-next {width:90px; float:right; padding-left:150px; padding-top:10px; }
#portfolio-detail-3 .app-store {width:220px; float:left; padding:10px 0 0 15px; text-align:left; }
#portfolio-detail-3 .right-part {width:286px; float:left; padding-top:129px; }
#portfolio-detail-3 .tenis-coch-box{width:286px; float:left; }
#portfolio-detail-3 .tenis-coch-tab-top{width:261px; float:left; background:url(../images/teniss-coch-tab.gif) no-repeat; font:bold 22px "Myriad Pro", Arial, Verdana, sans-serif; color:#0a203e; line-height:41px; padding-left:25px;}
#portfolio-detail-3 .tenis-coch-tab-bottom{width:286px; height:10px; float:left; background:url(../images/teniss-coch--bottom-tab.gif) no-repeat; }
#portfolio-detail-3 .tenis-coch-tab-midd-bg{width:264px; float:left; background:#0a203e; border-right:1px solid #000000; padding:5px 10px 0px 11px; }
#portfolio-detail-3 .tenis-coch-text{width:249px; float:left;font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#88a4c9; padding-left:15px; }
#portfolio-detail-3 .feature-box{width:265px; float:left; padding-top:5px;}
#portfolio-detail-3 .feature-box-top-c{width:265px; height:8px; float:left; background:url(../images/p-details-light-tab-tc.gif) no-repeat;}
#portfolio-detail-3 .feature-box-bottom-c{width:265px; height:8px; float:left; background:url(../images/p-details-light-tab-bc.gif) no-repeat;}
#portfolio-detail-3 .feature-box-midd-bg{width:260px; float:left; background-color:#a9c5d0; border-right:1px solid #000000; padding-right:4px;}
#portfolio-detail-3 .feature-box-midd-bg h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#282828; padding-left:15px;}
#portfolio-detail-3 ul.feature-text{ margin:0px; padding:0px; height:230px; overflow:auto;}
#portfolio-detail-3 .feature-text li{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e; list-style:none; padding:5px 0px 5px 15px; line-height:normal;}
#portfolio-detail-3 .feature-text a{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-3 .feature-text a:hover{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-3 .feature-box h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#282828; padding-left:15px;}
#portfolio-detail-3 .Technology-text ol{ margin:0px; padding:0px; list-style-type:circle; }
#portfolio-detail-3 .Technology-text li{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e; list-style-type:1; padding:0px 0px 0px 15px; line-height:24px;}
#portfolio-detail-3 .Technology-text a{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-3 .Technology-text a:hover{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-3 .Technology-text h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#282828; padding-left:15px; }
.back-btn-3{position:absolute; top:995px; left:350px; }
.otherproducts-3{ background:url(../images/prod-scroll-cnt.png) no-repeat center bottom; width:571px; height:155px; clear:both; float:left; margin:10px 0 0 87px}
.otherproducts-3 h3{ line-height:25px; padding:0 0 0 45px; color:#0a203e; font-size:13px}
/*-----------------------------------------------------*/
#portfolio-detail-4 { clear:both; margin:0 auto; height:1115px; width:741px; background:url(../images/portfolio-details-bg-4.jpg) no-repeat center top; position:relative }
#portfolio-detail-4 .prod-img{background:url(../images/portfolio-detail.iphone.png) no-repeat left top; width:251px; height:451px;}
#portfolio-detail-4 .left-part {width:240px; float:left; padding:129px 12px 0px 107px; }
#portfolio-detail-4 .left-iphone {width:240px; float:left; }
#portfolio-detail-4 .left-iphone-next {width:90px; float:right; padding-left:150px; padding-top:10px; }
#portfolio-detail-4 .app-store {width:220px; float:left; padding:10px 0 0 15px; text-align:left; }
#portfolio-detail-4 .right-part {width:286px; float:left; padding-top:129px; }
#portfolio-detail-4 .tenis-coch-box{width:286px; float:left; }
#portfolio-detail-4 .tenis-coch-tab-top{width:261px; float:left; background:url(../images/teniss-coch-tab.gif) no-repeat; font:bold 22px "Myriad Pro", Arial, Verdana, sans-serif; color:#0a203e; line-height:41px; padding-left:25px;}
#portfolio-detail-4 .tenis-coch-tab-bottom{width:286px; height:10px; float:left; background:url(../images/teniss-coch--bottom-tab.gif) no-repeat; }
#portfolio-detail-4 .tenis-coch-tab-midd-bg{width:264px; float:left; background:#0a203e; border-right:1px solid #000000; padding:5px 10px 0px 11px; }
#portfolio-detail-4 .tenis-coch-text{width:249px; float:left;font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#88a4c9; padding-left:15px; }
#portfolio-detail-4 .feature-box{width:265px; float:left; padding-top:5px;}
#portfolio-detail-4 .feature-box-top-c{width:265px; height:8px; float:left; background:url(../images/p-details-light-tab-tc.gif) no-repeat;}
#portfolio-detail-4 .feature-box-bottom-c{width:265px; height:8px; float:left; background:url(../images/p-details-light-tab-bc.gif) no-repeat;}
#portfolio-detail-4 .feature-box-midd-bg{width:260px; float:left; background-color:#a9c5d0; border-right:1px solid #000000; padding-right:4px;}
#portfolio-detail-4 .feature-box-midd-bg h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#282828; padding-left:15px;}
#portfolio-detail-4 ul.feature-text{ margin:0px; padding:0px; height:230px; overflow:auto;}
#portfolio-detail-4 .feature-text li{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e; list-style:none; padding:5px 0px 5px 15px; line-height:normal;}
#portfolio-detail-4 .feature-text a{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-4 .feature-text a:hover{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-4 .feature-box h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#282828; padding-left:15px;}
#portfolio-detail-4 .Technology-text ol{ margin:0px; padding:0px; list-style-type:circle; }
#portfolio-detail-4 .Technology-text li{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e; list-style-type:1; padding:0px 0px 0px 15px; line-height:24px;}
#portfolio-detail-4 .Technology-text a{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-4 .Technology-text a:hover{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-4 .Technology-text h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#282828; padding-left:15px; }
.back-btn-4{position:absolute; top:932px; left:350px; }
.otherproducts-4{ background:url(../images/prod-scroll-cnt.png) no-repeat center bottom; width:571px; height:150px; clear:both; float:left; margin:15px 0 0 87px}
.otherproducts-4 h3{ line-height:25px; padding:0 0 0 45px; color:#0a203e; font-size:13px}
/*---------------------------------------------------------*/
#portfolio-detail-5 { clear:both; margin:0 auto; height:1091px; width:741px; background:url(../images/portfolio-details-bg-5.jpg) no-repeat center top; position:relative }
#portfolio-detail-5 .prod-img{background:url(../images/portfolio-detail.iphone.png) no-repeat left top; width:251px; height:451px;}
#portfolio-detail-5 .left-part {width:240px; float:left; padding:129px 12px 0px 107px; }
#portfolio-detail-5 .left-iphone {width:240px; float:left; }
#portfolio-detail-5 .left-iphone-next {width:90px; float:right; padding-left:150px; padding-top:10px; }
#portfolio-detail-5 .app-store {width:220px; float:left; padding:10px 0 0 15px; text-align:left; }
#portfolio-detail-5 .right-part {width:286px; float:left; padding-top:129px; }
#portfolio-detail-5 .tenis-coch-box{width:286px; float:left; }
#portfolio-detail-5 .tenis-coch-tab-top{width:261px; float:left; background:url(../images/teniss-coch-tab.gif) no-repeat; font:bold 22px "Myriad Pro", Arial, Verdana, sans-serif; color:#0a203e; line-height:41px; padding-left:25px;}
#portfolio-detail-5 .tenis-coch-tab-bottom{width:286px; height:10px; float:left; background:url(../images/teniss-coch--bottom-tab.gif) no-repeat; }
#portfolio-detail-5 .tenis-coch-tab-midd-bg{width:264px; float:left; background:#0a203e; border-right:1px solid #000000; padding:5px 10px 0px 11px; }
#portfolio-detail-5 .tenis-coch-text{width:249px; float:left;font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#88a4c9; padding-left:15px; }
#portfolio-detail-5 .feature-box{width:265px; float:left; padding-top:5px;}
#portfolio-detail-5 .feature-box-top-c{width:265px; height:8px; float:left; background:url(../images/p-details-light-tab-tc.gif) no-repeat;}
#portfolio-detail-5 .feature-box-bottom-c{width:265px; height:8px; float:left; background:url(../images/p-details-light-tab-bc.gif) no-repeat;}
#portfolio-detail-5 .feature-box-midd-bg{width:260px; float:left; background-color:#a9c5d0; border-right:1px solid #000000; padding-right:4px;}
#portfolio-detail-5 .feature-box-midd-bg h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#282828; padding-left:15px;}
#portfolio-detail-5 ul.feature-text{ margin:0px; padding:0px; height:230px; overflow:auto;}
#portfolio-detail-5 .feature-text li{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e; list-style:none; padding:5px 0px 5px 15px; line-height:normal;}
#portfolio-detail-5 .feature-text a{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-5 .feature-text a:hover{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-5 .feature-box h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#282828; padding-left:15px;}
#portfolio-detail-5 .Technology-text ol{ margin:0px; padding:0px; list-style-type:circle; }
#portfolio-detail-5 .Technology-text li{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e; list-style-type:1; padding:0px 0px 0px 15px; line-height:24px;}
#portfolio-detail-5 .Technology-text a{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-5 .Technology-text a:hover{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#0a203e;}
#portfolio-detail-5 .Technology-text h1{font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#282828; padding-left:15px; }
.otherproducts-5{ background:url(../images/prod-scroll-cnt.png) no-repeat center bottom; width:571px; height:150px; clear:both; float:left; margin:10px 0 0 87px}
.otherproducts-5 h3{ line-height:25px; padding:0 0 0 45px; color:#0a203e; font-size:13px}
.back-btn-5{position:absolute; top:910px; left:350px; }
#banner-text h2 {
color:#BCD8E4;
font-size:14px;
padding:180px 0 0 50px;
}
#banner .services-btn {
float:right;
padding:262px 265px 0 0;
}
/* sidebar */
.iphone-box{clear:both; background:url(../images/iphone-sidebar-bg.jpg) no-repeat left top; width:262px; height:232px; padding:0 0 20px 0}
.iphone-box .iphone-details{ float:left; width:160px; padding:15px 0 0 20px;}
.iphone-box .iphone-details h3{color:#b2e5f0; font-size:18px; line-height:22px; font-weight:700;}
.iphone-box .iphone-details p{color:#9ddbf5; text-align:left;}
.iphone-box .iphone-details p strong{ color:#ddf6fb}
.iphone-box a{ clear:both; display:block; color:#04222f; font-size:12px; font-weight:700; text-decoration:none; padding:8px 0 0 60px}
.icup-banner {float:left; margin:0 0 15px 0;}
.MTB {margin:10px 0 20px 0;}
.itune-bg {background:url(../images/iTune2-2.jpg) no-repeat; width:243px; height:395px; margin:21px 0 50px 0; padding:135px 244px 0 513px;}
#icup-live-score {margin:0 0 0 0; float:left; width:300px;}
#icup-live-score h1 {font:bold 15px Arial, Helvetica, sans-serif; color:#c90200; text-decoration:none; margin:0 0 3px 0; padding:0;}
#icup-live-score h2 {font:bold 12px Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; margin:0; padding:0 0 0 14px;}
#icup-live-score h1 a {font:bold 15px Arial, Helvetica, sans-serif; color:#c90200; text-decoration:none; margin:0; padding:0;}
#icup-live-score h1 a:hover {color:#000; text-decoration:none;}
#icup-live-score h1 span {color:#000;}
.ituneapp-bg {background:url(../images/iTune1.jpg) no-repeat; width:75px; height:624px; padding:101px 417px 0 507px;}