body {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:18px;
margin:0;
padding:0;
text-align:justify;
}
.input {
background-color:#FFFFFF;
border:1px solid #CACACA;
color:#555555;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
padding-left:2px;
}
select {
background-color:#FFFFFF;
border:1px solid #CACACA;
color:#555555;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
padding-left:2px;
}
textarea {
background-color:#FFFFFF;
border:1px solid #CACACA;
color:#555555;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
padding-left:2px;
}
p {
margin-bottom:15px;
margin-top:0;
}
form {
margin:0;
padding:0;
}
img {
border:medium none;
}
h3 {
font-size:13px;
margin:0 0 5px;
padding:0;
}
a {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
outline-style:none;
outline-width:medium;
text-decoration:none;
}
a:hover {
color:#F37C2A;
outline-style:none;
outline-width:medium;
text-decoration:none;
}
#wrapper {
margin:0 auto;
padding:0;
width:992px;
}
#toppart {
height:284px;
width:992px;
}
.toparea {
height:57px;
padding-bottom:10px;
padding-top:10px;
position:relative;
width:992px;
}
.logo {
float:left;
text-align:center;
width:240px;
}
.contactinfo {
border-left:1px solid #999999;
border-right:1px solid #999999;
float:left;
height:52px;
padding-left:16px;
padding-right:10px;
padding-top:7px;
width:237px;
}
.messangerinfo {
padding-left:0;
padding-top:13px;
position:absolute;
right:0;
top:10px;
width:480px;
}
.callback-popup {
background:transparent url(../images/tooltipbg.gif) no-repeat scroll 0 0;
height:161px;
position:absolute;
right:0;
top:47px;
width:162px;
z-index:1000;
}
.flasharea {
background-color:#CCCCCC;
clear:both;
}
.topnav {
background:transparent url(../images/topnavbg.gif) repeat-x scroll center bottom;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
height:33px;
width:990px;
}
.topnav ul {
float:left;
margin-bottom:0;
margin-left:0;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-top:0;
position:relative;
}
.topnav li {
border-right:1px solid #CCCCCC;
float:left;
height:33px;
list-style-type:none;
position:relative;
text-align:center;
width:122px;
}
.topnav li h1 {
margin:0;
padding:0;
}
.topnav li h1 a {
background-color:#FFFFFF;
color:#000000;
display:block;
}
.topnav li h1 a:hover {
background-color:#E9E9E9;
color:#000000;
display:block;
}
#mid-content {
background:transparent url(../images/midd-dottedline.gif) repeat-y scroll right top;
float:left;
margin-bottom:10px;
margin-top:26px;
width:992px;
}
#mid-left-part {
border:0 solid red;
float:left;


