@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 70%;
  color: #323131;
  line-height: 1.4;
  background-color: #DEDEDE;  
}

/*All default main container #wrap styles*/
#wrap {
  margin: 5px auto;
  width: 974px;
}
#wrap .heightSpacer {
  height: 1px;
}
#wrap .clear {
  clear: both;
}
#wrap img {
  border: none;
}
#wrap a {
  color: #323131;
  text-decoration: none;
}
#wrap a:hover {
  text-decoration: underline;
}
#wrap h1 {
  font-size: 1.3em;
  color: #3D3D3D;
  text-transform: capitalize;
}
#wrap ul li {
  float: left;
  list-style: none;
}
#wrap .grayBox {
  border: 1px solid #E7E7E7;
}
#wrap .more {
  float: right;
  font-weight: bold;
  margin: 0 20px 0 0;
}

/*#wrapTop styles*/
#wrap #wrapTop {
  background: transparent url(../images/wrapTop.gif) no-repeat top left;
  height: 12px;
}
*html #wrap #wrapTop {
  background-position: bottom left;
}

/*#wrapMid styles*/
#wrap #wrapMid {
  background: transparent url(../images/wrapMid.gif) repeat-y top left;
  float: left;
  width: 974px;  
}

/*Header Styles*/
#wrap #wrapMid #hdr {
  height: 50px;
  margin: 0 0 30px 0;
  color: #666;
}
#wrap #wrapMid #hdr #logo a {
  background: transparent url(../images/logo.gif) no-repeat top left;
  display: block;
  width: 250px;
  height: 48px;
  margin: 0 0 0 29px;
  float: left;  
}
*html #wrap #wrapMid #hdr #logo a {
  margin: 0 0 0 12px;
}
#wrap #wrapMid #hdr #logo strong {
  display: none;
}

/*Upper top right navigation*/
#wrap #wrapMid #hdr ul {
  float: right;
  margin: 0 22px 0 0;
}
*html #wrap #wrapMid #hdr ul {
  margin: 0 10px 0 0;
}
#wrap #wrapMid #hdr ul li {
  margin: 0 10px 0 0;
  text-align: center;
}
#wrap #wrapMid #hdr ul li.last { margin: 0; }

#wrap #wrapMid #hdr ul li a {
  color: #666;
  background: transparent url(../images/hdrNav.gif) no-repeat 0 0;
  font-size: .9em;
  width: 70px;
  display: block;  
  padding: 30px 0 0 0;
}
#wrap #wrapMid #hdr ul li a.home {  background-position: 20px 0; }
#wrap #wrapMid #hdr ul li a.sitemap {  background-position: -50px 0; }
#wrap #wrapMid #hdr ul li a.contact {  background-position: -125px 0; }
#wrap #wrapMid #hdr ul li a.clientLogin {  background-position: -205px 0; }

/*Banner Styles*/
#wrap #wrapMid #bnr {
  height: 263px;
  margin: 0 0 5px 0;
  padding: 0 20px 0 15px;
  width: 939px;
}

/*Menu Row Styles*/
#wrap #wrapMid #mnuRow {
  width: 947px;
  height: 57px;
  margin: 0 0 5px 0;
  padding: 0 12px 0 15px; 
}
*html #wrap #wrapMid #mnuRow {
  width: 943px;
  padding: 0 16px 0 15px;  
}
#wrap #wrapMid #mnuRow .mnuLeft {
  background: transparent url(../images/mnuLeft.gif) no-repeat 0 0;
  width: 5px;
  height: 57px;
  float: left;
}
#wrap #wrapMid #mnuRow .mnuMid {
  background: transparent url(../images/mnuMidBg.gif) repeat-x 0 0;
  width: 929px;
  float: left;
  color: #FFF;
}
*html #wrap #wrapMid #mnuRow .mnuMid {
  width: 923px;
}
#wrap #wrapMid #mnuRow .mnuMid ul li {
  margin: 0 100px 0 0;
}
#wrap #wrapMid #mnuRow .mnuMid ul li.last {
  margin: 0;
}
#wrap #wrapMid #mnuRow .mnuMid ul li strong {
  display: none;
}
#wrap #wrapMid #mnuRow .mnuMid ul li a {
  background: transparent url(../images/upNav.gif) no-repeat 0 0;
  display: block;
}
#wrap #wrapMid #mnuRow .mnuMid ul a.company {
  background-position: -109px 0;
  height: 50px;
  width: 61px;
}
#wrap #wrapMid #mnuRow .mnuMid ul a.services {
  background-position: -278px 0;
  height: 50px;
  width: 61px;
}
#wrap #wrapMid #mnuRow .mnuMid ul a.client {
  background-position: -448px 0;
  height: 50px;
  width: 52px;
}
#wrap #wrapMid #mnuRow .mnuMid ul a.reachUs {
  background-position: -608px 0;
  height: 50px;
  width: 62px;
}
#wrap #wrapMid #mnuRow .mnuMid ul a.liveHelp {
  background-position: -766px 0;
  height: 50px;
  width: 64px;
}
/*Start style for dropdown menu*/
#nav {
  margin: 0 100px;
  list-style: none;
  height: 57px;
  position: relative;
  z-index: 500;
  font-family: arial, verdana, sans-serif;
}

