@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: '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: '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; }


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 "LucidaGrandeRegular", "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; }
input, textarea, select { font-family: "LucidaGrandeRegular"; }
h1, h2, h3, h4, h5, h6 { margin:0 0 5px 0; font-weight:400; font-family:"LucidaGrandeRegular"; }
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: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.jpg) no-repeat right; margin-top:10px; }
#banner-text { width:450px; height:214px; float:left; background:url(../images/banner-text.jpg) no-repeat right 20px; 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 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.jpg) 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.jpg) 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 { margin-bottom: 10px; }
#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:1004px;  /*float:left;*/ color:#8d8d8d; margin:0 auto; background:url(../images/footer-bg.gif) no-repeat left top; overflow:hidden; clear: both; }
#bottom-part .bottom-border { width:1004px; float:left; color:#8d8d8d; height:1px; }
#bottom-part .copyright {  text-align:left; float:left; font:normal 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; line-height:16px; color:#204f6a; text-decoration:none; }
#bottom-part .copyright span a { font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#a8c5d7; text-decoration:none; padding:0px; margin:0px; }
#bottom-part .copyright span a:hover { font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#fff; text-decoration:none; }
#bottom-part .copyright a {  color:#204f6a; text-decoration: none;  } 
#bottom-part .copyright a:hover {  color:#fff; text-decoration: none;  } 
#bottom-part .footer { /*width:1002px; float:left;*/ margin:0px 0px 20px 10px; padding:20px 20px 10px; display:block; overflow:hidden; height:204px; }
#bottom-part .footer a { font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#757575; text-decoration:none; /*margin:0px 7px;*/ }
#bottom-part .footer a:hover { color:#186499; text-decoration:none; }
#bottom-part .footer-link {/* width:1002px;*/ float:left; font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#8d8d8d; text-decoration:none; }
#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; padding: 10px 0; }
/*--------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 8px; 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 { font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#8d8d8d; line-height:16px; }
.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; margin: 0px; text-align: center; 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 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.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:13px 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; clear:both; float:left; margin:15px 0 0 0px }
.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:908px; position:relative }
#portfolio-detail .prod-img { background:url(../images/portfolio-detail.iphone.png) no-repeat left top; width:226px; height:323px; }
#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; position:absolute; top: 440px; left: 112px; }
#portfolio-detail .app-store {/*width:220px; float:left; */ clear:both; padding:10px 0 0; text-align:left;/* position:absolute; top: 485px; left: 90px; */ }
#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; margin-left: 0px; }
#portfolio-detail .feature-text li { font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#5a5a5a; line-height:normal; list-style-type: none; margin-bottom: 5px; background: url(../images/bullet-circle.png) no-repeat 0 8px; padding-left: 12px; line-height:19px; }
#portfolio-detail .feature-text a { font:normal 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#5a5a5a; }
#portfolio-detail .feature-text a:hover { color:#0F62A9; }
#portfolio-detail .feature-box h1 { font:bold 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#cfe8f0; padding-left:15px; }
#portfolio-detail .Technology-text ol { margin:0px; padding:0px; }
#portfolio-detail .Technology-text li { font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#5a5a5a; list-style-type: none; margin-bottom: 5px; background: url(../images/bullet-circle.png) no-repeat 0 8px; padding-left: 12px; line-height:19px; }
#portfolio-detail .Technology-text a { font:normal 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#5a5a5a; }
#portfolio-detail .Technology-text a:hover { color:#0F62A9; }
/*-----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:0px; right:10px; }
.back-btn a { margin:0 5px }
.back-btn a img { vertical-align:middle }
/*---------------------------------------------------------------*/

