body {font:12px "Arial"; color:#525252; margin:0; padding:0; background:url(../images/topbg1.gif) repeat-x top left; line-height:16px; height:100%;}
html {height:100%; background:url(../images/pagebg.gif) repeat-y center top #ececec;}
form {margin:0; padding:0;}
div.forms div {padding-bottom:8px; margin:0;}
input, textarea, select {font:13px "Arial"; color:#777;}

.inpSty200, .inpSty250 {background:#f8f8f8; border:1px solid #fff; border-top:1px solid #cacaca; border-left:1px solid #cacaca;}
.inpSty200 {width:200px;}
.inpSty250 {width:250px;}

i {font:bold 12px "Tahoma"; color:#000;}
a {color:#000; text-decoration:none; font:12px "Arial";}
h1 {margin:0; color:#3b7cb0; font:600 15px "Arial"; padding:2px 0 5px 0;}
h2 {margin:0; color:#0b426e; font:normal 21px "Trebuchet Ms"; padding:2px 0 5px 0;}
p {margin:0; padding:0; padding-bottom:15px;}
h3 {margin:0; color:#525252; font:13px "Arial"; padding:0 0 5px 20px; background:url(../images/blue_arrow1.gif) no-repeat left 2px;}
h3 a {color:#3b7cb0; font:bold 13px "Arial";}

#page{width:100%; margin:0 auto; min-height:100%; text-align:left;}
* html #page {height:100%}
#content {height:100%; text-align:left; padding-bottom:145px;}
#mainArea {text-align:left; width:100%; min-width:934px;}
.contentArea {text-align:left; max-width:934px;}

.leftArea {width:40%; float:left;}
.rightArea {width:60%; float:right;}
.rgtPanel {float:right; width:200px;}
.lftPanel {float:left; width:200px;}
.midCol {padding:0 220px;}
.lht14 {line-height:14px;}
.lht20 {line-height:20px;}

.mainImg {padding-bottom:29px;background:url(../images/head_shade.gif) no-repeat center bottom;}
.innerPic {padding-right:1px;background:url(../images/vdots.gif) repeat-y right top;float:left;}
.offFoc {width:185px; margin-top:12px; float:right; text-align:left;}
.webSol {width:217px; padding:15px 0 16px 0; float:right; text-align:left; background:url(../images/cirbg.gif) no-repeat right top #023964;}
.webSol h1 {padding-left:25px; border-bottom:1px solid #015382; margin-bottom:8px; color:#ffc600; font-size:13px;}
.webSol h3 {padding-left:45px; padding-top:4px; background:url(../images/blue_arrow2o.gif) no-repeat 20px top;}
.webSol h3 a {color:#fff; font-weight:normal; font-size:12px;}

.nav2 {padding:10px 0 11px 0;}
.nav2 a {font:11px "Tahoma"; line-height:18px;}
.nav2Links {width:585px; float:right;}
.lnkSy01 a {background:url() no-repeat left center; padding-left:20px; margin-right:15px;}
a.aboutIc {background-image:url(../images/about_icon.gif);}
a.sendFrn {background-image:url(../images/send_friend.gif);}
a.emailIc {background-image:url(../images/email_icon.gif);}

.roundTitle {font:bold 13px "Arial"; color:#3b7cb0; padding:10px 0 0 18px;}
.titlebg {background:url(../images/titlebg.gif) repeat-x left bottom; margin-bottom:15px;}
.boxArea {padding:0 20px;}
.focusBox {width:163px; float:left;}
.bdrBox {padding:7px 5px; border-top:1px dotted #e7e7e7; border-bottom:4px solid #e7e7e7; display:block; font:12px "Arial"; line-height:14px; color:#fff;}
.boxHead {background:url(../images/bhrep.gif) repeat-x left top #e7e7e7; border:1px solid #e7e7e7; border-bottom:none; padding:3px 3px 4px 15px; color:#2b75b1; font:bold 13px "Arial"; margin-top:20px;}
.outlineBox {padding:5px 15px 15px 15px; border:1px solid #e7e7e7; border-top:none; display:block; margin:0 0 4px 0;}
.quotes {font:11px "Tahoma"; line-height:15px; color:#000;}
.quotes p {font:13px "Trebuchet MS"; line-height:18px; margin:0 0 5px 0; padding:5px 0 6px 0; color:#525252; border-bottom:1px solid #e3e3e3;}

.grnBox {background:url(../images/box-green.gif) repeat-x left top #2cd5bb;}
.yelBox {background:url(../images/box-yellow.gif) repeat-x left top #ffc600;}
.bluBox {background:url(../images/box-blue.gif) repeat-x left top #57aff7;}

.lnkSy02 a {background:url(../images/blue_sqr.gif) no-repeat 5px center; padding:1px 6px 3px 15px; margin-left:4px; border:1px solid #d3d3d3;}

.hdots {background:url(../images/hdots.gif) repeat-x left bottom;}
.vdots {background:url(../images/vdots.gif) repeat-y right top;}
.ctr {text-align:center;}
.rgt {text-align:right;}
.lft {text-align:left;}

.header {width:100%;}
.logo {float:left; width:180px; padding-top:10px;}
.navSearch {width:622px; float:right; padding-top:22px;}
.googleSearch {float:right; color:#fff; font:11px "Tahoma"; padding-left:36px;}
.googleSearch input {width:200px; border:1px solid #fff; font:11px "Tahoma";}
.googleSearch a {color:#fff;}
.demoLinks {float:left;}
.demoLinks b {font-weight:normal;}
.demoLinks a {font-size:11px; display:block; float:left; margin-right:5px; color:#a3a3a3; border-right:1px solid #999; padding:2px 10px 2px 8px;}
.demoLinks a:hover {border-right:1px solid #eee; color:#5ca5df; background:#000;}
.topLinks {float:right;}
.topLinks span {padding:2px 6px; display:block; background:#eee; border:1px solid #fff; color:#666;}
.topLinks span a {color:#000; font:bold 11px "Tahoma";}
.topNav {background:url(../images/navrep.gif) repeat-x left top; float:right; margin-top:23px;}
.topNav a {background:url(../images/lbg.gif) no-repeat 5px center; padding:0 10px 0 15px; margin-right:5px; margin-left:5px;}
.topNav a:hover {color:#1659b8;}
ul.sty01 {margin:20px 0 0 0; padding:15px 5px 15px 0; border-bottom:1px solid #e3e3e3; background:#f1f1f1; line-height:18px;}
ul.sty01 li {background:url(../images/bull.gif) no-repeat 10px 6px; list-style-type:none; padding:0 0 15px 20px;}

.leftNav {padding:10px 5px;}
.leftNav a {padding:4px 6px 7px 6px; background:url(../images/lnk-bg.gif) repeat-x left bottom #1966a6; display:block; border-top:3px solid #fff; color:#fff; font-size:13px;}
.leftNav a:hover {background-color:#0b426e; color:#fff;}

.gradBox {background:url(../images/gradient.gif) no-repeat left top; padding:10px 15px;}
.copyTxt {background:url(../images/copy-bg.gif) no-repeat left top; padding:10px 15px; line-height:18px;}
.copyTxt a {color:#f70;}
.copyTxt b {color:#525252 !important;}
.copyTxt strong {color:#000; font-weight:normal;}
.copyTxt strong b {color:#000 !important;}
.copyTxt a:hover {text-decoration:underline;}
.copyTxt h3 {margin:0 0 5px 0; color:#3b7cb0; font:bold 12px "Arial"; padding:2px 0 2px 5px; background:#f1f1f1;}
.copyTxt h4 {margin:0; color:#3b7cb0; font:normal 13px "Arial"; padding:2px 0 2px 0;}
.copyTxt h4 a {color:#000;}
.copyTxt h4 a:hover {background:#ffb400; padding:2px; text-decoration:none;}
.copyTxt div {padding:0 10px 15px 10px;}
.copyTxt p {margin:0 0 20px 0; padding:0 0 0 18px; font:normal 13px "Trebuchet MS"; color:#333; border-left:1px dashed #d1d1d1;}
.copyTxt p.sty01 {margin:15px 0 0 0; padding:0 0 0 8px; font:bold 12px "Arial"; color:#333; border-left:1px dashed #d1d1d1;}
.copyTxt p span {font:bold 11px "Arial"; color:#3b7cb0; padding-top:5px; display:block; background:url(../images/customer.gif) no-repeat left 6px; padding-left:18px;}
.copyTxt b {font-weight:normal !important; color:#000;}
.copyTxt i {font-weight:bold !important;}
.copyTxt ul {margin:0 0 10px 0; padding:0; color:#000; line-height:16px;}
.copyTxt ul li {background:url(../images/bull.gif) no-repeat 10px 12px; list-style-type:none; padding:5px 0 5px 20px; color:#666;}

.portThumb {padding:20px 10px; background:#f7f7f7;}
.portContain {width:100%; height:560px; overflow:auto;}
.portScroll {width:97%; float:left;}
.blockArea {width:100%; display:table;}
.portThumb a {padding:17px 24px 26px 24px; margin:10px 17px; background:url(../images/thbg.gif) no-repeat left top; float:left;}
.portThumb a:hover {background-image:url(../images/thbgo.gif);}
.portThumb img {border-bottom:4px solid #dedede;}

.featuredWork {padding:20px; background:#f7f7f7;}
.demoList {width:50%; float:left; border-bottom:1px solid #ddd; padding-bottom:6px; margin-bottom:20px;}
.demoList img {border:1px solid #333; padding:3px; background:#fff; margin-left:10px;}
.demoList h4 {padding:0 0 6px 10px; margin:0; font:bold 13px "Arial"; color:#0e426d;}
.demoList p {padding:0 10px 0 10px; margin:0; font:11px "Arial"; color:#666; height:30px; overflow:hidden;}
a.hosting {background:url(../images/web-hosting.gif) no-repeat right top; margin-right:10px; border-right:none !important; padding:3px 63px 3px 8px;}
a.hosting b {font-weight:bold; color:#fff;}
a.hosting:hover {background:url(../images/web-hosting.gif) no-repeat right -20px;}

ul.siteMap {margin:12px 0 30px 0; padding:0;}
ul.siteMap li {list-style-type:none; padding:0 20px 5px 14px; background:none;}
ul.siteMap li h1 {margin:10px 0 0 0; padding:0 0 3px 10px; border-left:6px solid #ddd; border-bottom:1px solid #e3e3e3; font:bold 13px "Tahoma" !important; }
ul.siteMap li h1 a, h2 a {font:normal 12px "Arial" !important; background:url(../images/bull.gif) no-repeat 2px 5px; padding:0 0 0 15px; color:#000;}
ul.siteMap li h2 {margin:0 130px 0 50px; padding:0; border-bottom: 1px dashed #ccc; padding-bottom:2px;}

.msgs {font:bold 13px "Tahoma"; color:#ff9313; padding:10px 0;}
.heading {font:bold 15px "Tahoma"; color:#3b7cb0;}
.heading h1 {margin:0; padding:0; font:500 17px "Trebuchet MS"; color:#3b7cb0;}

.rows {width:100%;}
.lable {width:100px; float:left; text-align:right; color:#000;}
.field {padding:0 0 0 110px;}
input, textarea {padding:1px 2px 2px 2px; font:12px "Arial"; color:#777;}
.button {background:#1966a6; color:#fff; font:bold 12px "Tahoma"; padding:2px 5px; border:1px solid #1966a6;}
.light b {font-weight:normal !important;}

.fl {float:left;}
.fr {float:right;}
.bgwht {background-color:#fff;}

.wht {color:#fff;}
.blk, .blk a {color:#000 !important;}
.gray, .gray a {color:#717171;}
.blue, .blue a {color:#3b7cb0;}

.s10 {font-size:10px;}
.s11 {font-size:11px;}
.s12 {font-size:12px;}
.s13 {font-size:13px;}
.s14 {font-size:14px; font-weight:600;}
.s15 {font-size:15px; font-weight:600;}

.w100Fix {width:100%; float:left;}
.w100 {width:100%;}
.w90 {width:90%;}
.w880px {width:880px;}

.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.mr15 {margin-right:15px;}

#nonFooter {position:relative; min-height:100%}
* html #nonFooter {height:100%}

/* Footer Styles */
#footer {margin:-120px auto 0 auto; position:relative; color:#777; padding:21px 0 20px 0; text-align:left; width:100%; float:left; background:url(../images/fbg.gif) repeat-x left top #fff; font-size:11px;}
#footer a {color:#125193; font-size:11px;}
* html #footer {margin-top:-120px;}
.footerLinks {float:left; width:280px; border-right:1px solid #e2e2e2; padding-top:7px;}
.footerLinks span {float:left; width:130px;}
.footerLinks a {font-size:11px; padding-left:10px; background:url(../images/li_bull04.gif) no-repeat left center; line-height:18px;}
.footerLinks a:hover {text-decoration:underline;}
.bottomLinks {border:1px solid #2b6898; background:#3b7cb0; padding:10px 0; text-align:center; margin-top:15px; color:#fff;}
.bottomLinks a {font:bold 12px "Tahoma"; color:#fff; padding:2px 10px;}
.bottomLinks2 {padding-top:10px; text-align:center; color:#999;}
.bottomLinks2 a {padding:2px 3px; color:#0b426e; font:12px "Arial";}
.terms {margin:6px 20px; float:left; width:280px;}
.terms a {text-decoration:underline; color:#f93 !important;}
.terms span {display:block; padding-top:3px; color:#000;}
.terms span a {padding:2px 5px; color:#125193 !important;}
span.w3c {margin:3px 10px 3px 0; text-align:left; padding:0;}
span.w3c a {margin-right:10px; padding:0;}

.copy {border-left:1px solid #e2e2e2; margin-left:10px; float:right; color:#9f9f9f; width:225px; text-align:right;}
.copy a {color:#390 !important;}
.copy img {margin-bottom:6px;}

.top-left, .top-right {background-image:url(../images/rc.gif); height:19px; font-size:2px;}
.bottom-left, .bottom-right {background-image:url(../images/rcb.gif); height:19px; font-size:2px;}
.top-left, .bottom-left {margin-right:19px}
.top-right, .bottom-right {margin-left:19px; margin-top:-19px}
.top-right {background-position:100% 0}
.bottom-left  {background-position:0 -19px}
.bottom-right {background-position:100% -19px}
.inside {border-left:1px solid #e6e5e5; border-right:1px solid #e6e5e5; padding-left:15px; padding-right:15px; margin-top:-4px;}

.seeWork {background:url(../images/see_work.gif) no-repeat center top;}
.ourworkBottom {background:url(../images/see_work_bot.gif) no-repeat center bottom;}
.seeOurwork {background:url(../images/seerep.gif) repeat-y center top;}
.workArea {padding:48px 15px 20px 15px;}
.workArea p {padding:5px 8px; display:block; background:#f7f7f7; border:1px solid #d2d2d2; margin-bottom:10px; line-height:18px;}
.workArea h3 {font-weight:bold; padding:2px 0 5px 15px; background:url(../images/blue_arrow.gif) no-repeat left 6px;}
.workArea h3 a {color:#0b426e;}
.workArea span.h1 {font-size:17px; color:#000;}
.workArea span.h2 {font-size:16px; color:#222;}
.workArea span.h3 {font-size:15px; color:#444;}
.workArea span.h4 {font-size:13px; color:#666;}
.workArea span.h5 {font-size:12px; color:#888;}
.workArea span.h6 {font-size:11px; color:#999;}

.shome .seeWork {background-image:url(../images/see_workh.gif);}
.shome .ourworkBottom {background-image:url(../images/see_work_both.gif);}
.shome .workArea {padding:40px 36px 15px 36px;}

.Tags {padding:15px 10px; background:#f7f7f7;}
.Tags .portContain {height:300px;}
.Tags .workArea {padding:5px 10px;}
.Tags .workArea a {padding:2px 0;}
.Tags .workArea a:hover {background:#ffb400;}
.Tags .workArea p {line-height:20px;}

.qIcon {background:url(../images/qicon.gif) no-repeat right top;}

a.more {color:#0b426e; text-decoration:underline;}
.leftNav a.more {padding:3px 6px 4px 6px !important; border-top:0 !important; margin-top:5px; color:#fff !important; text-decoration:none !important;}