#nav li:hover {
  position: relative;
  z-index: 200;
}

#nav li:hover ul.sub {
  left: 1px;
  top: 38px;
  background: #0b446e;
  /*padding: 3px;*/
  border: 1px solid #0b446e;
  white-space: nowrap;
  width: 125px;
  height: auto;
  z-index: 300;
  margin-top: 10px;  
}
#nav li:hover ul.sub li {
  display:block;
  height:20px;
  position:relative;
  float:left;
  width:105px;
  font-weight:normal;
}
#nav li:hover ul.sub li a {
  display: block;
  font-size: 11px;
  height: 18px;
  width: 123px;
  line-height: 18px;
  text-indent: 5px;
  color: #FFF;
  text-decoration: none;
  /*border: 1px solid #32A1CB;*/
}
#nav li:hover ul.sub li a:hover {
  color:#FFFF00;
}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul {
  left: 120px;
  top: 1px;
  background: #0b446e;
  border: 1px solid #0b446e;
  white-space: nowrap;
  width: 125px;
  z-index: 400;
  height: auto;
}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 0;
  height: 0;
  list-style: none;
}
.menu_down_padding{ padding:0 0 0 25px;}
/*End style for dropdown menu*/
#wrap #wrapMid #mnuRow .mnuRight {
  background: transparent url(../images/mnuRight.gif) no-repeat 0 0;
  width: 12px;
  height: 57px;
  float: left;
}

/*Major Content Styles*/
#wrap #wrapMid #majorContent {
  padding: 0 20px 0 15px;
  margin: 0 0 15px 0;
  width: 937px;
}
#wrap #wrapMid #majorContent #midContent {
  margin: 0 0 10px 0;
  float: left;
}
#wrap #wrapMid #majorContent #midContent #minor {
  float: left;
  width: 220px;
}
#wrap #wrapMid #majorContent #midContent #minor .minorTop {
  background: transparent url(../images/minorTop.gif) no-repeat top left;
  height: 8px;
}
#wrap #wrapMid #majorContent #midContent #minor .minorMid {
  background-color: #FFF;
  border-left: 1px solid #D7D4D4;
  border-right: 1px solid #D7D4D4;
  clear: both;
}
#wrap #wrapMid #majorContent #midContent #minor .minorMid .leftNav {
  padding: 0 15px 0 0;
}
#wrap #wrapMid #majorContent #midContent #minor .minorMid .leftNav h1 {
  padding: 3px 0 6px 3px;
  background-color: #D5D4D1;
  font-size: 1.1em;
}
#wrap #wrapMid #majorContent #midContent #minor .minorMid .leftNav ul {
  margin: 15px 0 30px 5px;
}
#wrap #wrapMid #majorContent #midContent #minor .minorMid .leftNav ul li {
  float: none;
  font-size: 1.1em;
  background: transparent url(../images/whatWeDo.gif) no-repeat 0 0;
  margin: 0 0 8px 0;
  padding: 0 0 5px 35px;
  height: 20px;
  border-bottom: 1px dotted #999;
}
#wrap #wrapMid #majorContent #midContent #minor .minorMid .leftNav ul li.last {
  border-bottom: none;
  padding: 0 0 0 35px;
  margin: 0;
}
#wrap #wrapMid #majorContent #midContent #minor .minorMid .leftNav ul li.software { background-position: 0 -26px; }
#wrap #wrapMid #majorContent #midContent #minor .minorMid .leftNav ul li.website { background-position: 0 -74px;  }
#wrap #wrapMid #majorContent #midContent #minor .minorMid .leftNav ul li.webApp { background-position: 0 -125px; }
#wrap #wrapMid #majorContent #midContent #minor .minorMid .leftNav ul li.eCom { background-position: 0 -178px; }
#wrap #wrapMid #majorContent #midContent #minor .minorMid .leftNav ul li.seo { background-position: 0 -226px; }
#wrap #wrapMid #majorContent #midContent #minor .minorMid .leftNav ul li.techSupport { background-position: 0 -279px; }
#wrap #wrapMid #majorContent #midContent #minor .minorMid .leftNav ul li.amazon { background-position: 0 -329px; }
#wrap #wrapMid #majorContent #midContent #minor .minorMid .leftNav ul li.cms { background-position: 0 -369px;}

