@charset "utf-8";
/*============================
UNIVERSAL TYPE SELECTOR
=============================*/
* {margin:0; padding:0; font-size:100%;}


/*============================
TYPE SELECTOR
=============================*/
a {text-decoration:none; outline:none;}
a:hover {text-decoration:underline; color:#f00;}
a img {border:none;}
ul {list-style:none;}
fieldset {border:none;}
p {margin:8px 0; line-height:18px;}

body {font:12px Arial, Helvetica, sans-serif Tahoma, Geneva, sans-serif; color:#5d5c5c; background-repeat:repeat-x; background-position:50% 110px;}

/*============================
COMMON CLASSES
=============================*/
.clr {clear:both; font-size:0; line-height:0; height:0;}
.f-l {float:left;}
.f-r {float:right;}
.img-l {float:left; margin:0 12px 0 0;}
.img-r {float:right; margin:0 0 0 12px; border:1px solid #ccc; padding:1px;}

.quot-open {background:url(../images/common/quot-open.gif) no-repeat; padding:0 0 0 30px;}
.quot-close {background:url(../images/common/quot-close.gif) no-repeat 100% 100%; padding:0 30px 0 0;}


/*========================
LIST
========================*/
ul.green-list {display:block; margin:8px 0 0 8px;}
ul.green-list li {display:block; background:url(../images/common/green-arrow.jpg) no-repeat 0 3px; padding:4px 0 7px 30px; margin-bottom:5px;}

ul.chk-list {display:block; margin:12px 0 0 8px; width:100%;}
ul.chk-list li {background:url(../images/common/dotted-border.gif) repeat-x 0 100%; color:#b94e2a; display:inline-block; margin-bottom:5px;}
ul.chk-list li span {display:block; background:url(../images/common/chk.png) no-repeat 0 3px; padding:5px 0 8px 30px;}

.link-list {float:left; width:100%; background:url(../images/common/dotted-border.gif) repeat-x 0 100%; padding-bottom:12px; margin-top:15px; margin-bottom:10px}
.link-list h5 {font-size:18px;}
.link-list a {color:#036;}
.link-list a:hover {color:#f00;}
.link-list p {margin-top:4px;}
.link-list b {font:bold 12px Arial, Helvetica, sans-serif;}


.dotted-none {background:none;}
.display-block {display:block;}

/*================
SPACER
=================*/
.spacer-10 {height:10px; font-size:0; line-height:0;}
.spacer-80 {height:159px; font-size:0; line-height:0;}


/*=============
FORM CLASSES
==============*/
.label-105 {width:145px; margin-left:15px; margin-top:8px;}

.input-145 {width:145px; background:url(../images/form/input-145.gif) no-repeat; border:none; font:12px Tahoma, Geneva, sans-serif; color:#c0bebe; padding:8px 5px;}
.input-190 {width:180px; background:url(../images/form/input-190.gif) no-repeat; border:none; font:12px Tahoma, Geneva, sans-serif; padding:8px 5px 10px 5px; color:#a7a4a4;}
.input-165 {width:155px; background:url(../images/form/input-165.jpg) no-repeat; border:none; font:12px Tahoma, Geneva, sans-serif; padding:8px 5px 10px 5px; color:#a7a4a4;}

.textarea-145 {width:135px; background:url(../images/form/message-145.gif) no-repeat; height:56px; border:none; font:12px Tahoma, Geneva, sans-serif; color:#c0bebe; padding:8px 5px;}
.textarea-190 {width:180px; border:none; background:url(../images/form/textarea-190.gif) no-repeat; height:60px; font:12px Tahoma, Geneva, sans-serif; color:#a7a4a4; padding:8px 5px 15px 8px;}
.textarea-165 {width:155px; border:none; background:url(../images/form/textarea-165.gif) no-repeat; height:60px; font:12px Tahoma, Geneva, sans-serif; color:#a7a4a4; padding:8px 5px 15px 8px;}

.submit-65 {background:url(../images/form/submit-bg.gif) repeat-x; font:11px Tahoma, Geneva, sans-serif; color:#fff; border:none; margin-left:5px; padding:5px 5px;}


/*============================
TEXT
=============================*/
h1 {}
h2 {font-size:22px; color:#b54949; font-weight:normal;}
h2.heading {font:bold 20px Tahoma, Geneva, sans-serif Impact; color:#c65428; text-transform:uppercase;}
h2.gray-text {color:#3c3c3c}
h2.blue-text {color:#1e6ab1;}
h2.red-text {color:#d62733;}
h2.pink-text {color:#d0299f;}

h2.text-transform {text-transform:none;}

h3 {font:bold 20px Tahoma, Geneva, sans-serif Impact; color:#c65428; text-transform:uppercase;}
h3 span {font:12px Tahoma, Geneva, sans-serif; display:block; color:#7c8386; font-weight:bold;}
h4 {}
h5 {font-size:21px; font-weight:normal;}
h6 {}

.read-more {float:right; color:#0f72d8; text-decoration:underline; background:url(../images/common/arrow.gif) no-repeat 0 4px; padding-left:15px;}
a.read-more:hover {color:#f00; text-decoration:none;}

a.red-btn {float:left; background:#000 url(../images/common/red-btn-bg.gif) no-repeat 100% 0; color:#fff; text-decoration:none; padding:0 12px 0 0;}
a.red-btn span {background:url(../images/common/red-btn-bg.gif) no-repeat; padding:11px 0 11px 10px; float:left; cursor:pointer;}
a:hover.red-btn {background:url(../images/common/red-btn-hover.gif) no-repeat 100% 0; color:#fff; text-decoration:none;}
a:hover.red-btn span {background:url(../images/common/red-btn-hover.gif) no-repeat;}

a.black-btn {float:left; background:#000 url(../images/common/black-btn.gif) no-repeat 100% 0; color:#fff; text-decoration:none; padding:0 18px 0 0;}
a.black-btn span {background:url(../images/common/black-btn.gif) no-repeat; padding:8px 0 8px 18px; float:left; cursor:pointer;}
a:hover.black-btn {background:url(../images/common/black-btn-hover.gif) no-repeat 100% 0; color:#fff; text-decoration:none;}
a:hover.black-btn span {background:url(../images/common/black-btn-hover.gif) no-repeat;}

.white-text {color:#fff;}
.blue-text {color:#1e6ab1;}
.gray-text {color:#3c3c3c;}
.red-text {color:#d62733;}
a:hover.red-text {color:#d62733; text-decoration:underline;}
.pink-text {color:#d0299f;}

.font-12 {font-size:12px;}
.font-14 {font-size:14px;}
.font-16 {font-size:16px;}


/*============================
BODY CLASSES
=============================*/
.index-bg {background:url(../images/body-bg/index-bg.jpg) repeat-x 0 117px;}
.about-bg {background:url(../images/body-bg/about-us.gif) repeat-x 0 114px;}
.portfolio-bg {background:url(../images/body-bg/portfolio.gif) repeat-x 0 114px;}
.contact-bg {background:url(../images/body-bg/contact-us.gif) repeat-x 0 114px;}
.service-bg {background:url(../images/body-bg/service-bg.jpg) repeat-x 0 114px;}
.e-commerce-bg {background:url(../images/body-bg/e-commerce.jpg) repeat-x 0 114px;}
.custom-programming-bg {background:url(../images/body-bg/custom-programming-bg.gif) repeat-x 0 114px;}
.website-design-bg {background:url(../images/body-bg/website-design-bg.gif) repeat-x 0 114px;}
.ready-packages-bg {background:url(../images/body-bg/packages-bg.gif) repeat-x 0 114px;}
.career-bg {background:url(../images/body-bg/career-bg.jpg) repeat-x 0 114px;}
.quote-bg {background:url(../images/body-bg/request_quote_bg.jpg) repeat-x 0 114px;}
.it-outsourcing-bg {background:url(../images/body-bg/it-outsourcing-bg.jpg) repeat-x 0 114px;}
.iphone-application-bg {background:url(../images/body-bg/iphone-application.gif) repeat-x 0 114px;}
.testimonial-bg {background:url(../images/body-bg/testimonial-bg.jpg) repeat-x 0 114px;}
.mass_mail_bg {background:url(../images/body-bg/mass_mail_bg.jpg) repeat-x 0 114px;}
.bulk_sms_bg {background:url(../images/body-bg/bulk_sms_bg.jpg) repeat-x 0 114px;}
.inventory_manage_bg {background:url(../images/body-bg/inventory_manage_bg.jpg) repeat-x 0 114px;}
.seo_banner_bg {background:url(../images/body-bg/seo_banner_bg.jpg) repeat-x 0 114px;}


.about-banner {background:url(../images/banner/comptition-with-us.jpg) no-repeat 0 111px; float:left;}
.portfolio-banner {background:url(../images/banner/your-punchline.jpg) no-repeat 0 144px; float:left;}
.contact-banner {background:url(../images/banner/let-in-touch.jpg) no-repeat 0 144px; float:left;}
.our-service-banner {background:url(../images/banner/our-service-banner.jpg) no-repeat 0 144px; float:left;}
.e-commerce-banner {background:url(../images/banner/e-commerce-banner.jpg) no-repeat 0 114px; float:left;}
.custom-banner {background:url(../images/banner/custom-progr.jpg) no-repeat 0 114px; float:left;}
.website-design-banner {background:url(../images/banner/website-design.jpg) no-repeat 0 144px; float:left;}
.web-marketing-banner {background:url(../images/banner/web-marketing.jpg) no-repeat 0 118px; float:left;}
.web-hosting-banner {background:url(../images/banner/web-hosting.jpg) no-repeat 0 148px; float:left;}
.ready-packages-banner {background:url(../images/banner/packages-one.jpg) no-repeat 0 144px; float:left;}
.career-banner {background:url(../images/banner/career.jpg) no-repeat 0 144px; float:left;}
.request-quote {background:url(../images/banner/request_quote.jpg) no-repeat 0 114px; float:left;}
.it-outsourcing-banner {background:url(../images/banner/it-outsourcing.jpg) no-repeat 0 144px; float:left;}
.iphone-application-banner {background:url(../images/banner/iphone-application.jpg) no-repeat 0 144px; float:left;}
.testimonial-banner {background:url(../images/banner/testimonial-banner.jpg) no-repeat 0 144px; float:left;}
.mass_mailing {background:url(../images/banner/mass_mailing_service.jpg) no-repeat 0 144px; float:left;}
.bulk_sms{background:url(../images/banner/bulk_sms.jpg) no-repeat 0 144px; float:left;}
.inventory_manage{background:url(../images/banner/inventory_management.jpg) no-repeat 0 144px; float:left;}
.seo_banner{background:url(../images/banner/seo_banner.jpg) no-repeat 0 144px; float:left;}


/*=============================
NAVIGATION
=============================*/
#navigation {float:left; width:986px; margin-right:-3px;}
/*#navigation ul {float:left; margin-left:190px; display:inline;}
#navigation ul li {float:left; background:url(../images/common/divider.gif) no-repeat 100% 100%;}
#navigation ul li.divider-none {background:none;}
#navigation ul li a {color:#fff; float:left; margin:0 3px; padding:0 15px 0 0;}
#navigation ul li a span {float:left; cursor:pointer; padding:12px 0 12px 15px;}
#navigation ul li a:hover {color:#000; text-decoration:none;}

#navigation ul.index-nav li a:hover, #navigation ul.index-nav li a.select {background:url(../images/common/blue-nav-bg.gif) no-repeat 100% 0; color:#000;}
#navigation ul.index-nav li a:hover span, #navigation ul.index-nav li a.select span {background:url(../images/common/blue-nav-bg.gif) no-repeat;}
*/


/*=============================
BANNER, WE PAROVIDE
=============================*/
.banner {float:left; width:986px;}
.banner h4 {float:left; width:986px; /*background:url(../images/banner/index.gif) no-repeat;*/ height:199px; text-indent:-5000px;}
.our-provide {float:left; width:986px; margin-right:-3px;}
.our-provide a {font-size:13px; color:#282a2c; text-align:center; padding-top:90px; float:left; padding-bottom:35px;}
.our-provide a span {font-size:11px; color:#747879; display:block; text-align:center;}
.our-provide a:hover span {color:#f00;}

.it-outsourcing {float:left; width:160px; margin:0 2px 0 0;}
.it-outsourcing a {background:url(../images/common/it-outsourcing.jpg) no-repeat; margin-left:20px;}

.custom-web {float:left; width:179px; margin:0 2px 0 0;}
.custom-web a {background:url(../images/common/custom-web.jpg) no-repeat 20px 0; margin-left:15px;}

.e-commerce {float:left; width:166px; margin:0 2px 0 0;}
.e-commerce a {background:url(../images/common/e-commerce.jpg) no-repeat; margin-left:30px;}

.website-design {float:left; width:135px; margin:0 2px 0 0;}
.website-design a {background:url(../images/common/website-design.jpg) no-repeat 10px 0; padding-left:23px;}

.web-marketing {float:left; width:131px; margin:0 2px 0 0;}
.web-marketing a {background:url(../images/common/web-marketing.jpg) no-repeat 8px 0; padding-left:23px;}

.web-hosting {float:left; width:191px;}
.web-hosting a {background:url(../images/common/web-hosting.jpg) no-repeat 8px 0; margin-left:25px;}

.it-outsourcing a:hover,
.e-commerce a:hover {background-position:0 10px; text-decoration:none; color:#f00;}

.custom-web a:hover {background-position:20px 10px; text-decoration:none; color:#f00;}
.website-design a:hover {background-position:10px 10px; text-decoration:none; color:#f00;}
.web-marketing a:hover,
.web-hosting a:hover {background-position:8px 10px; text-decoration:none; color:#f00;}
 



.inner-we-provide {float:left; width:986px; margin:152px 0 30px 0; background:#000 url(../images/common/sub-nav-bg.jpg) no-repeat; padding:8px 0 35px 0;}
.inner-we-provide ul {float:left; width:986px;}
.inner-we-provide ul li {float:left;}
.inner-we-provide ul li a {color:#282a2c; padding:15px 0 15px 38px; float:left; margin:0 0 0 19px; font-weight:bold; font-size:11px;}
.inner-we-provide ul li a.it-outsourcing-2 {background:url(../images/icon/it-outsourcing-2.jpg) no-repeat; padding-left:42px;}
.inner-we-provide ul li a.custom-prog {background:url(../images/icon/custom-web-2.jpg) no-repeat; padding-left:47px;}
.inner-we-provide ul li a.e-commerce-2 {background:url(../images/icon/e-commerce-2.jpg) no-repeat; padding-left:65px;}
.inner-we-provide ul li a.web-designer-2 {background:url(../images/icon/website-design-2.jpg) no-repeat; padding-left:42px;}
.inner-we-provide ul li a.web-marketing-2 {background:url(../images/icon/web-marketing-2.jpg) no-repeat; padding-left:50px;}
.inner-we-provide ul li a.web-hosting-2 {background:url(../images/icon/web-hosting-2.jpg) no-repeat; padding-left:56px;}
.inner-we-provide ul li a:hover {text-decoration:none; color:#f00; background-position:5px 0;}

.inner-we-provide ul li a.red-text {color:#f00;}

.shadow-box {float:left; width:638px; background:url(../images/common/shadow-box-m.gif) repeat-y;}
.shadow-box-top {float:left; width:618px; background:url(../images/common/shadow-box-top.gif) no-repeat; padding:10px;}
.shadow-bottom {float:left; width:638px; background:url(../images/common/shadow-box-b.gif) no-repeat 0 100%; height:31px;}


.two-box-list {float:left; width:643px;}
.box {float:left; width:296px; border:1px solid #c8c6c6; padding:3px; margin-left:10px;}
.box img {float:left; border:1px solid #c8c6c6; padding:1px;}
.box h4 {font:bold 13px Tahoma, Geneva, sans-serif; text-transform:uppercase; text-align:center; padding:0 4px; height:40px;}
.box ul {float:left; width:296px; margin:10px 0 0 0;}
.box ul li {float:left; width:296px; background:url(../images/common/dotted-border.gif) repeat-x 0 100%; padding-bottom:4px; margin-top:8px;}
.box ul li.dotted-none {background:none;}
.box ul li span {float:left; background:url(../images/common/small-green.gif) no-repeat 0 2px; padding:2px 0 2px 22px;}




/*=============================
WRAPPER
=============================*/
#wrapper {width:986px;}

.left-wrapper {width:672px; padding-left:15px;}


/*==========================================

==========================================*/
.rounded-653 {float:left; width:653px; background:url(../images/common/rounded-bottom-653.gif) no-repeat 0 100%;}
.rounded-top-653 {float:left; width:633px; background:url(../images/common/rounded-top-653.gif) no-repeat; padding:15px 10px 10px 10px;}
.rounded-top-653 h5 {float:left;}
.rounded-top-653 strong {float:right; color:#fff; font-size:13px; margin:15px 0 0 0;}
.package-list {float:left; width:300px;}
.price {float:right; width:140px;}
.price img {float:left; margin:0 0 10px 25px;}
.price a {float:left;}
.price a img { float:left; margin:3px 10px 0 0;}



/*=============================
FOOTER
=============================*/
#footer {background:url(../images/common/footer-bg.gif) repeat-x 0 10px; padding-top:10px;}
#footer-content {width:986px; margin:0 auto; color:#fff; font-size:13px;}
#footer-content h2 {color:#fff; font-size:20px; margin:10px 0 0 0;}
#footer-content ul {float:left; margin-top:15px;}
#footer-content ul li {float:left; margin-top:5px;}
#footer-content li a {color:#fff; background:url(../images/common/arrow-2.gif) no-repeat 0 5px; padding:3px 0 3px 25px; float:left;}

.latest-news {float:left; width:393px; background:url(../images/common/divider-2.png) no-repeat 100% 50px;}
.latest-news ul {width:380px;}
.latest-news li {width:380px;}
.we-accept {float:left; width:380px; margin-top:6px;}
.we-accept b {float:left; color:#000; margin:4px 5px 0 0;}
.we-accept img {float:left; border:1px solid #fff; padding:1px;}


.search-packages {float:left; width:593px; position:relative; height:258px; font-size:12px;}
#footer-content .search-packages ul {float:left;}
#footer-content .search-packages ul li {float:left; padding:0 1px;}
#footer-content .search-packages li a {float:left; padding:0; background:none; margin:0 2px;}

.quick-links {float:left; width:306px;  height:258px;}
.quick-links p {padding-top:8px;}
.quick-links a {color:#fff;}
.w3c {float:left; background:url(../images/common/w3c-footer.gif) no-repeat; width:199px; height:33px; padding:5px 0 0 12px; position:absolute; right:15px; bottom:0;}
.w3c img {float:left; margin-left:2px;}

.footer-link {float:left; width:986px;}
#footer-content .footer-link ul {float:left; margin:0 0 0 0;}
#footer-content .footer-link ul li {float:left; border-right:1px solid #ccc; padding:0 5px; margin:0;}
#footer-content .footer-link ul li.border-none {border:none;}
#footer-content .footer-link ul li a {color:#676161; font-size:12px; padding:0; background:none;}
#footer-content .footer-link ul li a:hover {color:#f00; text-decoration:none;}

.footer-link p {float:right; color:#0363c5; margin:0; margin-right:15px; display:inline;}

.twtr-hd {display:none;}