/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block}
mark, rp, rt, ruby, summary, time{display:inline }
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.right1 {float:right}
.rightsocial {float:left}

.right11 {float:right}
.wrapper {width:100%; margin-top:-2px;  overflow:hidden}

.careerwrapper {width:450px; overflow:hidden; float:left; background:#fff; margin:0 auto; padding:2px;}


.wrapper1 {width:740px; background:#fff; margin:0 auto; text-align:justify; padding:0;}

.wrapperwebd {width:740px;  margin:0 auto; padding:0; text-align:justify; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#000000;line-height:22px;font-style:italic}

.wrapperwebdev {width:740px;  margin:0 auto; padding:0; text-align:justify; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#000000;line-height:22px;font-style:italic}

.wrappersoftdev {width:740px;  margin:0 auto; padding:0; text-align:justify; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#000000;line-height:22px;font-style:italic}

.wrapper2 {width:100%; background:#fff; text-align:justify; margin:0 auto; padding:0; float:left;}

.wrapperfoot {width:100%; padding:0; float:left;}

.wrapper15 {width:100%; float:left;  overflow:hidden}

.clr{
clear:both;
}

.clr21{
margin-top:10px;
margin-bottom:10px;
clear:both;
}

.clr22{
margin-top:5px;
margin-bottom:5px;
clear:both;
}

.wrapperwebdev {width:100%;  margin:0 auto; padding:0; float:left;}
/* Global properties ======================================================== */
body{background:#000;border:0;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#696969;font-style:italic}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
	.body1{background:#fff url(../images/logobg.jpg) top center repeat-x}
.body2{background:url(../images/bg_top2.gif) bottom repeat-x}
.body3{background:#fff;}
.body331{background:#fff; padding-top:122px;}

.bodywebd{background:#f9eccd url(../images/bg25.jpg) repeat-x;}

.bodywebdev{background:#c5dffb url(../images/bg26.jpg) repeat-x;}

	.bodysoftdev{background:#caefe5 url(../images/bg27.jpg) repeat-x; padding-top:122px;}

.bodyseo{background:#f0dbf2 url(../images/bg28.jpg) repeat-x; padding-top:122px;}

.bodygraphic{background:#f8d5cb url(../images/bg29.jpg) repeat-x;}

.bodycommerce{background:#e5e2f2 url(../images/bg30.jpg) repeat-x;}

.bodypayroll{background:#c0f0a8 url(../images/bg31.jpg) repeat-x;}

.bodyretailmanag{background:#c4c7c2 url(../images/bg32.jpg) repeat-x;}

.bodystockmanag{background:#f5d1dd url(../images/bg33.jpg) repeat-x;}

.body31{background:#fff margin:0 auto bottom:0;}
.body4{background:url(../images/bg.jpg) top center repeat; height:226px;}
.body5{background:url(../images/bg_top_img.jpg) center bottom no-repeat}
/* Global Structure ============================================================= */
.main {margin:0 auto; width:980px}


/* ============================= main layout ====================== */
a{color:#d7d7d7;text-decoration:none; outline:none}
a:hover{text-decoration:underline}
h1{float:left}
h2{font-size:35px;font-style:normal;font-weight:400;line-height:0.25em;padding:15px 0 5px 0;color:#000;letter-spacing:-1px}
h2.under{border-bottom:1px solid #e5e5e5;margin-bottom:15px}
h2.welcomeunder{border-bottom:1px solid #e5e5e5;margin-bottom:5px}
h2.welcomenewunder{border-bottom:1px solid #e5e5e5;margin-bottom:5px;padding:0;}
h3{font-size:26px;color:#000;line-height:1.2em;letter-spacing:-0px;padding-bottom:16px;font-weight:400;font-style:normal}
h3 a{color:#000; text-decoration:none;}

h4.ecomob{font-size:20px;color:#000;line-height:1.2em;letter-spacing:-0px; margin:0; padding:0;font-weight:400;font-style:normal}
h4.ecomob a{font-size:20px;color:#000; text-decoration:none;letter-spacing:-0px; font-weight:400;font-style:normal;}
h4.ecomob a:hover{color:#666; text-decoration:none;}


h3 span{display:block;margin-top:-7px}
* + html h3 span{margin-top:-25px}
h3 .dropcap{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap1.gif) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}
h4{font-size:26px;line-height:1.2em;color:#fff;font-weight:400;padding:18px 0 15px 0}
h5{font-size:33px;color:#000; line-height:1.7em;padding:0 0 6px 0;font-weight:400;font-style:normal}
h5 .dropcap{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap1.gif) 0 0 no-repeat;color:#fff;text-align:center}
h5 .dropcap strong{font-weight:700;font-size:34px;line-height:1.2em;display:block;padding-top:3px;letter-spacing:-2px}
h5 .dropcap span{font-weight:400;font-size:14px;line-height:1.2em;display:block;margin-top:-8px}
h6{font-size:20px;line-height:1.2em;color:#000;padding:0 0 5px 0;font-style:normal;font-weight:400}
h7{font-size:22px;line-height:1em;color:#fff;font-weight:400; font-style:normal; padding:24px 0 15px 0}

.ecommerceserv{float:left;width:120px;height:120px;margin-top:0px;margin-right:10px;background:url(../images/ecommimg.jpg) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:0.5em;padding-top:6px}
.mobileappserv{float:left;width:120px;height:120px;margin-top:0px;margin-right:10px;background:url(../images/mobileap.jpg) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:0.5em;padding-top:6px}

p{padding-bottom:22px}



h6 a{color:#000; text-decoration:none;}
h6 a:hover{color:#666;}
/* ============================= header ====================== */
header{padding-top:10px;height:114px; background:url(../images/logobg.png) repeat-x; }
#logo{display:block;background:url(../images/logo.png) 0 0 no-repeat;width:175px;height:94px;text-indent:-9999px}
#menu {float:right;padding-top:10px}
#menu li {float:left;padding-left:31px}
#menu li a{display:block;font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;line-height:1.2em;color:#bbb;text-transform:uppercase;text-decoration:none;text-align:center;letter-spacing:-1px;height:49px;font-style:normal;font-weight:700}
#menu li a span{font-size:13px;line-height:1.2em;color:#666666;display:block;letter-spacing:-1px;margin-top:-3px;font-weight:normal}
#menu li a:hover, #menu .active a{color:#497e04}
#menu li a:hover span, #menu .active a span{color:#fff}
#menu #nav1 a{background:url(../images/menu_icon1.gif) bottom center no-repeat}
#menu #nav1 a:hover, #menu #nav1.active a{background:url(../images/menu_icon1_active.gif) bottom center no-repeat}
#menu #nav2 a{background:url(../images/menu_icon2.gif) bottom center no-repeat}
#menu #nav2 a:hover, #menu #nav2.active a{background:url(../images/menu_icon2_active.gif) bottom center no-repeat}
#menu #nav3 a{background:url(../images/menu_icon3.gif) bottom center no-repeat}
#menu #nav3 a:hover, #menu #nav3.active a{background:url(../images/menu_icon3_active.gif) bottom center no-repeat}
#menu #nav4 a{background:url(../images/menu_icon4.gif) bottom center no-repeat}
#menu #nav4 a:hover, #menu #nav4.active a{background:url(../images/menu_icon4_active.gif) bottom center no-repeat}
#menu #nav5 a{background:url(../images/products_icon.jpg) bottom center no-repeat}
#menu #nav5 a:hover, #menu #nav5.active a{background:url(../images/products_icon_active.jpg) bottom center no-repeat}
#menu #nav6 a{background:url(../images/careers_icon.jpg) bottom center no-repeat}
#menu #nav6 a:hover, #menu #nav6.active a{background:url(../images/careers_icon_active.jpg) bottom center no-repeat}

#menu #nav7 a{background:url(../images/menu_icon5.gif) bottom center no-repeat}
#menu #nav7 a:hover, #menu #nav7.active a{background:url(../images/menu_icon5_active.gif) bottom center no-repeat}
.slider{top:107px;position:absolute;z-index:1}
.slider .items{display:none}
.slider  .pagination{position:absolute;z-index:2;bottom:13px;left:432px}
.slider  .pagination li{float:left;padding-right:4px}
.slider  .pagination a{display:block;width:16px;height:16px;text-indent:-9999px;background:url(../images/buttons.png) right 0 no-repeat}
.slider  .pagination a:hover, .slider  .pagination .current a{background-position:left}
/* ============================= content ====================== */
#content{padding-top:10px;padding-bottom:5px}
#content2{padding-bottom:10px}
.pad_left1{padding-left:60px; margin:0 auto;}

.pad_mobileappsleft1{padding-left:30px; margin:0 auto;}

.prod_left1{padding-left:0px;  margin-left:25px;}

.prod_left2{padding-left:0px; margin-left:75px;}

.prod_left3{padding-left:0px;  margin-left:5px;}

.pad_leftportfolio{margin-right:25px; float:right;}

.pad_leftwebdev{padding-left:20px; margin:0 auto;}

.pad_leftwebd{padding-left:20px; margin:0 auto;}
.pad_leftseo{padding-left:20px; margin:0 auto;}

.pad_leftsoftdev{padding-left:20px; margin:0 auto;}

.pad_leftcontaddress{padding-left:0px; width:330px; margin:0 auto; float:right;}

.quotimgs{padding-left:0px; width:400px; margin:0 auto; float:right;}

.pad_leftadd{margin:0 auto; float:right;}

.pad_leftmap{padding-left:5px; padding-top:15px; width:600px; margin:0 auto; float:left;}

.pad_left111{width:300px; padding:0; margin:0 auto;}



.pad_left17{padding-left:5px}
.pad_left2{padding-left:0px}
.pad_bot1{padding-bottom:2px}

.pad_homepageoverview{padding:4px; text-align:justify;}
.pad_bot2{padding-bottom:40px}
.pad_botabout{padding-bottom:0px}
.pad_careerbot2{padding-bottom:40px}
.pad_bot21{padding-bottom:10px}

.pad_bot221{padding-bottom:10px; width:100%; float:left;}
.pad_bot222{padding-bottom:10px; width:740px; float:left;}

.pad_botwebdes{padding-bottom:10px; width:740px; float:left; }

.pad_botwebdev{padding-bottom:10px; width:740px; float:left;}

.marg_right1{margin-right:20px}
.welcomeicon{margin-right:10px}

.mobapps_right1{margin-right:15px}


.link1{color:#60b000;font-style:normal}
.testimonials{width:100%;position:relative;z-index:1;height:210px;overflow:hidden}
#testimonials div{background:url(../images/bg_testimonials.gif) 0 bottom no-repeat #f5f5f5;padding:16px 27px 38px 22px}
#testimonials span{display:block;padding:0 0 0 11px;font-style:normal}
.testimonials li{height:210px}

.testimonials li img{ border:0;}

.up, .down{position:absolute;z-index:2;bottom:10px;right:0;width:32px;height:32px;display:block}
.up{right:33px;background:url(../images/marker_up.gif) 0 0 no-repeat}
.down{background:url(../images/marker_down.gif) 0 0 no-repeat}
.up:hover, .down:hover{background-position:bottom}
.color1{color:#000}
.color1 a{color:#000; text-decoration:none;	}
.color2{color:#60b000}
.list1{background:url(../images/line_hor1.png) 10px 0 no-repeat;padding-top:1px}
.list1 li{background:url(../images/line_hor1.png) 10px bottom no-repeat;line-height:29px}
.list1 a{color:#696969;text-decoration:none;font-style:normal;padding-left:14px;background:url(../images/marker_1.gif) 0 6px no-repeat}
.list1 a:hover{color:#fff}
.address{background:url(../images/line_hor1.png) 0px 0 no-repeat;padding-top:1px}
.address li{background:url(../images/line_hor1.png) 0px bottom no-repeat;line-height:29px;font-style:normal}
.address span{padding-left:0px;float:left;width:60px; text-align:justify;}
.address a{color:#fff}
#icons{background:url(../images/line_hor1.png) 23px 0 no-repeat;padding-top:1px}
#icons li{background:url(../images/line_hor1.png) 23px bottom no-repeat;line-height:29px}
#icons a{color:#696969;text-decoration:none;font-style:normal;display:inline-block}
#icons img{float:left;margin-right:9px;margin-top:5px}
#icons a:hover{color:#fff}

#address span{float:left;width:220px}
/* ============================= footer ====================== */
footer {padding:8px 0 8px 0;font-style:normal;color:#696969;text-align:center}
footer a{color:#fff}
footer a:hover{}
/* ============================= forms ============================= */
#ContactForm {margin-top:-4px}
#ContactForm span{width:109px;float:left;}
#ContactForm .wrapper{min-height:30px}
#ContactForm .textarea_box{min-height:275px;width:100%;overflow:hidden;padding-bottom:6px}
#ContactForm {}
#ContactForm {}

#ContactForm .input {height:18px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}
#ContactForm textarea {overflow:auto;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}
#newsletter{}
#newsletter .input{background:#fff;padding:6px 18px;width:184px;height:18px;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:inherit;color:#b4b4b4;margin:0}
#newsletter .input:focus{color:#696969}
#newsletter .wrapper{min-height:40px}
#newsletter a{float:right;width:90px;height:32px;background:#fff;line-height:32px;color:#000;font-weight:bold;text-align:center;font-style:normal;text-decoration:none}
#newsletter a:hover{background:#60b000;color:#fff}


.wersocial{color:#fff; width:180px;font-weight:400;padding:0px 0 0px 0}




#quoteform {margin-top:-4px}
#quoteform span{width:200px;float:left;}
#quoteform .wrapper{min-height:30px}
#quoteform .textarea_box{width:100%;overflow:hidden;padding-bottom:6px}
#quoteform {}
#quoteform {}


#quoteform .input {width:270px;height:18px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}





#quoteform textarea {overflow:auto;width:320px;height:128px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}
#quoteform select {width:280px;height:26px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px} 







/*  our services started */

#middlebox{
width:980px;
background:#fff;
padding:0px;
margin:0 auto;
}


#viewpackage
{
width:200px;
padding-left:750px;
float:none;
}

.viewmorepackage 
{
position: relative; 
width:100%;
background-image:url(../images/dirsubpackbutton.png)
no-repeat;
height:36px;
background-position:bottom;

}





#flashdesignbox
{
float:right;
width:720px;
margin-top:-210px;
padding:0px;
}



.graphicdesignimg
{
width:301px;
margin-top:-230px;
padding-left:690px;
float:none;
}

.ecommerceimg
{
margin-top:-210px;
padding-left:690px;
float:none;
}


.softwaresdev
{
margin-top:-215px;
padding-left:690px;
float:none;
}


#leftmenu1{
width:231px;
padding:0px;
float:right;
margin-top:7px;
}

#leftmenu1 .center-page-left-main-our-services{
	width:221px; height:4px; margin:0px; padding-left:10px; padding-bottom:1px; background-image:url(../images/servicestopimg.png); background-repeat:no-repeat; 
	

}

h9{font-size:17px; line-height:2.6em;color:#fff;padding:0 0 5px 0;font-style:normal;font-weight:400; }

#leftmenu1 .center-page-left-main-our-services h3{
	font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000; margin:13px 0px 0px 10px;

}



#recentdesign1{
width:700px;
margin-top:-500px;

}

.ourrecentdesign{
width:700px; float:right;   margin-top:-208px;  padding-bottom:0px; background-image:url(../images/our-recent-desigh.gif); background-repeat:repeat-x; border-top:solid 4px #dbd9da; padding-top:0px; border-left:solid 4px #dbd9da; border-right:solid 4px #dbd9da; border-bottom:solid 4px #dbd9da;
}

#bottomcenter{
width:980px;
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#00CC66;line-height:22px;font-style:italic;
padding:0px;
margin:0px;
}

.body9{
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#00CC66;line-height:22px;font-style:italic;
padding-left:0px;
margin:0px;
}



#leftmenucont2{
float:inherit;
width:710px;
margin-left:265px;
margin-top:-206px;
vertical-align:top;
padding:0px;
}

#leftmenu2
{
padding-left:0px;
color:#696969;
padding:5px;
border-top:solid 4px #b6b6b6; padding-right:0px; vertical-align:top; border-left:solid 4px #b6b6b6; border-right:solid 4px #b6b6b6;border-bottom:solid4px #b6b6b6;
margin:0px;
}

#leftmenu2 .center-page-left-main-our-services{
	width:540px; height:44px; margin:0px; padding-left:10px; background:#344454;

}



#leftmenu2 .center-page-left-main-our-services h3{
	font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#000; margin:13px 0px 0px 10px;

}


.ulserviceclass{
font-family:Arial, Helvetica, sans-serif, Tahoma;
font-size:14px;
line-height:30px;
border-bottom:1px dotted #fff;
background-color:#e6e6e6;
color:#000;
}

.ulserviceclass a{
background-color:#e6e6e6;
display:block;
padding-left:15px;
width:215px;
height:30px;
text-decoration:none;
color:#000;
}

.ulserviceclass a:hover{
background:#414141 url(../images/rightmenuhover.jpg) no-repeat;
background-position:left;
height:30px;
text-decoration:none;
color:#fff;
}

#ullid1 a{
background:#414141 url(../images/rightmenuhover.jpg) no-repeat;
background-position:left;
height:30px;
text-decoration:none;
color:#fff;
}




.liserviceclass{
border-bottom:1px dotted #fff;
}

.liserviceclasshead{
background:#202222; color:#fff; height:40px; font-family:Cambria;
font-style:normal; font-size:17px;
line-height:35px; padding-left:15px; font-weight:bold;
}






.leftmenubotcurv{
background:url(../images/leftservicebotcurv.png); background-repeat:no-repeat;
width:231px;
float:right;
height:10px;
}

#headingbold{
{font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#00CC66;line-height:22px;}


#bannerimages{
width:980px;
padding:0;
margin:0;
height:189px;
}


#container{
width:750px;
overflow:hidden;
margin:0 auto;
}

#homebotpanel{
width:212px;
}

#contsocialnetw{
width:260px;
float:left;
}


.slidermenucss{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000000; text-decoration:none; font-weight:normal; line-height:16px; line-height:1.75em; }

.slidermenucss a{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000000; text-decoration:none; font-weight:normal; line-height:16px; line-height:1.75em; }

.slidermenucss a:hover{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#0099FF; text-decoration:none; font-weight:normal; line-height:16px; line-height:1.75em; }


/*  our services ended */


#topmainstrip{
width:100%;
float:left;
}


#topmainstrip .rightmenuslider{
width:230px;
float:right;
}

#rightsocialnetw{
width:130px;
margin:0px;
line-height:0em;
padding:0;
float:left;
}

#pageheadingss{width:100%; background:#fff; margin:0;  padding:0; float:left;}

#pageheadingss .txt65{width:740px; background:#fff; margin:0;  padding:0; float:left;}

#rightmenupanel{width:231px; background:#fff; margin:0;  padding:0; float:right;}

#lowestpricerate{
width:178px; height:171px;
margin-top:20px;
float:right;}


#newmap{
width:980px;
clear:both;
}

#quotes1{
width:400px;
float:left;
}

.pad_bot11{padding-bottom:2px; line-height:26px;}


.pad_bot112{padding-bottom:2px; width:320px; float:left;  line-height:21px; font-style:normal;}

.pad_bot113{padding-bottom:2px; width:310px; float:left; margin-left:20px; line-height:21px; font-style:normal;}



#welcomenew{ width:975px; float:left;}
.pad_newhomepageoverview{padding:10px; text-align:justify;}
.pad_ecommbot{ float:left;}
.pad_mobileapp{ float:right;}


.clr15{
background:#e5e5e5; height:10px; float:left;}