#wrap #wrapMid #majorContent #midContent #minor .minorMid .leftNav strong {
  display: none;
}
#wrap #wrapMid #majorContent #midContent #minor .minorMid .leftNav .quote {
  background: transparent url(../images/requestQuote.gif) no-repeat 0 0;
  width: 192px;
  height: 91px;
  display: block;
  margin: 0 0 30px 12px;
}

#wrap #wrapMid #majorContent #midContent #minor .minorBottom {
  background: transparent url(../images/minorBottom.gif) no-repeat 0 0;
  height: 9px;
}
#wrap #wrapMid #majorContent #midContent #major {
  float: left;
}
#wrap #wrapMid #majorContent #midContent #major #contentWrapper {
  width: 477px;
  margin: 0 10px;
  float: left;
}
*html #wrap #wrapMid #majorContent #midContent #major #contentWrapper {
  margin: 0 10px 0 5px;
  width: 464px;
}
#wrap #wrapMid #majorContent #midContent #major #contentWrapper h1 {
  color: #FF9900;
  font-size: 1.7em;
  font-weight: normal;
  margin: 0 0 5px 0;
}
#wrap #wrapMid #majorContent #midContent #major #contentWrapper p {
  text-align: justify;
  margin: 0 0 10px 0;
}
#wrap #wrapMid #majorContent #midContent #major #contentWrapper .services {
  margin: 10px 0 0 0;
  /*background-color: #EFEFEF;
  border: 1px solid #D7D4D4;*/
  float: left;
  width: 471px;
}
#wrap #wrapMid #majorContent #midContent #major #contentWrapper .services .servicesTop {
  background: transparent url(../images/servicesTop.gif) no-repeat 0 0;
  height: 8px;
}
#wrap #wrapMid #majorContent #midContent #major #contentWrapper .services .servicesMid {
  background-color: #EFEFEF;
  border-left: 1px solid #D7D4D4;
  border-right: 1px solid #D7D4D4;
}
#wrap #wrapMid #majorContent #midContent #major #contentWrapper .services .servicesMid h1 {
  margin: 0 0 0 65px;
  color: #3D3D3D;
  font-size: 1.1em;
  font-weight: bold;
}
#wrap #wrapMid #majorContent #midContent #major #contentWrapper .services .servicesMid p {
  margin: 0 10px 0 65px;
  text-align: justify;
}
#wrap #wrapMid #majorContent #midContent #major #contentWrapper .services .servicesMid .more {
  margin: 0;
}
#wrap #wrapMid #majorContent #midContent #major #contentWrapper .services .servicesMid .dotBreak {
  background: transparent url(../images/dotBreak.gif) no-repeat center top;
  margin: 2px 0;
  height: 1px;
}
#wrap #wrapMid #majorContent #midContent #major #contentWrapper .services .servicesMid .design {
  background: transparent url(../images/imgDesign.gif) no-repeat 0 0;
  height: 73px;
}
#wrap #wrapMid #majorContent #midContent #major #contentWrapper .services .servicesMid .software {
  background: transparent url(../images/imgSoftware.gif) no-repeat 0 0;
  height: 73px;
}
#wrap #wrapMid #majorContent #midContent #major #contentWrapper .services .servicesMid .seo {
  background: transparent url(../images/imgSeo.gif) no-repeat 0 0;
  height: 73px;
}
#wrap #wrapMid #majorContent #midContent #major #contentWrapper .services .servicesBottom {
  background: transparent url(../images/servicesBottom.gif) no-repeat 0 0;
  height: 8px;
}
#wrap #wrapMid #majorContent #midContent #major #minorContent {
  float: left;
  width: 220px;
  background-color: #EEE;
}
#wrap #wrapMid #majorContent #midContent #major #minorContent .minorContentTop {
  background: transparent url(../images/minorContentTop.gif) no-repeat 0 0;
  height: 8px;
}
#wrap #wrapMid #majorContent #midContent #major #minorContent .minorContentMid {
  background-color: #EFEFEF;
  border-left: 1px solid #D7D4D4;
  border-right: 1px solid #D7D4D4;
}
#wrap #wrapMid #majorContent #midContent #major #minorContent .minorContentMid .rightNav {
  
}
#wrap #wrapMid #majorContent #midContent #major #minorContent .minorContentMid .rightNav h1.head {
  padding: 3px 0 6px 3px;
  margin: 0 10px 0 0;
  background-color: #D5D4D1;
  font-size: 1.1em;
  clear: both;
}
#wrap #wrapMid #majorContent #midContent #major #minorContent .minorContentMid .rightNav p {
  text-align: justify;
  padding: 0 0 0 10px;
  margin: 0 10px 10px 0;
}
#wrap #wrapMid #majorContent #midContent #major #minorContent .minorContentMid .rightNav p.nameAddress {
  text-align: left;
  font-weight: bold;
  margin: 0;
}
#wrap #wrapMid #majorContent #midContent #major #minorContent .minorContentMid .rightNav .startQuote {
  background: transparent url(../images/startQuote.gif) no-repeat 0 0;
  width: 12px;
  height: 9px;
  display: block;
  margin: 5px 0 0 2px;
}
#wrap #wrapMid #majorContent #midContent #major #minorContent .minorContentMid .rightNav .endQuote {
  background: transparent url(../images/endQuote.gif) no-repeat 0 0;
  width: 12px;
  height: 9px;
  display: block;
  float: right;
  margin: 0 10px 10px 0;
}
#wrap #wrapMid #majorContent #midContent #major #minorContent .minorContentMid .rightNav .recentProject {
  background: transparent url(../images/recentProjectBg.gif) no-repeat 0 0;
  width: 201px;
  height: 146px;
  display: block;
  margin: 10px 10px 10px 9px;
  padding: 60px 0 0 0;
}
/*Start Recent project slideshow classes*/
#wrap #wrapMid #majorContent #midContent #major #minorContent .minorContentMid .rightNav .recentProject #slideshow {
    position: relative;
    height: 70px;
	width: 170px;
	margin: 0 14px;
}

