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

* {
 margin: 0;
 padding: 0;
}
body {
 background: url(../images/bodyBg.gif) left top repeat-x;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 75%;
 color: #FFFFFF;
 text-align: left;
 line-height: 1.4;
 background-color: #DEDEDE; 
}

/*All default main container #wrap styles*/
#wrap {
  margin: 0 auto;
  width: 1005px;
}

#wrap img {
  border: none;
}
#wrap a {
  color: #323131;
  text-decoration: none;
}
#wrap a {
  color: #FFF; !important
  text-decoration: none;
}
#wrap a:hover {
  text-decoration: underline;
}
#wrap h1 {
  font-size: 1.3em;
  color: #FFF;
}
#wrap ul li {
  float: left;
  list-style: none;
  color: #FFFFFF;
}
#wrap ul li {
  float: left;
  list-style: none;
  color: #000000; !important
}


/*All default main container #wrap styles end*/

/*#wrapTop styles*/
#wrap #wrapTop {
  height: 26px;
  margin: 0 25px 0 0;
}
#wrap #wrapTop a{
  display: block;
  width: 98px;
  height: 26px;
  text-align: right top;
  float: left;
  margin: 0 25px 0 10px;
  font-size: 14px;
  color: #fff;
}
*html #wrap #wrapTop {
  background-position: bottom left;
}

/*#wrapTop styles*/
#wrap #headerbg {
 height: 120px;
 background-color: #245CAF;
 background-position: left top;
 background-repeat: repeat-x;
 color: #FFF;
}
#wrap #contact { background-position: -150px 35px; }
#wrap #hdr {
  height: 53px;
  margin: 0 0 20px 0;
  color: #FFF;
}
#wrap #hdr #logo a {
  background: transparent url(../images/logo.jpg) no-repeat top left;
  display: block;
  width: 453px;
  height: 53px;
  margin: 0 0 0 0;
  float: left;  
}
*html #wrap #hdr #logo a {
  margin: 0 0 0 12px;
}
#wrap #hdr #logo strong {
  display: none;
}
#wrap #hdr ul {
  float: right;
  margin: 0 22px 0 0;
}
*html #wrap #hdr ul {
  margin: 0 10px 0 0;
}
#wrap #hdr ul li {
  font-size: .9em;
  margin: 0 15px 0 0;  
  padding: 20px 0 0 0;
  text-align: center;
  width: 70px;
  color: #FFF;
}
#wrap #hdr ul li.last {
  margin: 0;
}
#wrap  #hdr ul li.home {  background-position: 5px 0; }
#wrap  #hdr ul li.about {  background-position: -10px 0; }
#wrap  #hdr ul li.services {  background-position: -135px 0; }
#wrap  #hdr ul li.portfolio {  background-position: -155px 0; }
#wrap  #hdr ul li.careers {  background-position: -265px 0; }
#wrap  #hdr ul li.clientLogin {  background-position: -280px 0; }
#wrap  #hdr ul li a { color: #FFF; }

/*#wrapMid styles*/
#wrap #wrapMid {
  float: left;
  width: 1005px;  
}
#wrap #wrapMid #bnr {
  height: 227px;
  margin: 0 0 0 0;
  background: transparent url(../images/banner.jpg) left top no-repeat;
  width: 1005px;  
}
/*Menu Row Styles*/
#wrap #wrapMid #newstkcrbg {
  background-color: #EEE;
  background: url(../images/newstickerbg.jpg) left top repeat-x;
  height: 40px;
  padding: 0 5px 0 5px;
}
#wrap #wrapMid .partnrtkcrbg {
  background-color: #EEE;
  background: url(../images/newstickerbg.jpg) left top repeat-x;
  height: 40px;
  padding: 0 5px 0 5px;
}