width:680px;
}
.redmatternormal {
color:#E60000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
.service-offering {
background:transparent url(../images/service-roundbg.gif) no-repeat scroll right top;
height:200px;
margin-top:25px;
position:relative;
width:680px;
}
.readmore-border {
border-bottom:1px solid #E4E4E4;
}
.service-readmore, .service-readmore:link, .service-readmore:visited, .service-readmore:hover {
border-color:#DFDFDF #DFDFDF ;
border-style:solid solid none;
border-width:1px 1px 0;
color:#FF5E00;
display:block;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:10px;
height:17px;
padding:1px 5px;
width:75px;
}
.service-readmore:hover {
border-color:#FF5E00;
color:#FF5E00;
}
.service-hire ul {
color:#F5660E;
margin:0;
padding:0;
}
.service-hire li {
background:transparent url(../images/service-arrow.gif) no-repeat scroll left top;
color:#F5660E;
float:left;
line-height:22px;
list-style-type:none;
margin-right:10px;
padding-left:13px;
width:185px;
}
.service-hire ul h2 {
margin:0;
padding:0;
}
.service-hire li a {
color:#727272;
font-size:11px;
font-weight:400;
text-align:left;
}
.service-hire li a:hover {
color:#F37C2A;
font-size:11px;
font-weight:400;
text-align:left;
}
.serviceoffer-right {
border:0 solid green;
display:block;
float:right;
height:159px;
padding:5px 10px 5px 5px;
width:450px;
}
.serviceoffer-right h2 {
color:#FF5E00;
float:left;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:13px;
font-weight:700;
line-height:20px;
margin:0 0 5px;
padding:0;
}
.serviceoffer-right h3 {
color:#000000;
font-size:12px;
font-weight:400;
margin:0 0 5px;
padding:0;
}
.middleft-bott {
position:relative;
width:700px;
}
.casestudies {
background:transparent url(../images/casestudiesbg.gif) no-repeat scroll left 25px;
height:170px;
padding:5px 10px 10px;
width:428px;
}
.casestudies h1 {
font-size:13px;
font-weight:bold;
margin:0 0 10px;
padding:0;
}
.casestudies p {
margin:0 0 3px;
padding:0;
}
hr {
border-color:#BFBFBF ;
border-style:solid none none;
border-width:1px medium medium;
clear:both;
line-height:1px;
margin:2px 0;
padding:0;
}
.hr {
border-bottom:1px solid #BFBFBF;
padding-bottom:4px !important;
}
.company-viewall {
background-color:#FFFFFF;
border:1px solid #DFDFDF;
color:#F05F07;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
padding:2px 10px;
width:45px;
}
.company-viewall:link {
background-color:#FFFFFF;
border:1px solid #DFDFDF;
color:#F05F07;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
}
.company-viewall:visited {
background-color:#FFFFFF;
border:1px solid #DFDFDF;
color:#F05F07;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
}
.company-viewall:hover {
background-color:#FFFFFF;
border:1px solid #F05F07;
color:#F05F07;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
}
.companynews {
background:transparent url(../images/newsbg.gif) no-repeat scroll left 25px;
height:170px;
padding:5px 10px 10px;
position:absolute;
right:0;
top:0;
width:216px;
}
.companynews h1 {
font-size:13px;
font-weight:bold;
margin:0 0 10px;
padding:0;
}
.opensource-banner {
float:left;
padding:20px 0 10px;
width:700px;
}
.hirebox {
background:transparent url(../images/hire-box.gif) no-repeat scroll left 25px;
display:inline-block;
height:120px;
margin:0;
width:213px;
}
.hirebox h4 {
font-size:11px;
font-weight:700;
margin:0 0 5px;
padding:0;
text-align:center;
}
.hirebox .img {
border:medium none;
float:left;
padding:15px 2px 0 8px;
}
.hirebox p {
float:left;
line-height:14px;
margin:0;
padding:10px 5px 0;
text-align:left;
width:130px;
}
.hirebox .link {
float:right;
padding:6px 22px 0 0;
text-align:right;
width:60px;
}
.hirebox .link a {
color:#F05F07;
font-size:11px;
font-weight:700;
}
#mid-right-part {
border:0 solid red;
float:left;
padding-left:20px;
padding-right:15px;
width:204px;
}
#mid-right-part h6 {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
margin:0 0 13px;
padding:0;
text-align:center;
text-decoration:none;
}
.recentclient {
background:transparent url(../images/rightsection-divider.gif) repeat-x scroll center bottom;
float:left;
margin-bottom:10px;
padding-bottom:10px;
width:204px;
}
.recentclient img {
border:1px solid #CCCCCC;
float:left;
margin-bottom:13px;
margin-left:13px;
padding:1px;
}
.moreportfolio {
clear:both;
padding-right:20px;
text-align:right;
}
.technical-expertise {
background:transparent url(../images/rightsection-divider.gif) repeat-x scroll center bottom;
float:left;
margin-bottom:10px;
padding-bottom:10px;
text-align:center;
width:204px;
}
.iphonebanner {
background:transparent url(../images/iphone-banner.jpg) no-repeat scroll center top;
float:left;
height:116px;
margin-bottom:10px;
text-align:center;
width:200px;
}
.iphonebanner .title {
background:transparent url(../images/rightsection-divider.gif) repeat-x scroll center bottom;
float:left;
margin:68px 0 7px;
padding:0 0 18px;
text-align:center;
width:200px;
}
.applicationdev {

color:#969696;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;


font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
text-align:center;
}
.applicationdev img {
vertical-align:middle;
}
.applicationdev a {

color:#969696;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;


font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
text-decoration:none;
}
.applicationdev a:hover {

color:#969696;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;


font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
text-decoration:none;
}
.applicationdev a span {

color:#2873D0;
font-family:Arial,Helvetica,sans-serif;
font-size:18px;


font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-decoration:none;
}
.applicationdev a em {

color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:18px;


font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-decoration:none;
}
.development-center {
float:left;
margin-bottom:10px;
text-align:center;
width:204px;
}
.hire-banner {
margin-top:10px;
}
.clientname {
float:left;
font-weight:bold;
line-height:22px;
width:100px;
}
.clientmore {
float:right;
line-height:22px;
text-align:right;
width:90px;
}
.hirebanner {
margin-bottom:20px;
width:204px;
}
.clientspeak {
float:left;
width:204px;
}
#bottompart {
clear:both;
width:992px;
}
.graybg {
background-color:#F0F0F0;
height:20px;
text-align:right;
width:992px;
word-spacing:normal;
}
.darkgraybg {
background-color:#666666;
height:40px;
padding:4px;
text-align:center;
}
.darkgraybg h3 {
clear:none;
display:inline;
font-size:11px;
font-weight:normal;
margin:0;
padding:0;
width:auto;
}
.bottlink {
color:#D8D8D8;
font-family:"tahoma",Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
}
a.bottlink:link {
color:#D8D8D8;
font-family:"tahoma",Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
}
a.bottlink:visited {
color:#D8D8D8;
font-family:"tahoma",Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
}
a.bottlink:hover {
color:#D8D8D8;
font-family:"tahoma",Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:underline;
}
.rightbott-link {
color:#252525;
font-family:Arial,helvetica,sans-serif;
font-size:10px;
font-weight:normal;
padding:5px;
text-decoration:none;
}
.rightbott-link:link {
color:#252525;
font-family:Arial,helvetica,sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
}
.rightbott-link:visited {
color:#252525;
font-family:Arial,helvetica,sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
}
.rightbott-link:hover {
color:#F37C2A;
font-family:Arial,helvetica,sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
}
h4 {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
margin:0;
padding:0;
text-align:center;
text-decoration:none;
word-spacing:normal;
}
h4 a {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
text-decoration:none;
}
h4 a:hover {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
text-decoration:underline;
}
.bookmark {
padding-bottom:5px;
padding-top:12px;
text-align:center;
width:992px;
}
.bookmark img {
vertical-align:middle;
}
.clear {
clear:both;
}
.left {
float:left;
}
.right {
float:right;
}
#companynews {
float:left;
font-size:11px;
margin-top:5px;
padding:0;
position:relative;
}
.input-red {
background-color:#FFFFFF;
border:1px solid #FF0000;
color:#555555;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
padding-left:2px;
}
#pscroller1 {
background-color:transparent;
height:125px;
line-height:17px;
margin-bottom:0;
padding:0;
width:215px;
}
.iphone-banner {
margin-bottom:10px;
margin-top:11px;
}
.service-offering {
background:transparent none repeat scroll 0 0;
border:1px solid #DDDDDD;
height:191px;
margin:0 0 15px;
position:relative;
width:700px;
}
#hometabs {
float:left;
height:180px;
width:217px;
}
#hometabs ul {
float:left;
height:180px;
list-style-type:none;
margin:0;
padding:0;
width:217px;
}
#hometabs li {
float:left;
height:32px;
margin:0 !important;
padding:0 !important;
white-space:nowrap;
width:214px;
}
#hometabs li a:link, #hometabs li a:visited, #hometabs li a:hover, #hometabs li a.current:link {
background:#F3F3F3 none repeat scroll 0 0;
border-bottom:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
color:#5F5F5F;
cursor:pointer;
display:block;
float:left;
font-size:12px;
font-weight:bold;
height:21px;
list-style-type:none;
overflow:hidden;
padding:5px 0 5px 10px;
text-decoration:none;
width:214px;
}
#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:#FFFFFF none repeat scroll 0 0;
border-right:0 none !important;
color:#FF5E00 !important;
}
.tabcontent {
border:0 solid red;
display:none;
width:100%;
}
.tabcontent p {
clear:both;
margin:0;
padding:0 0 3px 5px;
}
.content-curvedbox-top {
background:transparent url(../images/content-graybox-top.gif) no-repeat scroll left top;
border:0 solid red;
display:block;
height:5px;
overflow:hidden;
width:700px;
}
.content-curvedbox-mid {
background:#F0F0F0 none repeat scroll 0 0;
display:block;
float:left;
padding:5px 15px;
width:670px;
}
.content-curvedbox-content {
border:1px solid red;
display:block;
margin:0 auto;
padding:8px;
}
.content-curvedbox-bot {
background:transparent url(../images/content-graybox-bot.gif) no-repeat scroll left top;
border:0 solid red;
display:block;
float:left;
height:5px;
overflow:hidden;
width:700px;
}
.MR10 {
margin-right:10px;
}
.ML10 {
margin-left:10px;
}
.ML5 {
margin-left:5px;
}
.PL10 {
padding-left:10px;
}
.debug {
border:1px solid red;
}
.stepcarousel {
float:left;
height:114px;
overflow:scroll;
position:relative;
width:190px;
}
.stepcarousel .belt {
left:0;
position:absolute;
top:10px;
}
.stepcarousel .panel {

color:#F05F07;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;


font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
overflow:hidden;
text-align:center;
width:198px;
}
#portfolio-cycle img {
border:medium none;
}