#wrap #wrapMid #majorContent #midContent #major #minorContent .minorContentMid .rightNav .recentProject #slideshow div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0.0;
    height: 70px;
    background-color: #FFF;
}

#wrap #wrapMid #majorContent #midContent #major #minorContent .minorContentMid .rightNav .recentProject #slideshow div.active {
    z-index: 10;
    opacity: 1.0;
}

#wrap #wrapMid #majorContent #midContent #major #minorContent .minorContentMid .rightNav .recentProject #slideshow div.last-active {
    z-index: 9;
}

#wrap #wrapMid #majorContent #midContent #major #minorContent .minorContentMid .rightNav .recentProject #slideshow div img {
    height: 70px;
    display: block;
}
/*End Recent project slideshow classes*/


#wrap #wrapMid #majorContent #midContent #major #minorContent .minorContentBottom {
  background: transparent url(../images/minorContentBottom.gif) no-repeat 0 0;
  height: 8px;
}

/*Technology Quadrant*/
.technology {
  padding: 5px;
  margin-bottom:10px;
}
.technology ul {
  height: 64px;
  margin: 0 9px;
}
.technology ul li {
  background: transparent url(../images/technology.gif) no-repeat 0 0;
  height: 64px;
  margin: 0 50px 0 0;
}
.technology ul li.last {
  margin: 0;
}
.technology ul li strong {
  display: none;
}
.technology ul li.flex {
  background-position: -25px 0;
  width: 65px;
}
.technology ul li.joomla {
  background-position: -136px 0;
  width: 75px;
}
.technology ul li.mySql {
  background-position: -252px 0;
  width: 96px;
}
.technology ul li.php {
  background-position: -379px 0;
  width: 100px;
}
.technology ul li.tech1 {
  background-position: -539px 0;
  width: 45px;
}
.technology ul li.java {
  background-position: -626px 0;
  width: 31px;
}
.technology ul li.flash {
  background-position: -702px 0;
  width: 53px;
}
.technology ul li.dotNet {
  background-position: -802px 0;
  width: 92px;
}

