div{padding:0; margin:0}
body { margin: 0px; text-align:left; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; FONT-SIZE:11px; line-height:18px; color:#000000;}
.input{ FONT-SIZE: 11px; COLOR: #555555; border: 1px solid #CACACA; FONT-FAMILY: Arial, Helvetica, sans-serif; background-color:#ffffff; padding-left: 2px;	font-weight: normal;}	 
select{ FONT-SIZE: 11px; COLOR: #555555; border: 1px solid #CACACA;	FONT-FAMILY: Arial, Helvetica, sans-serif;	background-color:#ffffff; padding-left: 2px; font-weight: normal; }	 
textarea{ FONT-SIZE: 11px; COLOR: #555555; 	border: 1px solid #CACACA;	FONT-FAMILY: Arial, Helvetica, sans-serif;	background-color:#ffffff;	padding-left: 2px;	font-weight: normal; }	 
p { margin-top: 0px; margin-bottom: 15px;}
form { margin: 0px; padding: 0px; }
img { border: none;}
h3{font-size:13px; margin:0 0 5px 0; padding:0}

a{FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; outline: none;}
a:hover { text-decoration: none; color: #F37C2A; outline: none;}

#wrapper { width:992px; padding:0; margin:0 auto 0 auto;}
#toppart { height:84px; width:992px;   }
.toparea { width: 992px; height: 84px; padding-top: 10px; padding-bottom: 10px; position: relative; }
.logo { width: 240px; float: left; text-align: center; }
.contactinfo { width: 237px; float: left; border-left: 1px solid #999999; border-right: 1px solid #999999; height: 52px; padding-top: 7px; padding-left: 16px; padding-right: 10px;}
.messangerinfo { width: 480px; position: absolute; top: 10px; right:0; padding-left: 0px; padding-top: 13px;}
.callback-popup { background-color:#FFFFFF; position:absolute; right:0px;top:47px; z-index:1000; background: url("../images/design/tooltipbg.gif") no-repeat; width:162px; height: 161px; }
.flasharea {clear: both; background-color:#CCCCCC; }
.topnav {width:990px; height: 33px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background: url("../images/design/topnavbg.gif") repeat-x bottom;}
.topnav ul { margin-left: 0px; float:left; position:relative; padding-left: 0px; margin-top:0px; margin-bottom: 0px; padding-top:0px; padding-bottom: 0px;  }
.topnav li { list-style-type: none; position:relative; float: left; border-right: 1px solid #CCCCCC; height: 33px; text-align: center; width: 122px;}
.topnav li h1{ margin: 0; padding: 0;  }
.topnav li h1 a { background-color:#FFFFFF; display:block; color:#000000;} 
.topnav li h1 a:hover { background-color:#E9E9E9; display:block; color: #000000; }


#mid-content { width:992px; float:left; margin-top:26px; margin-bottom:10px; background: url("../images/design/midd-dottedline.gif") repeat-y right top; }
#mid-left-part { width:710px; padding-left:14px; padding-right:20px; float: left;border:0px solid red }
.redmatternormal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #E60000; text-decoration: none;}
.service-offering { width: 700px; height: 229px; background: url("../images/design/service-roundbg.gif") top right no-repeat;  margin-top: 25px; position:relative; }
.readmore-border { border-bottom: 1px solid #e4e4e4; }

.service-readmore, .service-readmore:link, .service-readmore:visited , .service-readmore:hover{border:1px solid #DFDFDF;border-bottom:0;display:block;font-size:10px;font-family: Arial,Verdana, Helvetica, sans-serif;color:#FF5E00;width:75px;height:17px;padding:1px 5px;}
.service-readmore:hover{border-color:#FF5E00;color:#FF5E00;}


.service-hire UL { margin-bottom: 0px; margin:0px; padding: 0px; padding-left: 0px; margin-left: 0px; margin-top:0px;  color: #F5660E; }
.service-hire LI { background: url("../images/design/service-arrow.gif") no-repeat top left; width:185px; float: left; padding-left: 13px; line-height: 22px; list-style-type: none; margin-right: 10px; color: #F5660E;}
.service-hire ul h2
{padding:0px; margin:0px;}
.service-hire LI a { font-size:11px; color: #727272;  font-weight: 400; text-align:left }
.service-hire LI a:hover { font-size:11px; font-weight: 400; color: #F37C2A;text-align:left}
.serviceoffer-right{width:450px;height:179px;display:block; float:right; padding:5px 10px 5px 5px; border:0px solid green}
.serviceoffer-right h2{color:#FF5E00;font-size:13px;font-family: Arial,Verdana, Helvetica, sans-serif;font-weight:700; padding:5px; float:left; margin:0 0 5px 0; line-height:20px; padding:0}
.serviceoffer-right h3{color:#000;font-size:12px;font-weight:400;margin:0 0 5px 0; padding:0}

.middleft-bott { width: 700px;  position: relative;}
.casestudies { width: 428px; height: 170px; background: url("../images/design/casestudiesbg.gif") no-repeat left 25px; padding:5px 10px 10px 10px; }
.casestudies h1 { font-size: 13px; font-weight: bold; margin:0px; padding:0px; margin-bottom: 10px;}
.casestudies p{margin:0 0 3px; padding:0}
hr {margin:2px 0; border:none; border-top:1px solid #BFBFBF; padding:0px; line-height:1px; clear:both;}
.hr{border-bottom:1px solid #BFBFBF; padding-bottom:4px !important }
.company-viewall { border: 1px solid #DFDFDF; background-color: #FFFFFF; padding: 2px 10px 2px 10px; display: block; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #F05F07; width: 45px; }
.company-viewall:link { border: 1px solid #DFDFDF; background-color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #F05F07;  }
.company-viewall:visited { border: 1px solid #DFDFDF; background-color: #FFFFFF;  font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #F05F07;  }
.company-viewall:hover { border: 1px solid #F05F07; background-color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #F05F07;  }
.companynews { position: absolute; top: 0px; right: 0; width: 216px; height: 170px;  padding:5px 10px 10px 10px; background: url("../images/design/newsbg.gif") no-repeat left 25px; }
.companynews h1 { font-size: 13px; font-weight: bold; margin:0px; padding:0px; margin-bottom: 10px;}
.opensource-banner { float:left; width:700px; padding: 20px 0 10px; }
 
.hirebox{ display:inline-block; width:215px; margin:0; background:url("../images/design/hire-box.gif") no-repeat left 25px; width:213px; height:120px}
.hirebox h4{font-size:11px; font-weight:700; text-align:center; padding:0; margin:0 0 5px 0}
.hirebox .img{float:left; padding:15px 2px 0 8px; border:none}
.hirebox p{float:left; width:130px; text-align:left; margin:0; padding:10px 5px 0; line-height:14px}
.hirebox .link{float:right; width:60px; padding:6px 22px 0 0; text-align:right}
.hirebox .link a{ color:#F05F07; font-size:11px; font-weight:700}
#mid-right-part { width:204px; padding-left:20px; padding-right:15px; float: left; border:0px solid red }
#mid-right-part h6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000; text-decoration: none; margin: 0; padding: 0;  text-align: center; margin-bottom: 13px;}
.recentclient { width: 204px; float: left; background: url("../images/design/rightsection-divider.gif") repeat-x bottom; padding-bottom: 10px; margin-bottom: 10px;}
.recentclient img { float: left; margin-left: 13px; margin-bottom: 13px; border: 1px solid #ccc; padding:1px;  } 
.moreportfolio { clear: both; text-align: right; padding-right:20px;}

.technical-expertise { width: 204px; float: left; background: url("../images/design/rightsection-divider.gif") repeat-x bottom; padding-bottom: 10px; margin-bottom: 10px; text-align: center;}

.iphonebanner { width: 200px; float: left; background: url("../images/design/iphone-banner.jpg") no-repeat center top; margin-bottom: 10px; text-align: center; height:116px}
.iphonebanner .title{ float:left; width:200px; margin:68px 0 7px 0; background: url("../images/design/rightsection-divider.gif") repeat-x bottom; padding:0 0 18px 0; text-align:center}
.applicationdev { font: bold 14px Arial, Helvetica, sans-serif; text-align: center; color: #969696; }
.applicationdev img { vertical-align: middle; }
.applicationdev a { font: bold 14px Arial, Helvetica, sans-serif; color: #969696; text-decoration: none; }
.applicationdev a:hover { font: bold 14px Arial, Helvetica, sans-serif; color: #969696; text-decoration: none; }
.applicationdev a span { font: normal 18px Arial, Helvetica, sans-serif; color: #2873D0; text-decoration: none; }
.applicationdev a em { font: normal 18px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-style: normal; }

.development-center { width: 204px; float: left; text-align: center; margin-bottom: 10px;}
.hire-banner { margin-top: 10px; }
.clientname { width: 100px; float: left; font-weight: bold; line-height: 22px;}
.clientmore { width: 90px; float: right; text-align:right; line-height: 22px;}
.hirebanner { width: 204px; margin-bottom: 20px;}

.clientspeak { width: 204px; float: left; }

#bottompart { width:992px; clear:both; }
.graybg {  background-color: #f0f0f0; word-spacing:normal; height: 20px; text-align: right; width:992px;  }
.darkgraybg { background-color:#666666; height: 40px; text-align:center; padding:4px;}
.darkgraybg h3
{margin:0px; padding:0px; font-size:11px; width:auto; clear:none; display:inline; font-weight:normal;}
.bottlink {font-family:"tahoma", Verdana, Arial, Helvetica, sans-serif; color:#D8D8D8; font-size:10px; font-weight: normal; text-decoration:none;}
a:link.bottlink  {font-family:"tahoma", Verdana, Arial, Helvetica, sans-serif; color:#D8D8D8; font-size:10px; font-weight: normal; text-decoration:none;}
a:visited.bottlink {font-family:"tahoma", Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#D8D8D8; font-size:10px; text-decoration:none;}
a:hover.bottlink{font-family:"tahoma", Verdana, Arial, Helvetica, sans-serif;  color:#D8D8D8; font-size:10px; font-weight: normal; text-decoration:underline;}

.rightbott-link { padding:5px; font-family: Arial, helvetica, sans-serif; color:#252525; font-size:10px; font-weight: normal; text-decoration:none;}
.rightbott-link:link {font-family: Arial, helvetica, sans-serif; color:#252525; font-size:10px; font-weight: normal; text-decoration:none; }
.rightbott-link:visited {font-family: Arial, helvetica, sans-serif; font-weight:normal; color:#252525; font-size:10px; text-decoration:none;}
.rightbott-link:hover {font-family: Arial, helvetica, sans-serif;  color:#F37C2A; font-size:10px; font-weight: normal; text-decoration:none;}

h4 {word-spacing:normal; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;  text-decoration: none; margin:0px; padding: 0px;  text-align: center;}
h4 a {font-family:  Verdana, Arial, Helvetica, sans-serif; text-decoration: none;  font-size: 11px;  }
h4 a:hover {font-family:  Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;  font-size: 11px; color:#000000;  }
.bookmark { width: 992px; text-align: center; padding-top: 12px; padding-bottom: 5px;  }
.bookmark img { vertical-align:middle; }
.clear { clear:both;}
.left{float:left}
.right{float:right}

#companynews {  position:relative; font-size: 11px; padding: 0px; float: left; margin-top: 5px;  }

.input-red{ 
	FONT-SIZE: 11px;
	COLOR: #555555; 
	border:1px solid #ff0000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	padding-left: 2px;
	font-weight: normal; }	 
#pscroller1{
width: 215px;
height: 125px;
padding: 0px;
background-color: transparent;
margin-bottom:0px;
line-height:17px;
}


.iphone-banner {margin-top:11px; margin-bottom:10px;}


.service-offering{width:700px;height: 300px; background:none; border:1px solid #DDD; margin:0 0 15px  0;position:relative;}
#hometabs{width:217px;float:left;height:200px;}
#hometabs ul{width:217px;height:200px;float:left; margin:0; padding:0; list-style-type:none}
#hometabs li{float:left;width:214px;height:32px;padding:0 !important;margin:0 !important;white-space:nowrap}
#hometabs li a:link, #hometabs li a:visited, #hometabs li a:hover, #hometabs li a.current:link{float:left;list-style-type:none;background:#F3F3F3;display:block;width:214px;height:21px;overflow:hidden;font-size:12px;color:#5F5F5F;font-weight:bold;text-decoration:none;padding:5px 0 5px 10px;cursor:pointer;border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
#hometabs li.last a:link, #hometabs li.last a:visited, #hometabs li.last a:hover{border-bottom:0 none}

#hometabs li a:hover, #hometabs li a.current:link, #hometabs li a.current:visited, #hometabs li a.current:hover{background:#fff; background:#fff !important border-right:0 none;  border-right:0 none !important;color:#FF5E00; color:#FF5E00 !important;}

.tabcontent{display:none; border:0px solid red; width:100%;}
.tabcontent p{clear:both; margin:0; padding:0 0 3px 5px}
.content-curvedbox-top{background:url("../images/design/content-graybox-top.gif") no-repeat left top; width:700px; height:5px; display:block;overflow:hidden;border:0px solid red;}
.content-curvedbox-mid{background:#F0F0F0; width:670px; padding:5px 15px;  float:left; display:block; }
.content-curvedbox-content{ padding:8px; margin:0 auto; display:block; border:1px solid red;}
.content-curvedbox-bot{background:url("../images/design/content-graybox-bot.gif") no-repeat left top; width:700px; height:5px; display:block; float:left; overflow:hidden; border:0px solid red; }
.MR10{margin-right:10px}
.ML10{margin-left:10px}
.ML5{margin-left:5px}
.PL10{padding-left:10px}
.debug{border:1px solid red}




.stepcarousel { position: relative; overflow: scroll; width: 190px; height: 114px; float: left;  }
.stepcarousel .belt { position: absolute; left: 0; top: 10px; }
.stepcarousel .panel { float: left; overflow: hidden; margin: 0; width: 198px; text-align: center; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #F05F07; }
#portfolio-cycle img { border: none; }

.cltable{width:100%;border:1px solid orange; background-color: #FAF0E6;margin: 0px; text-align:left; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; FONT-SIZE:11px; line-height:18px; color:#000000; margin:0px; padding:0px;}
.cltable td{height:25px; border-bottom: 1px dotted orange; margin:0px; padding:0px}
.cltable tr{margin:0px;}
.cltable a{FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; outline: none;}
.cltable a:hover { text-decoration: none; color: #F37C2A; outline: none;}