#wrap #wrapMid #newstkcrbg #newsname{
 color: #06375D;
 font-size: 14px;
 font-weight: bold;
 text-align: left;
 padding: 10px 5px 0 10px;
}
#wrap #wrapMid #newstkcrbg #newsname a{
 color: #06375D;
 font-size: 14px;
 font-weight: bold;
 text-align: left;
}
#wrap #wrapMid #newstkcrbg #newsmsg{
 color: #06375D;
 text-align: left;
 padding: 10px 5px 15px 5px;
 margin: 0 0 0 25px;
 width: 850px;
}
#wrap #wrapMid #newstkcrbg #newsmsg a{
 color: #06375D;
 text-align: left;
  width: 750px;
}
#wrap #wrapMid #newstkcrbg ul li.last {
  margin: 0;
}
#wrap #wrapMid .bnr1a {
  height: 4px;
  margin: 0 0 0 0;
  background: url(../images/blustrip.jpg) left top no-repeat;
  width: 1005px;
  color: #FFFFFF;  
}
#wrap #wrapMid #bnr1 {
  height: 89px;
  margin: 0 0 0 0;
  background: url(../images/technologybanner.jpg) left top no-repeat;
  width: 1005px;
  color: #FFFFFF;  
}
#wrap #wrapMid #bnr1 #os{
 width: 105px;
 margin: 5px 10px 5px 25px;
 padding: 5px 0 0 180px;
 color: #FFFFFF;
 font-size: 12px;
 text-align: left;
}
#wrap #wrapMid #bnr1 #java{
 width: 105px;
 margin: 5px 15px 5px 15px;
 padding: 5px 0 0 25px;
 color: #FFFFFF;
 font-size: 12px;
 text-align: left;
}
#wrap #wrapMid #bnr1 #xamp{
 width: 50px;
 margin: 5px 15px 5px 15px;
 padding: 5px 0 0 25px;
 color: #FFFFFF;
 font-size: 12px;
 text-align: left;
}
#wrap #wrapMid #bnr1 #freebsd{
 width: 75px;
 margin: 5px 15px 5px 15px;
 padding: 5px 0 0 25px;
 color: #FFFFFF;
 font-size: 12px;
 text-align: left;
}
#wrap #wrapMid #bnr1 #crm{
 width: 180px;
 margin: 5px 15px 5px 15px;
 padding: 5px 0 0 25px;
 color: #FFFFFF;
 font-size: 12px;
 text-align: left;
}
#wrap #wrapMid #contentarea {
 height: 330px;
 background-color: #FFFFFF;
}
#wrap #wrapMid #contentarea {
 height: auto; !important
 background-color: #FFFFFF;
}
#wrap #wrapMid #contentarea #diva2 {
 width: 599px;
}
#wrap #wrapMid #contentarea #diva3 {
}
#wrap #wrapMid #contentarea #diva1 {
 width: 200px;
}
#wrap #wrapMid #contentarea #why{
 color: #06375D;
 padding: 5px 10px 0 15px;
 text-align: left;
 text-decoration: none;
 font-size: 14px;
 font-weight: bold;
 width: 130px;
}
#wrap #wrapMid #contentarea #whyimg {
 background: url(../images/whysamtech.jpg) left top no-repeat;
 width: 109px;
 height: 120px;
 margin: 5px;
}
#wrap #wrapMid #contentarea #whymatt {
 font-size: .9em;
 font-weight:normal;
 color: #06375D;
 padding: 5px 3px 0 1px;
 text-align: left;
 text-decoration: none;
 width: 165px;
}
#wrap #wrapMid #contentarea #whymatt a{
 font-size: .9em;
 color: #06375D;
 padding: 5px 3px 0 1px;
 text-align: left;
 text-decoration: none;
}
#wrap #wrapMid #contentarea .hr {
 background:url(../images/dots.jpg) center top repeat-y;
 width: 1px;
 margin: 5px 2px 5px 2px;
 height: 300px;
}

#wrap #wrapMid #contentarea #roundedtopmatter {
 color: #06375D;
 font-size: 12px;
 text-align: left;
 text-decoration: none;
 padding:5px 5px 5px 8px;
 width: 585px;
}

/*rounded corner*/

#wrap #wrapMid #contentarea #inner {
        width:590;
        float:left;
        margin: 5px 8px 5px 8px;
        border:2px solid #D7D7D7;
        background:#FAFAFA;
        padding: 5px;
        font: 12px Arial, Helvetica, sans-serif;
        -moz-border-radius: 15px 15px 15px 15px;
		-webkit-border-radius:  15px 15px 15px 15px;
} 
/*rounded corner end*/
#wrap #wrapMid #contentarea .innerboldheadg {
 font-size: 12px;
 font-weight: bold;
 text-align: left;
 padding: 2px 5px 0 5px;
 color: #000000;
} 
#wrap #wrapMid #contentarea .innermatter {
 text-align: left;
 font-size: 11px;
 padding: 1px 5px 5px 5px;
 vertical-align: text-top;
 color: #000000;
} 
#wrap #wrapMid #contentarea .more {
 color:#FF9000;
 text-align: left;
 text-decoration: none;
 font-size: 12px;
}