/*Footer styles*/
#wrap #wrapMid #ftr {
  width: 937px;
 /* height: 90px; commented :: Uday*/
  margin: 0 0 5px 0;
  padding: 0 20px 0 15px;
}
#wrap #wrapMid #ftr #linkBox {
  margin: 0 0 15px 0;
  float: left;
}
#wrap #wrapMid #ftr #linkBox .linkBoxLeft {
  background: transparent url(../images/linkBoxLeft.gif) no-repeat top left;
  width: 5px;
  float: left;
  height: 49px;
}
#wrap #wrapMid #ftr #linkBox .linkBoxMid {
  background: transparent url(../images/linkBoxMid.gif) repeat-x top left;
  width: 927px;
  height: 49px;
  float: left;
}
*html #wrap #wrapMid #ftr #linkBox .linkBoxMid {
  width: 924px;
}
#wrap #wrapMid #ftr #linkBox .linkBoxMid ul {
  margin: 16px 0 0 250px;
}
#wrap #wrapMid #ftr #linkBox .linkBoxMid ul li {
  border-right: 1px solid #043E63;
  padding: 0 10px 0 0;
  margin: 0 0 0 10px;
}
#wrap #wrapMid #ftr #linkBox .linkBoxMid ul li.last {
  border-right: none;
  padding: 0;
}
#wrap #wrapMid #ftr #linkBox .linkBoxRight {
  background: transparent url(../images/linkBoxRight.gif) no-repeat top left;
  width: 5px;
  height: 49px;
  float: left;
}
#wrap #wrapMid #ftr p {
  text-align: center;
  font-size: .9em;
  clear: both;
  color: #999;
}

/*#wrapBtm styles*/
#wrap #wrapBtm {
  background: transparent url(../images/wrapBtm.gif) no-repeat top left;
  height: 20px;
  clear: both;  
}

#majorFull {
  width: 677px;
  margin: 0 10px;
  float: left;
   text-align: justify;
}
 #contentWrapperFull p {
  text-align: justify;
  margin: 0 0 10px 0;
}
#contentWrapperFull h1 {
  color: #FF9900;
  font-size: 1.7em;
  font-weight: normal;
  margin: 0 0 5px 0;
}

.leftNav1 h1 {
  padding: 3px 0 6px 3px;
  background-color: #D5D4D1;
  font-size: 1.1em;
}
.leftNav1 {
  padding: 0 15px 0 0;
}
.leftNav1 ul {
  margin: 15px 0 30px 5px;
}
.leftNav1 ul li {
  float: none;
  font-size: 1.1em;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0px;
  width:100%;
  border-bottom: 1px dotted #999;
}
.leftNav1 ul li.last {
  border-bottom: none;
}
.needServices_lt {
  background: url(../images/lt.jpg) no-repeat 0 0;
  height: 13px;
  width:12px;
}
.needServices_rt{
  background: url(../images/rt.jpg) no-repeat 0 0;
   height: 13px;
  width:11px;
}
.needServices_top{
  background: url(../images/upper.jpg) repeat-x;
   height: 13px;
 }
.needServices_lb {
  background: url(../images/lb.jpg) no-repeat 0 0;
  height: 14px;
  width:12px;
}
.needServices_rb{
  background: url(../images/rb.jpg) no-repeat 0 0;
  height: 14px;
  width:11px;
}
.needServices_bottom{
  background: url(../images/bottom.jpg) repeat-x;
   height: 14px;
 }
 .needServices_left{
  background: url(../images/left_left.jpg) repeat-y;
   width: 12px;
 }
 .needServices_right{
  background: url(../images/left_right.jpg) repeat-y;
   width: 11px;
 }
 .needServices_input{
width:120px;
 }
  .needServices_text{
font-weight: bold;
color:#075f88;
padding-bottom: 8px;
text-align:left;
 }
   .needServices_text1{
font-size: 1.0em;
color:#075f88;
text-align:left;
 }
 .needServices_content{
padding:5px;
 }
 .needseoheader{
  background: transparent url(../images/needseoheader.jpg) no-repeat 0 0;
  height: 31px;
  width:184px;
  text-align:left;
  align: left;
 }
.needServices{
background-color: #e2c730;
}
.needServicesTitle{
font-weight:bold;
font-size: 2.0em;
}
.freeconsultationbtn{
  background: transparent url(../images/fc_btn.jpg) no-repeat 0 0;
 height: 27px;
  width:141px;
 }

.rightNav1{
 float: left;
  width: 220px;
}
.red_text {
	color:#ff0000;
}