#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:878px; 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:878px; 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:878px; 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:878px; 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:878px; 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; }
/* New Added Class Dt.21122010 from HB */
.christmas-img { position:absolute; right:-45px; top:45px; }
.readmore-btn { margin-top:20px; }
/* DropDown Menu JS */
.nav { float:left; margin:0; padding:0; width:100%; /*position:relative;*/
z-index:1000; }
.ddmx { font: 12px arial; padding:0 0 0 0px; /*position:relative;*/
z-index:10000; }
.ddmx li { position:relative }
.ddmx .item1 { }
.ddmx .item1, .ddmx .item1:visited, .ddmx .item1:hover, .ddmx .item1-active { display:block; color:#1e5177; text-decoration:none; }
.ddmx .item1 em, .ddmx .item1:visited em, .ddmx .item1:hover em, .ddmx .item1-active em { padding-right:5px; display:block; padding-left:5px; /*font:bold 12px arial, helvetica, sans-serif;*/ padding-top:5px; padding-bottom:5px; }
.ddmx h1 { margin:0; line-height:18px }
.ddmx .item1:hover, .ddmx .item1-active, .ddmx .item1-active:hover { color:#fc8e19; font-weight: bold; }
.ddmx .item1:hover em, .ddmx .item1-active em, .ddmx .item1-active:hover em { color:#fc8e19; font-weight: bold; }
.ddmx h2 { padding:0px; margin:0px; }
.ddmx .item2, .ddmx .item2:hover, .ddmx .item2-active, .ddmx .item2-active:hover { padding: 5px 8px 0px 8px; font: 11px Verdana; height:20px; color: #cfebff!important; font-weight:400!important; font-weight: normal; text-decoration: none; display: inline-block; white-space: nowrap; position: relative; z-index: 500; }
.ddmx .item1 li { }
.ddmx .item2:hover, .ddmx .item2-active, .ddmx .item2-active:hover { color: #fff!important; }
.ddmx .arrow, .ddmx .arrow:hover { padding: 3px 16px 4px 8px; }
.ddmx .item2 img, .ddmx .item2-active img { position: absolute; top:8px; right: 1px; border: 0; */
}
.ddmx .section { border: 0px solid #CCCCCC; border:0px solid red; position: absolute; visibility: hidden; z-index: 1000; }
.ddmx .section { background: url(../images/drop-down-link-bg.gif) repeat-x left top #2f5c85; margin:0; }
.ddmx .section ul { font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style-type: none; padding:5px 5px 5px 5px!important; border-top: 0px solid #001F56; line-height:18px; float:left; margin:0; }
.ddmx .section ul li { padding:0!important; display:block!important; width:100%; background:none!important; border-bottom: 1px solid #2b577f; }
.ddmx .section ul li a:link, .ddmx .section ul li a:visited, .ddmx .section ul li a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; float:left; display: block; color:#fff; text-decoration: none; padding: 3px 0 3px 15px!important; font-size:12px; text-transform:none; line-height:20px!important; background:url(../images/menu-bull.gif) no-repeat 4px 11px; }
.ddmx .section ul li a:hover { color: #3c4300; font-weight:400; background:url(../images/menu-bull-on.gif) no-repeat 4px 11px; text-decoration:none }
.ddmx .section ul ul { width:265px/**/; margin:0; padding:2px 0; }
.ddmx .section ul ul li { padding:0 10px!important; }
.ddmx .section ul li ul li a:link, .ddmx .section ul li ul li a:visited, .ddmx .section ul li ul li a:hover {  /*width:180px*/ }
.section-sub h3 { padding:0px; margin:0px; }
.ddmx .section-sub { border: 1px solid #6d980d; background: url(../images/drop-down-link-bg.gif) repeat-x left top #778508; position: absolute; visibility: hidden; z-index: 1000; margin-top: -1px; margin-left: 0; }
.ddmx .section-sub ul { background:none }
* html .ddmx td { position: relative; } /* ie 5.0 fix */
* html .ddmx li { position: relative; } /* ie 5.0 fix */
.ddmx li { display:inline; float:left; position:relative; z-index:10000; }
.livechat-img { position: absolute; }
.chirs-img1 { position: absolute; top: 140px; left: 363px; }
.chirs-img2 { position: absolute; top: 48px; left: 736px; }
.chirs-img3 { position: absolute; top: 195px; left: 995px; }
#bottom-product-part { clear:both; width:1000px; height:auto; float:left; background: url(../images/bott-gradientbg.jpg) repeat-x 0 0 #ebebeb; border: 1px solid #cdcdcd; }
#bottom-product-part ul { width:1000px; height:auto; float:left; }
#bottom-product-part li { margin:0px; height:auto; overflow:hidden; padding:0px; float:left; }
ul.test li { padding: 15px 0 !important; }
.portfolio-inner { width: 570px; margin: auto; padding-top: 110px; }
.portdetail-hd { background: url(../images/port-detail-hd.jpg) no-repeat; height: 41px; text-align: center; font-size: 22px; color: #fff; font-weight: bold; line-height: 38px; }
.port-left { width: 350px; float: left; padding: 13px 0 0 0px; min-height: 560px; }
.port-right { width: 505px; float: right; padding:0; color: #fff; background:url(../images/app-view-cnt.jpg) no-repeat left top; min-height:545px; }
h5.portdet-hd { font-size: 18px; color: #02112f; margin-bottom: 10px; }
ol.Technology-text { margin-left: 0px; }
ol.feature-text { }
.listscroll { overflow: auto; height: 188px; padding-right: 3px; }
ol.innerlist li { background: none !important; padding-left: 0 !important; }
/* New Added Class Dt.07012011 */
#bottom-part h5 {
font:bold 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif !important; color:#fff; line-height:18px; font-weight:700; margin:0 0 10px; }
#bottom-part h5 a { color:#fff; text-decoration: none; }
#bottom-part h5 a:hover { color:#B8D5E5; text-decoration: none; }
#bottom-part .bottlink { float:left; width:125px; padding:0 25px 0 0; }
#bottom-part .bottlink ul { border-right:1px solid #eee; }
#bottom-part .bottlink ul.border-none { border-right:none; }
#bottom-part .bottlink ul li { list-style-type:none; background:url(../images/square-bullet.gif) no-repeat 0 10px; padding:0 0 0 5px; }
#bottom-part .bottlink ul li a { color: #333333; text-decoration: none; }
#bottom-part .bottlink ul li a:hover { text-decoration: none; color: #478db8; }
#bottom-part .general { float:left; width:155px; padding:0 15px 0 0; }
#bottom-part .general ul.border-none { border-right:none; }
#bottom-part .general ul.height145 { height:145px; }
#bottom-part .general ul li { list-style-type:none; /*background:url(../images/square-bullet.gif) no-repeat 0 7px; padding:0 0 0 5px;*/ margin:0 0 3px 0; line-height:normal !important; }
#bottom-part .general ul li.img-none { background:none; margin:0 0 10px 0; padding:0px; }
#bottom-part .general ul li a { text-decoration: none; color: #b7d3e3; }
#bottom-part .general ul li a.margin-none { margin:0px; }
#bottom-part .general ul li a:hover { text-decoration: none; color: #fff; }
#bottom-part .services { float:left; width:295px; padding:0 15px 0 0; }
#bottom-part .services ul.height145 { height:145px; }
#bottom-part .services ul li { list-style-type:none; /*background:url(../images/square-bullet.gif) no-repeat 0 8px; padding:0 0 0 5px;*/ margin:0 0 5px 0; line-height:normal !important; }
#bottom-part .services ul li a { text-decoration: none;  color: #b7d3e3; }
#bottom-part .services ul li a:hover { text-decoration: none; color: #fff;  }
.lineheight7 { line-height:7px; }
/* New Added CSS Dt.11012011 */
#portfolio .page-nav-cnt-new { margin:0; padding:0; width:100%; text-align:center; }
#portfolio .page-nav-cnt-new a { width:10px; height:10px; background:url(../images/nav-dot.png) no-repeat left top; margin:0 5px; display:inline-block }
#portfolio .page-nav-cnt-new a:hover { background:url(../images/nav-dot-hover.png) no-repeat left top; }
#portfolio .page-nav-cnt-new a.active { background:url(../images/nav-dot-hover.png) no-repeat left top; }
/* New Added CSS Dt. 02/02/2011 */
.portfolio-tab { width: 100%; float: left; margin-bottom: 25px; }
.nobg { background: none !important; height: auto !important; }
.iphone-port ul { margin: 0 0 0 5px; padding: 0;  }
.iphone-port ul li { list-style-type: none; float: left; text-align: center; margin-bottom: 25px; width: 115px;}
.iphone-port ul li a { color: #29567e; text-decoration: none; font-weight: bold; font-size: 13px; }
.iphone-port ul li a:hover { color: #333; text-decoration: none; font-weight: bold; }
.iphone-port ul li.last { margin-right: 0; }
.prod-img-iphone { background: url(../images/portfolio-detail-iphonebg.png) no-repeat !important; width: 231px !important; height: 380px !important; padding-top: 59px; padding-left: 9px; }
.left-iphone-next-iphone { margin-top: 100px; }
.app-store-iphone { /*margin-top: 130px; margin-left: 20px; */ }
/* portfolio page 17-02*/
#portfolio-list { clear:both; display:block; width:1003px; overflow:hidden; background:url(../images/portfolio-cnt.gif) no-repeat left 20px; padding:30px 0 0 0; }
#portfolio-list .content { background:#fff; overflow:hidden; padding: 20px 40px; }
#portfolio-list h1 { font-size:30px; color:#0f62a9; padding:0 0 10px; line-height:35px; margin:0 0 40px; font-family:"Myriad Pro",arial!important; font-weight:700; position:relative;}
#portfolio-list h1.white-txt { color: #fff; font-weight: 400; line-height: 30px; margin-bottom: 0; position: inherit; }
#portfolio-list h1 span { color:#274556; font-size:18px; font-weight: bold; }
#portfolio-list h1.detail-page { border:none!important; margin:0 0 25px }
.portfolio-tab { width:162px; margin:0 20px 0 0 }
#listing-cnt { float:left; width:735px; }
.portfolio-tab li { padding:10px 0 5px 15px; height:69px }
.portfolio-tab li.current { background:url(../images/portfolio-tab-active.gif) no-repeat left top; padding:10px 0 5px 15px; height:69px }
.portfolio-tab a { display:block; height:40px;/*border-bottom:3px solid #fff; */ color:#7c7373; padding:15px 0 5px 55px; line-height:30px; font-size:15px; text-decoration:none; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-weight:700; margin:0 0 10px }
.portfolio-tab a:hover, .portfolio-tab a.active {/*border-bottom:3px solid #eaeaea;*/ color:#306596 }
.portfolio-tab .ipad { background:url(../images/portfolio-tab-icons.jpg) no-repeat left top }
.portfolio-tab .iphone { background:url(../images/portfolio-tab-icons.jpg) no-repeat left -90px }
ul.portfolio-cnt { padding:0 0 0 40px }
ul.portfolio-cnt li { float:left; height:105px; margin:0 55px 55px 0; text-align:center; width:89px; }
ul.portfolio-cnt li { list-style-type:none; }
ul.portfolio-cnt li a { color:#7c7373; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:14px; display:block; }
ul.portfolio-cnt li a:hover { background:url(../images/thumb-over.gif) no-repeat center -1px; color:#306596 }
ul.portfolio-cnt li img { margin:0 0 5px; }
ul.portfolio-cnt li.last { margin-right:0; }
ul.list-inner { margin: 10px 0 0 0; padding: 0; }
ul.list-inner li { list-style-type: none; margin-bottom: 8px; background:url(../images/builet-black.gif) no-repeat left 8px; padding-left:10px; }
ul.list-inner li span { color: #0a6786; font-weight: bold; }

/* New Added CSS on 25-May-2011 */
.port-hd { background: url(../images/port-hd-gradient.jpg) no-repeat 0 0; height: 70px; padding: 0 0 0 30px; padding-top: 12px; }
.port-tab { float: right; }
.port-tab a { background: url(../images/port-tab-i.jpg) no-repeat; width: 162px; height: 70px; float: left; display: block; margin-right: 10px; text-align: center; color: #6d91a6;  font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size: 19px; font-weight: bold; line-height: 70px; }
.port-tab a:hover, .port-tab a.active { background: url(../images/port-tab-a.jpg) no-repeat; width: 162px; height: 70px; float: left; display: block; margin-right: 10px; text-align: center; color: #5896ba; line-height: 70px;  }
.port-tab img { vertical-align: middle; margin-right: 5px; }
ul.ipad-port { margin: 0; padding: 0; }
ul.ipad-port li { list-style-type: none;  }
ul.ipad-port li img { margin-bottom: 30px; }
ul.ipad-port li a.last { margin-right: 0; }
ul.ipad-port li a { float: left; width: 184px; height: 309px; padding-left: 36px; padding-top: 36px; display: block; float: left; text-decoration: none; background: url(../images/ipad-portbg.jpg) no-repeat 0 0; text-decoration: none; margin-right:22px; color: #616161; font-size: 15px; font-weight: bold; }
ul.ipad-port li a:hover { background: url(../images/ipad-portbg-o.jpg) no-repeat 0 0;  text-decoration: none; color: #fff;}
ul.ipad-port li a span { font-size: 12px; font-weight: normal;  }
ul.ipad-port li a span em { color: #67a5cb; font-style: normal; }
ul.ipad-port li a:hover span em { color: #c2dff0; }

ul.iphone-port { margin: 0; padding: 0; display:block;float:left;}
ul.iphone-port li { list-style-type: none; float: left; width: 125px; height: 140px; text-align: center; margin-right: 70px; margin-bottom: 40px; display:block; }
ul.iphone-port li a { color: #5b5b5b; font-size: 14px; text-decoration: none; display:block;}
ul.iphone-port li a:hover { color: #2a6a91; font-size: 14px; text-decoration: none; }
ul.iphone-port li.last { margin-right: 0;}
ul.iphone-port li img { margin-bottom: 10px; }

.bott-tc { background: url(../images/footer-tc.gif) no-repeat; height: 5px; }
.bott-bc { background: url(../images/footer-bc.gif) no-repeat; height: 5px; }
.bott-cbg { background: url(../images/footer-cbg.jpg) no-repeat; }
.bottpart-left { width: 653px; float: left; padding: 15px 40px; font-size: 11px; color: #b7d3e3; }
.bottpart-right { width: 230px; float: right;  padding: 12px 20px 0 20px; }
h5.blue-hd { color: #4893c3 !important; }
.bottpart-quotearea { border-top: 1px solid #387ea7; border-bottom: 1px solid #387ea7; clear: both; padding: 22px 5px; margin-bottom: 12px; }
.bottpartbox1 { width: 200px; float: left; }
.bottpartbox1 span { font-size: 20px; color: #a2cce4; } 
.bottpartbox1 a { text-decoration: underline; color: #b8d5e5;  }
.bottpartbox1 a:hover { text-decoration: none; color: #fff;  }
.bottpartbox2 { width: 180px; float: right; }
ul.partnersite { background: url(../images/patner-ico.gif) no-repeat 0 0; height: 195px; }
ul.partnersite li { padding-left: 30px; margin-bottom: 12px !important; }
ul.partnersite li a { color: #636363 !important; font-size: 11px; text-decoration: none; }
ul.partnersite li a:hover { color: #1c74ad !important; font-size: 11px; text-decoration: none; }
.partnersiteblock { border-top: 1px solid #d2d2d2; padding-top: 20px !important; margin-top: 5px; width: 210px !important; }
ul.social-list li { list-style-type: none; float: left; width: 52px; text-align: center; margin-right: 20px; font-size: 11px; }

.paging { margin:0; padding:0 35px 15px 0;  text-align:right; }
.paging a { width:22px; height:22px; line-height:22px; background:#bee6ff; margin:0 0px; display:inline-block; color:#0e6095; text-align:center; border:1px solid #b1d1e5; margin-right: 6px; }
.paging a:hover { background:#308dc6; color:#fff; border:1px solid #084d79 }
.paging a.active { background:#308dc6; color:#fff; border:1px solid #084d79 }

/* Inq page  */
#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; margin-right: 55px;  padding-top: 30px;}
#inq-bg h2 { font-size: 14px; color: #478db8;  font-family: 'LucidaGrandeBold'; margin-bottom: 10px; } 
#inq-bg h3 { font-size: 18px; color: #535353;  font-family: 'MyriadProBold'; font-weight: normal; margin-bottom: 10px; } 
#inq-bg input, #inq-bg select, #inq-bg textarea { background: #e9e9e9; border: 1px solid #b3b3b3;  -webkit-border-radius: 6px; font-size: 13px; resize: none; border-bottom: none; border-right: none;
-moz-border-radius: 6px; border-radius: 6px; padding: 6px 10px;  color: #3e6382; margin-bottom: 20px; }
#inq-bg .inqformbg { background: url(../images/inqform-bg.jpg) no-repeat 0px 0; min-height: 275px; padding: 15px 20px; margin-bottom: 10px; margin-top: 10px; }
#inq-bg label { color: #4e4e4e;  font-family: 'LucidaGrandeBold'; width: 288px; float: left;   }
#inq-bg .service-leftpart { width: 310px; float: left; color: #3d768f; line-height: 35px; padding-top: 0px;  }
#inq-bg .service-leftpart label { color: #3d768f; font-family: "LucidaGrandeRegular"; font-size: 13px; }
#inq-bg .service-rightpart { width: 513px; padding-left: 90px; float: left; } 
#inq-bg .service-rightpart label {  color: #535353;  font-family: 'LucidaGrandeBold'; 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: 7px; left: 10px; color: #3e6382; }
h1.page-heading {  font-size: 22px; color: #333; }
#inq-bg .greentxt { color: #327fae !important; font-size: 13px;  }
.inq-msg { border: 1px solid #cfdce0; background: #edf6f9; padding: 5px; width: 60%; margin: auto; }
.inq-code { font-size: 18px;  font-family: 'LucidaGrandeBold'; color: #429dd9; }
.inq-code em  { font-style: normal; color: #00324f; }
.form-icons { float: left; margin-right: 10px; margin-top: 5px; }