#wrap #wrapMid #contentarea #cad_img {
 background: url(../images/cad.jpg) center top no-repeat;
 width: 59px;
 height: 55px;
}
#wrap #wrapMid #contentarea #lp_img {
 background: url(../images/lp.jpg) center top no-repeat;
 width: 59px;
 height: 55px;
}
#wrap #wrapMid #contentarea #sdnp_img {
 background: url(../images/sdnp.jpg) center top no-repeat;
 width: 59px;
 height: 55px;
}
#wrap #wrapMid #contentarea #qas_img {
 background: url(../images/qas.jpg) center top no-repeat;
 width: 59px;
 height: 55px;
}


#wrap #wrapMid #contentarea #rghtcol {
 background: url(../images/clientslist.jpg) right top no-repeat;
 height: 312px;
 width: 162px;
 padding: 5px 0 5px 35px;
 margin: 5px 0 5px 5px;
}
#wrap #wrapMid #contentarea #rghtcol a{
 display: block;
 height: 314px;
 width: 163px;
}

#wrap #wrapMid #ftr {
  height: 30px;
  clear: both;
  background-color: #3B3B3B; 
  color:#A5A6A7;
  text-align: center;
  font-size: 11px;
  padding: 15px 0 5px 0; 
}
#wrap #wrapMid #contentarea .roundedtopmatter {
 color: #06375D;
 font-size: 12px;
 text-align: left;
 text-decoration: none;
 padding:5px 5px 5px 8px;
}
#wrap #wrapMid #contentarea .roundedtopmatter_bg {
 color: #06375D;
 font-size: 12px;
 text-align: left;
 text-decoration: none;
 padding:5px 8px 5px 8px;
 border: 1px solid #000033;
 background-color:#FFFFEC; 
}
#wrap #wrapMid #contentarea .roundedtopmatter_bgbold {
 color: #06375D;
 font-size: 12px;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
 padding:5px 8px 5px 8px;
 border: 1px solid #000033;
 background-color:#DBEBF7; 
}
#wrap #wrapMid #contentarea .rghtareapmatter {
 color: #06375D;
 font-size: 12px;
 text-align: left;
 text-decoration: none;
 padding:5px 5px 5px 8px;
 width: 170px;
}
.table123_border{
border: 1px dotted #5C5C5C;
}
.overview {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
font-weight: bold;
padding: 5px 5px 5px 5px;
color: #024985;
}
.headlingline {
 background: url(../images/heading_line.jpg) left top repeat-x;
 height: 2px;
}
#aboutus_leftheadg {
background: url(../images/about_us_heading.gif) left top no-repeat;
height: 32px;
}
#contactus_leftheadg {
background: url(../images/contact_headg.jpg) left top no-repeat;
height: 32px;
}
#career_leftheadg {
background: url(../images/career_left.jpg) left top no-repeat;
height: 32px;
}
#navigation{	
	width:220px;
	float:left;	
}

#navigation ul{
	margin:0px 0px 0px 5px;
	padding:0px;
	
}
#navigation li{
	display:block;
	list-style:none;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:32px;
	background: url(../images/navi_dot.gif) left bottom repeat-x;
	height:35px;
}
#navigation li a{
	color:#6d6e6c;
	text-decoration:none;
	display:block;
	background: url(../images/navi_icon.gif) left center no-repeat;
}

#navigation li a:hover{
	display:block;
	color:#6d6e6c;
	background-color:#f2f7fa;
}
#navigation span{
	padding-left:15px;
}
#navigation b{
	display:block;
	color:#6d6e6c;
	font-weight:bold;
	background: url(../images/navi_icon.gif) left center no-repeat;
	background-color:#f2f7fa;
}
#wrap #wrapMid #contentarea .rghtcol_bgarea {
background: url(../images/form_bg.gif) left top no-repeat;
width: 185px;
height: 144px;
}
#wrap #wrapMid #contentarea .navidots {
background: url(../images/navi_dot.gif) left top repeat-x;
height: 2px;
}
#wrap #wrapMid #contentarea .whysamtech {
background: url(../images/head_bg12.gif) left top no-repeat;
height: 44px;
}
#wrap #wrapMid #contentarea .mission_img {
background: url(../images/mission_values.jpg) center top no-repeat;
height: 375px;
width: 500px;
}