* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
html {
min-width:980px;
}
a {
outline:none;
}
body {
background:#fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:100%;
line-height:1.125em;
color:#5c5c5c;
}
.servicessubtitle {
color: #0188CC;
font-size: 17px;
padding-bottom: 10px;
font-weight: normal;
}
.homedivider {
margin-top: 20px;
}
.imgleft {
float: left;
margin-left: 12px;
margin-bottom: 12px;
}
.justify {
text-align: justify;
}
img {
border:0;
vertical-align:top;
text-align:left;
border:medium none;
}
object {
vertical-align:top;
outline:none;
}
ul, ol {
list-style:none;
}
.fleft {
float:left;
}
.webdevimg {
margin-left: 20px;
float: right;
}
.fright {
float:right;
}
.clear {
clear:both;
}
.col-1, .col-2, .col-3 {
float:left;
}
.col-3 .box {
padding: 5px;
}
.homefirstbox {
float: left;
width: 255px;
padding-right: 53px;
}
.homelastbox {
float: right;
width: 300px;
}
.alignright {
text-align:right;
}
.aligncenter {
text-align:center;
}
.wrapper {
width:100%;
overflow:hidden;
}
.container {
width:100%;
}
/*==== GLOBAL =====*/
#main {
width:970px;
margin:0 auto;
font-size:13px;
position:relative;
}
#header {
height:498px;
}
#content {
padding:22px 0 25px 0;
}
.eatherheading {
color: #0188CC;
font-size: 25px;
font-weight: normal;
padding-bottom: 10px;
border-bottom: 1px solid #ECECEA;
}
/*----- forms parameters -----*/
input, select, textarea {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
vertical-align:middle;
font-weight:normal;
}
/*----- other -----*/
.img-indent {
margin:0 20px 0 0;
float:left;
}
.img-box {
width:100%;
overflow:hidden;
padding-bottom:10px;
}
.img-box img {
float:left;
margin:0 20px 0 0;
}
.extra-wrap {
overflow:hidden;
}
p {
margin-bottom:18px;
}
.p1 {
margin-bottom:9px;
}
.p2 {
margin-bottom:18px;
}
.p3 {
margin-bottom:27px;
}
/*----- txt, links, lines, titles -----*/
a {
color:#0082c9;
outline:none;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
#breadcrumb a {
color:#0082c9;
outline:none;
text-decoration:none;
font-size: 17px;
font-weight: normal;
}
#breadcrumb {
}
#breadcrumb a:hover {
text-decoration:underline;
}
#breadcrumb .active {
text-decoration:underline;
}
h1 {
font-size:56px;
padding:0;
margin:0;
}
h2 {
font-size:24px;
line-height:1.2em;
color:#1e1e1e;
font-weight:normal;
background:#ebebeb url(images/title-bg.gif) repeat-x left top;
border-bottom:1px solid #d4d4d4;
padding:18px 0 21px 23px;
letter-spacing:-1px;
}
h3 {
font-size:24px;
line-height:1.2em;
color:#1e1e1e;
font-weight:normal;
margin-bottom:18px;
}
h4 {
font-size:1em;
margin-bottom:13px;
text-transform:uppercase;
}
h5 {
font-size:1.1em;
font-weight:normal;
margin-bottom:16px;
color:#008acd;
}
h6 {
color: #0188CC;
font-size: 15px;
font-weight: bold;
padding-bottom: 10px;
border-bottom: 1px solid #ECECEA;
}
.txt1 {
line-height:16px;
}
.txt2 {
color:#0082c9;
}
.link1 {
padding:18px 0 18px 24px;
font-size:1.1em;
}
.link-s {
padding:18px 0 0px 24px !important;
font-size:1.1em;
}
.link-s a {
background:url(images/arrow1.gif) no-repeat right 8px;
padding:0 16px 0 0;
}
.link1 a {
background:url(images/arrow1.gif) no-repeat right 8px;
padding:0 16px 0 0;
}
.link1 a strong {
font-size: 18px;
font-weight: bold;
}
.link2 {
color:#5c5c5c;
font-size:1.1em;
}
.line-hor {
background:#3a3c52;
height:1px;
overflow:hidden;
font-size:0;
line-height:0;
margin:20px 0 20px 0;
}
.line-ver, .line-ver1 {
background-image:url(images/line-ver.gif);
background-repeat:repeat-y;
width:100%;
background-position:645px;
}
.line-ver2 {
background-image:url(images/line-ver.gif);
background-repeat:repeat-y;
width:100%;
background-position:322px;
}
.title {
margin-bottom:20px;
}
/*==================boxes====================*/
.box {
border:1px solid #d8d8d8;
background:url(images/box-bg.gif) left bottom repeat-x;
}
.aboutusbox {
background:url(images/box-bg.gif) left bottom repeat-x;
border-right: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
border-left: 1px solid #d8d8d8;
}
.webDevalop {
background:url(images/box-bg.gif) left bottom repeat-x;
border-right: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
border-left: 1px solid #d8d8d8;
border-top: 1px solid #d8d8d8;
}
.webDevalop h2.hide {
text-indent:-9999px !important;
}
.webDevalop.alt {
background:none;
}
.webDevalop .indent {
padding:29px 20px 20px 24px;
text-align: justify;
}
.aboutusbox.alt {
background:none;
}
.aboutusbox .indent {
padding:29px 20px 20px 24px;
}
.subbox-1 {
margin-right:1px;
width:645px;
float: left;
}
.subbox-1 .photo {
width:110px;
height:100px;
float:left;
margin-right:10px;
margin-bottom: 20px;
margin-left: 15px;
border: 1px solid #CCCCCC;
background: #FFFFFF;
padding: 3px;
}
.bottomborder {
background: #D8D8D8;
height: 1px;
margin-top: 20px;
margin-bottom: 20px;
line-height: 1px;
overflow: hidden;
}
.subbox-2 {
width:322px !important;
float: left;
}
.subbox-3 {
margin-right:1px;
width:322px !important;
float: left;
}
.subbox-4 {
width:645px;
float: left;
}
.box.alt {
background:none;
}
.box .indent {
padding:29px 20px 20px 24px;
}
.address {
padding-bottom:8px;
}
.address dt {
margin-bottom:16px;
}
.address dd {
clear:both;
}
.address dd span {
float:left;
width:90px;
}
.address dd a {
text-decoration:underline;
color:#5c5c5c;
}
/*===== header =====*/
#header .row-1 {
height:140px;
}
.row-1 h1 {
float:left;
background:url(images/logo.gif) no-repeat left 0px;
padding:0 0 0 0px;
margin:30px 0 0;
width: 211px;
height: 89px;
text-indent: -9999px;
}
.row-1 h1 a {
color:#1e1e1e;
text-decoration:none;
display: block;
height: 89px;
width: 211px;
}
.row-1 h1 a:hover {
text-decoration:none;
}
#header .nav {
float:right;
padding:94px 0 0 0;
}
#header .nav li {
float:left;
background:url(images/divider.gif) no-repeat left 9px;
padding:0 15px 0 19px;
}
#header .nav li.first {
background:none;
}
#header .nav li a {
font-size:19px;
line-height:1.2em;
float:left;
color:#333333;
text-decoration:none;
letter-spacing:-1px;
}
#header .nav li a:hover, #header .nav li a.current {
color:#0088cf;
text-decoration:none;
}
#header .row-2 {
}
.slide-box {
float:left;
width:650px;
height:358px;
overflow:hidden;
position:relative;
}
.slide-box ul li {
float:left;
list-style-type:none;
}
.slide-box img {
}
#prev {
position:absolute;
left:558px;
top:469px;
z-index:2;
font-size:10px;
display:block;
padding:5px 9px 6px 9px;
background:url(images/divider1.gif) no-repeat right 10px #0082c9;
}
#prev a {
color:#fff;
text-transform:uppercase;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
#prev a:hover {
text-decoration:underline;
}
#next {
position:absolute;
left:604px;
top:469px;
z-index:2;
font-size:10px;
display:block;
background:#0082c9;
padding:5px 9px 6px 9px;
}
#next a {
color:#fff;
text-transform:uppercase;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
#next a:hover {
text-decoration:underline;
}
.slogan {
float:left;
width:320px;
height:358px;
background:url(images/slogan-bg.jpg) no-repeat left top;
color:#fff;
text-align: center;
margin: 0px;
padding: 0px;
}
.slogan p {
font-size: 21px;
margin: 0px;
padding: 0px;
font-weight: bold;
}
.slogan h1 {
font-weight: bold;
text-align: center;
margin: 0px;
padding: 0px;
font-size: 60px;
}
.slogan .indent {
margin: 100px 0px 0px;
padding: 0px;
}
.slogan strong {
display:block;
position:relative;
margin-top: -10px;
padding: 0px;
}
/*===== content =====*/
#content .inside {
padding:22px 30px 0 24px;
}
.img-list {
margin-bottom:-11px;
}
.img-list li {
width:100%;
overflow:hidden;
padding-bottom:9px;
}
.img-list li .img-wrap {
float:left;
margin-right:17px;
border:1px solid #c6c6c6;
}
.margin-top {
margin-top:20px;
display:block;
}
.img-list li .img-wrap:hover {
border:1px solid #000;
}
.list1 {
padding-bottom:15px;
}
.list1 li {
background:url(images/arrow2.gif) no-repeat left 5px;
padding:0 0 5px 20px;
font-size:1.1em;
}
.list2 {
margin-bottom:-17px;
}
.list2 li {
line-height:17px;
padding-bottom:15px;
}
.list3 {
width:100%;
overflow:hidden;
margin-bottom:-25px;
}
.list3-s {
width:100%;
overflow:hidden;
}
.list3-s li.serv-li-l {
float:left;
width:288px;
margin-right:28px;
padding-bottom:15px;
overflow:hidden !important;
}
.list3-s li.serv-li-r {
float:right;
width:288px;
margin-right:0;
overflow:hidden !important;
}
.list3 li {
float:left;
width:277px;
margin-right:37px;
padding-bottom:35px;
}
.list3 li.even {
margin-right:0;
}
.list3 li p {
margin-bottom:12px;
}
.container {
width:322px;
height:316px;
overflow:hidden;
position:relative;
cursor:pointer;
}
.slides {
position:absolute;
top:0;
left:0;
}
.slides div.slide {
position:absolute;
top:0;
width:322px;
display:none;
}
/*
* Optional
*/
#loopedSlider, #newsSlider {
margin:0 auto;
width:322px;
position:relative;
clear:both;
}
.previous {
background:url(images/prev.gif) no-repeat left top;
width:35px;
height:32px;
display:inline-block;
position:absolute;
right:50px;
top:18px;
}
.next {
background:url(images/next.gif) no-repeat left top;
width:34px;
height:32px;
display:inline-block;
position:absolute;
right:16px;
top:18px;
}
.homefollowlink, .portfoliofollowlink {
font-size: 17px;
}
.homefollowlink a {
color: #333333;
background: url(images/homeclickphone.gif) no-repeat scroll 0px 0px;
display: block;
height: 68px;
cursor: default;
}
.homefollowlink a:hover {
text-decoration: none;
background-position:0 -68px;
}
.homefollowlink a span {
display: block;
font-size: 13px;
padding-left:85px;
padding-top:20px;
font-weight: bold;
}
.homefollowlink a:hover span {
}
.portfoliofollowlink a {
color: #333333;
background: url(images/portfolioclickphone.gif) no-repeat scroll 0px 0px;
display: block;
height: 68px;
}
.portfoliofollowlink a:hover {
background-position:0 -68px;
text-decoration: none;
color: #0188CC;
}
.portfoliofollowlink a span {
display: block;
font-size: 18px;
font-weight:bold;
padding-left:85px;
padding-top:25px;
}
.careerul li {
background: url(images/arrow_03.jpg) no-repeat left center;
padding-left: 20px;
margin-top: 10px;
}
.backgroundbox {
background: #F5F5F5;
padding: 10px;
font-size: 17px;
line-height: 25px;
font-weight: normal;
color: #333333;
margin-bottom: 30px;
}
.billbrdtext {
float: right;
width: 310px;
}
.billbrdbox {
width:540px;
float: left;
margin-top: 20px;
text-align: justify;
}
/*===== footer =====*/
#footer {
text-align:center;
padding:0 0 75px 0;
}
#footer .nav {
background:#f7f7f7;
border:1px solid #ededed;
padding:25px 0 25px 0;
text-align:center;
font-size:15px;
}
#footer .nav li {
display:inline;
}
#footer .nav li a {
background:url(images/divider1.gif) no-repeat left 8px;
padding:0 20px 0 20px;
color:#9e9e9e;
}
#footer .nav li a.first {
background:none;
}
#footer p {
margin:0;
padding:40px 0 0 0;
}
/*----- forms -----*/
#contacts-form fieldset {
border:none;
width:100%;
overflow:hidden;
}
#contacts-form label {
display:block;
height:25px;
margin-bottom: 10px;
margin-right: 10px;
}
#contacts-form label input {
width:240px;
padding:5px 0 5px 5px;
color:#5c5c5c;
background:none;
border:1px solid #a4a4a4;
font-size:12px;
}
#contacts-form textarea {
width:327px;
height:100px;
padding:5px 0 5px 5px;
margin-bottom:18px;
color:#5c5c5c;
background:none;
border:1px solid #a4a4a4;
overflow:auto;
font-size:12px;
}
#contacts-form .col-1 {
width:250px !important;
margin-right:0 !important;
}
#contacts-form .col-2 {
width:333px !important;
margin-right:0 !important;
}
#contacts-form .col-3 {
width:333px !important;
margin-right:0 !important;
}
#contacts-form .button {
margin-left:15px;
float:right;
}
/*==========================================*/
#page5 .container {
height:340px;
}
.services_col {
width:100% !important;
}
p.wd {
line-height:24px;
}
ul.wd-ul li {
line-height:16px;
list-style:none !important;
padding:4px 0 4px 20px;
margin:0;
background:url(images/arrow2.gif) left 9px no-repeat;
}
ul.tech-ul {
padding:0 0 0 10px;
margin:0;
}
ul.tech-ul li {
line-height:16px;
list-style:none !important;
padding:4px 0 4px 20px;
margin:0;
background:url(images/arrow2.gif) left 9px no-repeat;
}
.wd2 {
line-height:24px;
padding-left:20px;
}
p.wd02 {
line-height:24px;
padding-left:20px;
position:absolute;
right: 62px;
top: 103px;
border:#DFDFDF 1px solid;
padding:10px;
color:#0082C9;
}
/*Gallery style*/
.protfolioMainDiv {
height:300px;
}
h4.sub {
text-transform:none !important;
padding:0;
}
.portfolioDiv {
height:400px;
}
.webDev {
position:relative;
}
.technology {
padding:0 0 0 120px;
position:relative;
}
.technology img.imageh6 {
position:absolute;
left: 6px;
top: -15px;
}
.ourproces {
border-bottom:#e7e7e7 0px solid;
padding:0 0 0 120px;
position:relative;
}
.ourproces img.imageh6 {
position:absolute;
left: 6px;
top: 5px;
}
.aboutus {
border-bottom:#e7e7e7 0px solid;
padding:0 0 0 120px;
position:relative;
}
.aboutus img.imageh6 {
position:absolute;
left: 0px;
top: 6px;
}
p.underline {
text-decoration:none;
color:#0188CC;
}
.innerleft {
width:527px;
float: left;
margin-top: 20px;
text-align: justify;
}
.innerimg {
width: 350px;
float: right;
padding: 10px;
background: #FFFFFF;
margin-top: 20px;
}
.photoinnerimg {
width: 380px;
float: right;
margin-top: 20px;
}
.flash {
float: right;
margin-top: 20px;}
.rightquote {
width: 350px;
margin-top: 20px;
float: right;
}
.rightquote p {
font-size: 18px;
font-weight: normal;
line-height: 25px;
text-align: justify;
}
.abtfacility {
border-bottom: #DFDFDF 1px solid;
padding-bottom:25px;
margin-bottom:25px;
}
.abtfacility td {
vertical-align:top;
}
.gisCont{
padding-top:25px;
padding-bottom:25px;
margin-bottom:25px;
}
.gisCont td {
vertical-align:top;
}
.tdwidth1{
width: 50px;
}
.tdwidth2{width: 280px;}
.smsApp {
margin:0;
border:#CCCCCC 0px solid;
border-left:0px;
background:url(images/smsAppBg.jpg) left repeat-y;
}
.smsApp span {
display:block;
padding:10px 0;
border-bottom:#CCC 0px solid;
border-left:#CCC 0px solid;
background:#FFFFFF;
}
.smsApp .smsApp-1 {
width:305px;
float:left;
border-right:#CCC 0px solid;
}
.smsApp .smsApp-2 {
width:305px;
float:left;
border-right:#CCC 0px solid;
}
.smsApp .smsApp-3 {
width:305px;
float:left;
}
.smsApp .smsApp-4 {
width:250px;
margin:20px auto;
}
.smsApp .smsApp-4 ul {
padding:0;
}
.smsApp .smsApp-4 ul li {
padding:10px 0 10px 20px;
background:url(images/arrow2.gif) left 16px no-repeat;
margin:0px;
line-height:18px;
}
.smsApp .smsApp-4 ul li strong {
color:#0082C9;
}
.smsApp .smsApp-4 ul li ul li {
background:none;
list-style:none;
line-height:18px;
padding:0;
margin:0;
}
ul.ivr {
padding-right:30px;
}
ul.padding {
padding-left:20px;
}
.div-IMarketing {
margin:0 22px 0 25px;
}
.div-IMarketing h4 {
font-size:18px;
text-transform:none;
padding:0 0 10px 0;
font-weight:normal;
}
.smallbox {
border: 1px solid #0099FF;
float: left;
width: 217px;
margin-right: 15px;
margin-top: 10px;
margin-bottom: 10px;
}
.opeffbox {
border: 1px solid #0099FF;
float: left;
width: 290px;
margin-right: 15px;
margin-top: 10px;
margin-bottom: 10px;
}
.opeffheading {
height:30px;
border-bottom: 1px solid #0099FF;
}
.opefftitle {
color: #0188CC;
font-size: 13px;
font-weight: bold;
padding-left: 10px;
padding-top: 5px;
display: block;
}
.clientreport {
margin-right: 0px;
}
.titleheading {
color: #0188CC;
font-size: 13px;
font-weight: bold;
padding-left: 10px;
padding-top: 10px;
display: block;
text-align: center;
}
.boxheading {
height:58px;
border-bottom: 1px solid #0099FF;
}
.boxcontent {
padding:8px;
}
p.qt {
position:relative;
padding:20px 0 10px 100px;
display:block;
}
p.qt img {
position:absolute;
left:0;
top:5px;
}
p.qt2 {
position:relative;
padding:20px 0 10px 50px;
display:block;
}
p.qt2 img {
position:absolute;
left:0;
top:0px;
}
div.d-application {
border-bottom:#0089cd solid 2px;
font-size: 17px;
}
div.d-app-main {
background:url(images/DA-border.jpg) repeat-y 350px 0;
border:#CCC 1px solid;
margin-right:10px;
}
.trheader {
background: #0089cd;
font-size: 17px;
font-weight: normal;
color: #FFFFFF;
margin: 0px;
padding: 0px;
}
p.desk-app-p {
padding-left:15px;
margin-top: 20px;
font-size: 17px;
}
.d-app-main strong {
color:#0082C9;
}
div.IM-pakages {
margin:0 20px;
}
IM-pakages {
text-align:left;
}
.IM-altrow {
background:#e8e6e6;
}
.IM-td01 {
padding:10px 10px 10px 20px;
background: #0188cc;
border: 1px solid #0175AD;
}
.IM-td01 span {
padding-left: 30px;
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
}
.IM-td01 h6 {
color: #FFFFFF;
}
.IM-td02 {
padding:10px 10px 10px 20px;
border:1px solid #CCC;
border-left:0;
border-top:0;
border-right:0;
background: #71c4e6;
color: #FFFFFF;
}
.IM-td1 {
padding:6px 6px 6px 20px;
border:1px solid #CCC;
border-left:0;
border-top:0;
}
.IM-td2 {
padding:6px 6px 6px 20px;
border:1px solid #CCC;
border-left:0;
border-top:0;
border-right:0;
}
.IM-td3 {
padding:6px 6px 6px 20px;
border:1px solid #CCC;
border-left:0;
border-top:0;
border-bottom:0;
}
.IM-td4 {
padding:6px 6px 6px 20px;
border:1px solid #CCC;
border-left:0;
border-top:0;
border-right:0;
border-bottom:0;
}
.IM-pakages h6 {
margin:0;
padding:0;
border:0;
}
.tdSilver {
background:#F2F9F9;
}
.tdGold {
background:#F8F8F1;
}
.tdPlatinum {
background:#FBFBFB;
}
.linkdown1 {
margin-top: 70px;
}
.linkdown2 {
margin-top: 65px;
}
/*sprite style starts here*/
a#facebook, a#skype, a#linkedin, a#twitter {
display:inline-block;
float:left;
height:64px;
margin:0 10px 2px 0;
width:64px;
}
.indentsubmargin {
padding:29px 10px 20px 15px;
}
a#facebook {
background: url(images/facebook.gif) 0 64px;
}
a#facebook:hover, a#twitter:hover, a#skype:hover, a#linkedin:hover {
background-position: 0 0px;
}
a#twitter {
background: url(images/twitter.gif) 0 64px;
}
a#skype {
background: url(images/skype.gif) 0 64px;
}
a#linkedin {
background: url(images/linkedin.gif) 0 64px;
}
.contacttable {
border-top: 1px solid #016494;
border-right: 1px solid #016494;
border-left: 1px solid #016494;
}
.contacttd_1 {
border-right: 1px solid #016494;
border-bottom: 1px solid #016494;
padding: 10px;
background: #0188CC;
color: #FFFFFF;
text-align: center;
}
.contacttd_2 {
border-bottom: 1px solid #016494;
background: #0188CC;
padding: 5px;
color: #FFFFFF;
text-align: center;
}
.contacttd_3 {
padding: 5px;
text-align: center;
border-right: 1px solid #016494;
border-bottom: 1px solid #016494;
}
.contacttd_4 {
padding: 5px;
text-align: center;
border-bottom: 1px solid #016494;
}
.smallbutton {
background: url(images/smallbutton.gif) no-repeat scroll left top;
height: 18px;
width: 49px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
border-width: 0px;
border-style: none;
}
.alignright a {
text-decoration: none;
}
.alignright a:hover {
color: #0099FF;
text-decoration: none;
}
.sitemap {
text-align: justify;
color: #0082C9;
background: transparent;
margin-bottom: 20px;
}
.sitemap ul {
float: left;
width: 280px;
padding-left: 20px;
}
.sitemap ul li {
background: url(images/arrow_03.jpg) no-repeat left center;
padding-left: 20px;
margin-top: 10px;
}
.bulletlessli {
background: #0082C9 !important;
margin: 0px !important;
padding: 5px !important;
list-style: none !important;
text-transform: uppercase !important;
}
.bulletlessli a {
color: #FFFFFF;
}
.bulletlessli a:hover {
color: #FFFFFF;
}
.ourpeople_cont {
width: 310px;
float: left;
}
.ourpeople_img {
float:right;}
.daremagazine a, .daremagazine a:visited {
height: 300px;
width: 300px;
display: block;
background: url(images/dare.jpg) no-repeat;
}
.daremagazine a:hover {
background: url(images/dare_hover.jpg) no-repeat;
}