
/* CSS Document */
img{border:none; margin:0;}
body{font:11px Tahoma; background:#FFFFFF; margin:0; padding:0; color:#494a4a;}

h1, h2, h3, h4, h5, h6, li, ul, ol, img,form, input, border{margin:0; padding:0;}
.cl{clear:both}
.cl_left{clear:left; font-size:1px;}
.fl{float:left}
.fr{float:right}
.fln{float:none}
.container{width:942px; background:#FFFFFF; margin:0 auto 0px auto; padding:0px 3px 0px 3px;}
.header{width:948px; margin:0 auto 0 auto; background:url(../images/top_header_pixel.jpg) left top repeat-x #FFFFFF; height:98px;}
.v-line-p{float:left; margin:2px 5px 2px 5px; background:url(../images/line_vertical.jpg) no-repeat; width:5px; height:135px;}
.v-line-p-b{float:left; margin:10px 5px 2px 5px; background:url(../images/line_vertical_big.jpg) no-repeat; width:3px; height:252px;}

.h-pic{float:right; margin:0 0px 0 0px; background:url(../images/who_we_are_pic.jpg) no-repeat; width:126px; height:172px;}

.h-pic-2{margin:12px 5px 5px 20px; float:left; background:url(../images/no_1.jpg) no-repeat; width:100px; height:93px;}

.v-line-black{margin:0px 0px 0px 0px; float:left; background:url(../images/v-line-black.gif) no-repeat; width:7px; height:96px;}


.free{font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; color:#ff0018; float:left; font-weight:bold; margin:11px 1px 1px 0px;}
.phone{background:url(../images/phone.jpg) no-repeat; height:40px; width:46px; float:left;}
.nmbrs{color:#ff0018; font-family:tahoma; font-weight:bold; float:left; margin:10px 2px 1px 5px; font-size:11px;}

.buttons{color:#454444; font-size:15px;}
.buttons li{list-style:none; float:left;}
.buttons li a{font-family:Tahoma; color:#727272; text-decoration:none; float:left; margin:2px 3px 5px 10px; width:81px; text-align:center; height:25px; vertical-align:middle; padding-top:8px; font-size:13px; font-weight:bold;}
.buttons li a:hover{color:#454444; text-decoration:none; background:url(../images/button.jpg) no-repeat;}
.buttons li.active a{font-family:Tahoma; color:#454444; text-decoration:none; background:url(../images/button.jpg) no-repeat; width:81px; text-align:center; height:25px; vertical-align:middle; padding-top:8px; font-size:13px;}


.sm {list-style:none; width:948px; height:226px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}
.banner-cont{width:798px; height:236px;}
.banner-tab{float:left; width:39px;}
.thumb{float:left; margin-right:10px; width:90px;}

.heading-m{font-size:24px; color:#dc555a; font-family:Tahoma; margin:5px 2px 2px 10px; list-style:none;}
.heading-m h1{font:24px Tahoma;}

.heading-wp{font-size:24px; color:#da913c; font-family:Tahoma; margin:5px 2px 2px 10px;}
.heading-wp h1{font:24px Tahoma;}

.heading-j{font-size:24px; color:#cb6b9b; font-family:Tahoma; margin:5px 2px 2px 10px;}
.heading-j h1{font:24px Tahoma;}

.heading-d{font-size:24px; color:#d56b00; font-family:Tahoma; margin:5px 2px 2px 10px;}
.heading-d h1{font:24px Tahoma;}

.heading-we{font-size:24px; color:#353b49; font-family:Tahoma; margin:8px auto 2px auto;}
.heading-we h1{font:24px Tahoma;}

.heading-fd{font-size:24px; color:#ff2c2c; font-family:Tahoma; margin:8px auto 2px auto;}
.heading-fd h1{font:24px Tahoma;}

.heading-des{font-size:24px; color:#00a2e5; font-family:Tahoma; margin:8px auto 2px auto;}
.heading-des h1{font:24px Tahoma;}

.heading-gra{font-size:24px; color:#4388a0; font-family:Tahoma; margin:8px auto 2px auto;}
.heading-gra h1{font:24px Tahoma;}


.more-link {padding:0px; margin:0px;}
.more-link ul {margin:0px; padding:0px;}
.more-link li {color:#393939; margin:0px 0 0 10px; line-height:19px; text-align:left; background:url(../images/more_bullet.gif) no-repeat 0 7px; list-style:none;}
.more-link li a{color:#393939; text-decoration:none; font-weight:bold; padding:0 0 0 22px;}
.more-link li a:hover{color:#393939; text-decoration:none; padding:0 0 0 25px;}

.why-choose {padding:0px; margin:0px;}
.why-choose ul {margin:0px; padding:0px;}
.why-choose li {color:#393939; margin:0px 0 0 10px; line-height:19px; text-align:left; background:url(../images/square_bullet.jpg) no-repeat 0 7px; list-style:none; padding:0 0 0 18px;}
.why-choose li h3{font:11px Tahoma; line-height:19px;}
.why-choose li a{color:#393939; text-decoration:none;}
.why-choose li a:hover{color:#393939; text-decoration:underline;}


.home-bullet {padding:0px; margin:0px;}
.home-bullet ul {margin:0px; padding:0px;}
.home-bullet li {color:#393939; margin:0px 0 0 25px; line-height:19px; text-align:left; background:url(../images/bullet_star.jpg) no-repeat 0 6px; list-style:none;}
.home-bullet li h2{font:11px Tahoma; line-height:19px;}
.home-bullet li a{color:#787777; text-decoration:none; font-weight:bold; padding:0 0 0 20px;}
.home-bullet li a:hover{color:#787777; text-decoration:underline;}


.bot-txt-link {padding:0px; margin:0px; float:left;}
.bot-txt-link ul {margin:0px; padding:0px;}
.bot-txt-link li {color:#6c6c6c; margin:0px 0 0 12px; line-height:19px; text-align:left; list-style:none;}
.bot-txt-link li h3{font:11px Tahoma; line-height:19px;}
.bot-txt-link li a{color:#6c6c6c; text-decoration:none; padding:0 0 0 20px;}
.bot-txt-link li a:hover{color:#CCCCCC; text-decoration:underline; font-weight:bold;}

.bottom-link{padding:3px 3px 0 3px; text-align:right; height:20px;}
.bottom-link li{display:inline; border-left:1px solid #6c6c6c; height:15px; vertical-align:middle; float:left;}
.bottom-link li a{color:#6c6c6c; text-decoration:none; float:left; padding:0 7px; font-weight:bold;}
.bottom-link li a:hover{text-decoration:none; color:#CCCCCC; font-weight:bold;}
.bottom-link li.sec{border:none; background:url(../images/bullet_blue.gif) no-repeat 0 3px;}
.bottom-link li.fir{border:none;}

.copyright{color:#6c6c6c;}


/*-----------------------------------------  INNER PAGE  ------------------------------------------------*/

.heading{color:#323537; font-family:"Trebuchet MS"; font-size:21px; padding-top:25px; text-transform:uppercase;}


.left-heading{color:#4e4f4f; font-family:Georgia; font-size:20px; font-weight:bold; margin:8px 5px 8px 15px; text-align:left;}

.leftmenu h2, .banner h2{background:url(../images/blue-h.png) repeat; height:30px; padding:5px 10px 0 10px; font:bold 13px Arial, Helvetica, sans-serif; color:#3997ce; line-height:30px; border:1px solid #c4e4f7;}

.leftmenu{margin:0 0 7px 0; padding:0; width:263px; /*width of menu*/}

.leftmenu a.menuitem{background:url(../images/left_link_white.jpg) repeat-x top left; font:12px Tahoma; display: block;position: relative; /*To help in the anchoring of the ".statusicon" icon image*/width:auto; padding: 5px 20px 3px 15px; text-decoration: none; color:#4c4b4b; margin-bottom:1px; font-weight:bold; height:21px;}
.leftmenu .menuitem:active{color:#4c4b4b; margin-bottom:1px; background:url(../images/left_link_blue.jpg) repeat-x top left;}
.leftmenu a.menuitem:visited,{ color:#4c4b4b; margin-bottom:1px;}
.leftmenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/position: absolute;top:7px;right: 5px;border: none;}
.leftmenu a.menuitem:hover{background:url(../images/left_link_blue.jpg) repeat-x top left;}
.leftmenu div.submenu{ /*DIV that contains each sub menu*/background:#f6f6f6; display:none;}
.leftmenu div.submenu ul{ /*UL of each sub menu*/list-style-type: none;margin: 0;padding: 0;}
.leftmenu div.submenu ul li{background:#f6f6f6; border-bottom:1px solid #FFFFFF; padding:0;}
.leftmenu div.submenu ul li a{font:10px Verdana, Arial, Helvetica, sans-serif; background:url(../images/sub-bullet.gif) no-repeat 30px 9px; color:#333333; display:block; padding:5px 0 5px 55px; text-decoration:none;}
.leftmenu div.submenu ul li a:hover{text-decoration:underline;}


.leftnav ul{margin:0px; padding:0; list-style:none;}
.leftnav li{margin:0 0 0px 0; padding:0; width:263px; list-style:none; /*width of menu*/}
.leftnav li a{background:url(../images/left_link_white.jpg) repeat-x top left; font:12px Tahoma; padding: 5px 0px 3px 15px; text-decoration: none; color:#4c4b4b; margin-bottom:1px; font-weight:bold; list-style:none; width:auto; display:block; height:21px;}
.leftnav li a:hover{background:url(../images/left_link_blue.jpg) repeat-x top left; list-style:none; height:21px;}


.main-heading{color:#4a3c31; font-family:Tahoma; font-size:22px; text-align:left; font-weight:bold; margin:5px 0 5px 0; float:left; width:326px;}

.small-heading{color:#4a3c31; font-family:Tahoma; font-size:18px; text-align:left; font-weight:bold; margin:5px 0 5px 0;}
.small-heading-blue{color:#0a6ecb; font-family:Tahoma; font-size:17px; text-align:left; font-weight:bold; margin:5px 0 5px 0;}
.small-heading-blue a{color:#999999; font-family:Tahoma; font-size:14px; text-align:left; font-weight:bold; margin:5px 0 5px 0; text-decoration:none; padding:0px 10px;}
.small-heading-blue a:hover{color:#0a6ecb; font-family:Tahoma; font-size:14px; text-align:left; font-weight:bold; margin:5px 0 5px 0; text-decoration:underline; font-weight:bold; padding:0px 10px;}

.text{font:12px Arial, Helvetica, sans-serif; line-height:15px; padding:2px; color:#4d4d4d;}
.line-dotted{background:url(../images/dotted_line.jpg) repeat-x left top; height:1px; font-size:1px; width:640px; margin:10px 0 0 0;}

.contact-text-cl{font:12px Arial, Helvetica, sans-serif; line-height:15px; color:#4d4d4d;}

.s-base-l{float:left; background:url(../images/services_base.jpg) no-repeat left top; height:186px;}
.s-base-r{float:right; background:url(../images/services_base.jpg) no-repeat left top; height:186px;}
.s-heading{padding:28px 2px 1px 12px; float:left; width:210px; font-weight:bold; float:left; font-family:Tahoma; font-size:17px; color:#1F1F1F;}
.s-heading h1{font:17px Tahoma; font-weight:bold;}
.s-text{font-family:Tahoma; font-size:11px; color:#474747; padding:12px 3px 1px 12px; text-align:justify;}


/*-----------------------------------------  P O R T F O L I O  ------------------------------------------------*/


.port-out-box{background:#f8f8f8; width:311px; height:348px; float:left; margin:10px 0px 0px 0px; padding:0px; border:1px solid #e8e8e8;}
.port-in-box{background:#e8e8e8; width:300px; height:337px; margin:4px 2px 3px 4px; padding:0px; border:1px solid #FFFFFF;}
.port-head-b{margin:0px 2px 0px 20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#717171;}
.port-head-s{margin:2px 2px 0px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#717171;}
.enlarge{margin:9px 17px 0px 0px; float:right;}

.port-out-box-l{background:#f8f8f8; width:650px; height:348px; float:left; margin:10px 0px 0px 0px; padding:0px; border:1px solid #e8e8e8;}
.port-in-box-l{background:#e8e8e8; width:639x; height:337px; margin:4px 2px 3px 4px; padding:0px; border:1px solid #FFFFFF;}

.port-out-box-logo{background:#f8f8f8; width:311px; height:300px; float:left; margin:10px 0px 0px 0px; padding:0px; border:1px solid #e8e8e8;}
.port-in-box-logo{background:#e8e8e8; width:300px; height:289px; margin:4px 2px 3px 4px; padding:0px; border:1px solid #FFFFFF;}

.top{color:#999999; margin:0px 25px 0 0px; text-align:right; font:Tahoma 11px; font-weight:bold;}
.top a{color:#999999; text-align:right; font:Tahoma 11px; text-decoration:underline; font-weight:bold;}
.top a:hover{color:#000000; text-align:right; font:Tahoma 11px; font-weight:bold; text-decoration:none;}


.port-out-box-c{background:#f8f8f8; width:623px; float:left; margin:10px 0px 0px 0px; padding:5px; border:1px solid #e8e8e8;}

.contact-text{font:12px Arial, Helvetica, sans-serif; line-height:19px; padding:2px; color:#4d4d4d;}


.about {padding:0px; margin:0px;}
.about ul {margin:0px; padding:0px;}
.about li {color:#393939; margin:0px 0 0 0px; line-height:19px; text-align:left; background:url(../images/bullet-ab.jpg) no-repeat 0 7px; list-style:none; padding:0 0 0 18px; font-weight:bold;}
.about li h3{font:11px Tahoma; line-height:19px; font-weight:bold;}
.about li a{color:#393939; text-decoration:none; font-weight:bold;}
.about li a:hover{color:#393939; text-decoration:underline; font-weight:bold;}


.coantct-blue{color:#0a6ecb; font-family:serif; font-size:14px; text-align:left; margin:5px 0 5px 0; line-height:20px; font-weight:bold;}
.contact-rply{font-family:Tahoma; font-size:12px; color:#333333; text-decoration:none; text-align:left; padding:0px; line-height:19px;}


/*-------------------------------------------------------- P R I C E S ----------------------------------------------------------------------------*/

.price-bullet {padding:0px; margin:0px;}
.price-bullet ul {margin:0px; padding:0px;}
.price-bullet li {color:#3a3a3a; margin:10px 0 0 20px; line-height:19px; text-align:left; background:url(../images/tick.jpg) no-repeat 0 1px; list-style:none; font-family:Tahoma; font-size:14px; font-weight:normal; padding:0 0 0 25px;}
.price-bullet li h2{font-family:Tahoma; font-size:14px; line-height:19px; font-weight:normal;}



.offer{margin:0px; padding:0px;}
.offer ul{margin:0px; padding:0px;}
.offer li{list-style:none; font-size:14px; color:#3a3a3a; line-height:19px; font-family:Tahoma; text-align:left; background:url(../images/plus-2.jpg) no-repeat 0px 2px; padding:0px 0px 0px 25px; margin:10px 0px 0px 20px;}


.price-out-box-l{background:#f8f8f8; width:641px; float:left; margin:10px 0px 0px 0px; padding:0px; border:1px solid #e8e8e8;}
.price-in-box-l{background:#e8e8e8; width:628x; margin:4px 2px 3px 4px; padding:0px; border:1px solid #FFFFFF;}


/*-------------------------------------------------------- N E W ----------------------------------------------------------------------------*/


.home-n-heading{margin:20px 0px 0px 5px; font-family:Tahoma; font-size:17px; color:#353535;}
.home-pic-1{float:left; margin:80px 0px 0px 5px; background:url(../images/home-pic.jpg) no-repeat left top; width:40px; height:88px;}
.home-pic-2{float:left; margin:80px 0px 0px 5px; background:url(../images/home-pic-2.jpg) no-repeat left top; width:54px; height:85px;}
.home-pic-3{float:left; margin:80px 0px 0px 5px; background:url(../images/home-pic-3.jpg) no-repeat left top; width:63px; height:73px;}
.line-n-v-1{float:left; margin:3px 0px 0px 0px; background:url(../images/home-v-line.jpg) no-repeat left top; width:1px; height:229px;}
.line-n-v-2{float:left; margin:0px 0px 0px 0px; background:url(../images/line.jpg) no-repeat left top; width:1px; height:141px;}
.box-txt{font-family:Tahoma; font-size:12px; background:#ececec; border:0px; color:#2e2d2d; padding:2px;}
.soft-pic{float:left; margin:12px 2px 2px 8px; background:url(../images/software.jpg) no-repeat left top; width:127px; height:120px;}
.soft-heading{color:#525252; font-size:37px; font-family:Georgia; float:left; padding:32px 0px 5px 3px;}
.sms-pic{float:left; margin:12px 2px 2px 8px; background:url(../images/bulk-sms.jpg) no-repeat left top; width:127px; height:120px;}

.live-pic{margin:7px 2px 1px 18px; float:left; background:url(../images/live-chat.jpg) no-repeat left top; width:64px; height:63px;}
.live-chat{color:#000000; font-size:22px; font-family:Georgia; float:left; padding:7px 0px 5px 13px;}
.live-chat-out{margin:1px 2px 0px 18px;}
.gtalk-pic{margin:7px 2px 1px 0px; float:left;}
.gtalk{color:#480404; font-size:24px; font-family:Georgia; float:left; padding:19px 0px 5px 8px;}
.gtalk a{color:#480404; text-decoration:none;}
.gtalk a:hover{color:#febf06; text-decoration:none;}

.rate-h{color:#0b0b0b; font-family:Tahoma; font-size:17px; padding:4px 2px 1px 0px;}


.blue-h{height:31px; background:url(../images/blue_pixel.jpg) left top repeat-x; color:#0b0b0b; font-family:Tahoma; font-size:19px; padding:4px 2px 1px 8px;}
.brown-h{height:31px; background:url(../images/brown-pxl.jpg) left top repeat-x #d2cba0; color:#0b0b0b; font-family:Tahoma; font-size:19px; padding:4px 2px 1px 8px;}
.pink-h{height:31px; background:url(../images/purple_pixel.jpg) left top repeat-x; color:#0b0b0b; font-family:Tahoma; font-size:19px; padding:4px 2px 1px 8px;}
.earn-money{background:url(../images/earn-money.jpg) no-repeat left top; width:190px; height:171px;}
.outsource{background:url(../images/outsource.jpg) no-repeat left top; width:190px; height:163px; margin:6px 0px 0px 0px;}
.careers{background:url(../images/careers.jpg) no-repeat left top; width:190px; height:164px; margin:6px 0px 0px 0px;}

.web-icon{background:url(../images/web_design_home_pic.jpg) no-repeat; width:111px; height:121px; margin:8px 2px 2px 60px;}
.flash-icon{background:url(../images/flash_design_home_pic.jpg) no-repeat; width:111px; height:121px; margin:8px 2px 2px 55px;}
.three-icon{background:url(../images/3d_design_home_pic.jpg) no-repeat; width:139px; height:129px; margin:8px 2px 2px 40px;}
.graphic-icon{background:url(../images/graphic_design_home_pic.jpg) no-repeat; width:116px; height:129px; margin:8px 2px 2px 60px;}

.main-design-b{color:#f30117; font-size:45px; font-family:Georgia; float:left; padding:10px 5px 5px 160px;}
.main-design-b2{color:#353535; font-size:26px; font-family:Georgia; float:left; padding:27px 5px 5px 0;}

.main-flash-b{color:#545351; font-size:26px; font-family:Georgia; padding:75px 5px 5px 425px;}
.main-flash-b2{color:#545351; font-size:26px; font-family:Georgia; float:left; padding:10px 5px 5px 390px;}
.main-flash-b3{color:#f86900; font-size:26px; font-family:Georgia; float:left; padding:10px 5px 5px 10px;}

.main-logo-b{color:#00b0f0; font-size:30px; font-family:Georgia; padding:75px 5px 5px 413px;}
.main-logo-b2{color:#d8100e; font-size:48px; font-family:Georgia; float:left; padding:0px 5px 5px 321px;}
.main-logo-b3{color:#58a114; font-size:48px; font-family:Georgia; float:left; padding:0px 5px 5px 10px;}

.main-graphics-b{color:#790606; font-size:29px; font-family:Georgia; float:left; padding:54px 5px 5px 60px;}
.main-graphics-b2{color:#5b1500; font-size:40px; font-family:Serif; float:left; padding:47px 5px 5px 12px;}

.main-print-b{color:#545351; font-size:26px; font-family:Georgia; padding:14px 5px 5px 70px;}
.main-print-b2{color:#545351; font-size:26px; font-family:Georgia; padding:0px 5px 5px 205px;}

.main-seo-b{color:#000000; font-size:34px; font-family:Georgia; padding:40px 5px 5px 20px;}
.main-seo-b2{color:#000000; font-size:34px; font-family:Georgia; padding:4px 5px 5px 69px;}
.main-seo-b3{color:#000000; font-size:34px; font-family:Georgia; padding:4px 5px 5px 119px;}

.contact-us{font:Tahoma; font-size:11px; color:#FFFFFF; text-decoration:none; text-align:right; margin:0px 3px;}
.contact-us a{color:#FFFFFF; text-decoration:none;}
.contact-us a:hover{color:#FFFFFF; text-decoration:underline;}

.msg{font-family:Tahoma; font-size:11px; color:#FF0000; font-weight:bold;}