@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,table{margin:0;padding:0}
form{display:inline}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
em{font-style:italic}
h1,h2,h3,h4,h5,h6{font-size:100%}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold}
caption,th{text-align:left}q:before,q:after{content:''}
abbr,acronym{border:0}
a,input{outline:0}
body{font-size:11px}
blockquote,ul,ol{margin:1em}
ol,ul{margin-left:2em}
ol li{list-style:decimal outside}
ul li{list-style:disc outside}
p,fieldset{margin:.25em 0 1em}
p,td{line-height:20px}
.nl,.nl li{margin:0;padding:0;list-style:none}
.clear{clear:both}
@font-face{font-family:'FuturaLight';src:url('/fonts/futurabtlight-webfont.eot')}
@font-face{font-family:'FuturaLight';src:url(//:) format('no404'),url('/fonts/futurabtlight-webfont.woff') format('woff'),url('/fonts/futurabtlight-webfont.ttf') format('truetype'),url('/fonts/futurabtlight-webfont.svg#FuturaLight') format('svg');
font-weight:normal;
font-style:normal}
body{background:url(../images/bg-top.png) transparent repeat-x top center;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;color:#4c4c4c;line-height:18px}
#leftside{display:none}
ins{display:none}
h1 {
  margin-bottom: 18px;
  font-family:\5FAE\8F6F\96C5\9ED1;color:#333333;font-size:20px; font-weight:normal;
  line-height: 27px;
}
h1 em{color:#289de9;font-style:normal}
h1.home{font-size:20px}
h2{font-size:15px;color:#289de9;font-weight:normal}
h2 a{text-decoration:none}
h2 a:visited{color:#289de9}
h2 a:hover{color:#1a1a1a}
h3{font-size:13px;color:#4c4c4c}
a{color:#0d5d99;text-decoration:none}
a:hover{color:#0d5d99;text-decoration:underline}
a:visited{color:#0d5d99}
form{display:block;margin:0;padding:0;position:relative}
.back-to-top-line{display:block}
.bubble-top{background:url(../images/bubble-top.gif) top left no-repeat;width:320px;height:11px;display:block;font-size:1px}
.bubble-body{background:url(../images/bubble-body.gif) bottom left no-repeat;width:275px;display:block;padding:9px 20px 50px 25px;margin-bottom:9px}
.bubble-body p{margin-bottom:2px}
.bubble-body h3{color:#289de9;font-size:15px}
.bubble-body p{color:#4d4d4d}
.bubble-body span{color:#808080;font-size:11px;line-height:15px}
#footercontent{color:#666}
#footercontent a{color:#005a9c;text-decoration:none}
#footercontent a:hover{text-decoration:underline}
#footerlinks a{border-left:1px solid #666;padding-left:12px;margin-left:10px}
#content ul{margin:0;padding:5px 0 15px 0}
#content ul ul{margin:0;padding:5px 0 0 0}
#content ul li{list-style-type:none;}
#content ul ul li{background:transparent url(../images/leftnav-bullet.gif) no-repeat 0 5px}
#content ol{margin:0 0 20px 27px;padding:0}
#content li{margin:0;padding:5px 0 0 0}
.cf:before,.cf:after{content:"";display:table}
.cf:after{clear:both}
.cf{zoom:1}
#outercontainer{overflow:hidden;min-width:970px}
#innercontainer{width:970px;margin:0 auto;zoom:1}
#insidebg{width:1152px;margin:0 -91px;background:url(../images/bg-topright.jpg) transparent no-repeat top right}
#insidebg.nobanner,#insidebg.nobanner-leftedge,#insidebg.nobanner-content{background:url(../images/bg-topright-noshadow.jpg) transparent no-repeat top right}
#topleftbg{background:url(../images/bg-topleft.jpg) transparent no-repeat top left}
#main{width:970px;position:relative;left:0;margin:0 auto;background:transparent;overflow:hidden;background:url(../images/bg-rightside-shadow.gif) transparent repeat-y 205px 0}
#header{position:relative;width:970px;height:109px;background:url(../images/bg-header.png) transparent no-repeat top left;-webkit-background-size:auto auto;-moz-background-size:auto auto;-ms-background-size:auto auto;-o-background-size:auto auto;background-size:auto auto}
#header #logo{position:absolute;top:22px;left:0;display:block;width:205px;height:71px;overflow:hidden;color:#fff}
#header #logo img{display:block}
#leftside{display:block}
#navigation,#navigation li{list-style-type:none;margin:0;padding:0}
#navigation{position:absolute;top:46px;left:255px;width:700px;height:42px;background:url(../images/navigation.png) transparent no-repeat 0 0}
#navigation li{height:100%;zoom:1;float:left}
#navigation a{display:block;height:34px;padding-top:41px;color:#fff;overflow:hidden;background:url(../images/navigation.png) transparent no-repeat 0 0}
#navigation #nav-design{width:143px;background-position:0 0}
#navigation #nav-design:hover{background-position:0 -42px}
#navigation #nav-design.active{background-position:0 -84px}
#navigation #nav-programming{width:159px;background-position:-143px 0}
#navigation #nav-programming:hover{background-position:-143px -42px}
#navigation #nav-programming.active{background-position:-143px -84px}
#navigation #nav-marketing{width:125px;background-position:-302px 0}
#navigation #nav-marketing:hover{background-position:-302px -42px}
#navigation #nav-marketing.active{background-position:-302px -84px}
#navigation #nav-portfolio{width:122px;background-position:-427px 0}
#navigation #nav-portfolio:hover{background-position:-427px -42px}
#navigation #nav-portfolio.active{background-position:-427px -84px}
#navigation #nav-sample-design{width:99px;background-image:url(../images/design.png);background-position:0 0}
#navigation #nav-sample-design:hover{background-position:0 -42px}
#navigation #nav-sample-design.active{background-position:0 -84px}
#navigation #nav-sample-accessories{width:129px;background-image:url(../images/accessories.png);background-position:0 0}
#navigation #nav-sample-accessories:hover{background-position:0 -42px}
#navigation #nav-sample-accessories.active{background-position:0 -84px}
#navigation #nav-sample-systems{width:98px;background-image:url(../images/systems.png);background-position:0 0}
#navigation #nav-sample-systems:hover{background-position:0 -42px}
#navigation #nav-sample-systems.active{background-position:0 -84px}
#navigation #nav-sample-db-apps{width:137px;background-image:url(../images/db-apps.png);background-position:0 0}
#navigation #nav-sample-db-apps:hover{background-position:0 -42px}
#navigation #nav-sample-db-apps.active{background-position:0 -84px}
#navigation #nav-sample-strategy{width:112px;background-image:url(../images/strategy.png);background-position:0 0}
#navigation #nav-sample-strategy:hover{background-position:0 -42px}
#navigation #nav-sample-strategy.active{background-position:0 -84px}
#navigation #nav-sample-marketing{width:121px;background-image:url(../images/marketing.png);background-position:0 0}
#navigation #nav-sample-marketing:hover{background-position:0 -42px}
#navigation #nav-sample-marketing.active{background-position:0 -84px}
#utils,#utils li{list-style-type:none;margin:0;padding:0}
#utils{position:absolute;top:0;left:497px;width:444px;height:62px;padding-left:30px;background:url(../images/bg-utils-03.png) transparent no-repeat 0 0}
#utils li{float:left;height:100%;zoom:1}
#utils a{display:block;color:#666;background:url(../images/util-bullet.gif) transparent no-repeat left 10px;padding:6px 16px 0 8px;text-decoration:none;font-size:11px;line-height:normal}
#utils a:hover{color:#005a9c;background:url(../images/util-bullet-down.gif) transparent no-repeat left 10px}
#utils a.bloglink{width:145px;padding-right:0;height:1px;padding-top:40px;background:0;overflow:hidden}
#utils a.bloglink:hover{background:0}
#utils a.consultation-link{background:0;height:1px;overflow:hidden;padding-right:0;padding-top:40px;width:245px}
#utils a.consultation-link:hover{background:0}
#leftside{float:left;width:205px;background:url(../images/bg-leftcolumn.png) transparent no-repeat top right;padding:0;margin:0;zoom:1;overflow:hidden}
#subnavheader{display:block;width:205px;height:1px;padding-top:141px;overflow:hidden;color:#fff;background:url(../images/subnav-titlegraphic.png) transparent no-repeat 0 19px}
#leftside .design{background:url(../images/subnav-titlegraphic.png) transparent no-repeat 0 19px}
#leftside .programming{background:url(../images/subnav-titlegraphic.png) transparent no-repeat -205px 19px}
#leftside .marketing{background:url(../images/subnav-titlegraphic.png) transparent no-repeat -410px 19px}
#leftside .portfolio{background:url(../images/subnav-titlegraphic.png) transparent no-repeat -615px 19px}
#leftside .about{background:url(../images/subnav-titlegraphic.png) transparent no-repeat -820px 19px}
#leftnav{width:175px;padding:1px 0 100px 0;margin:0;list-style-type:none;zoom:1;background:url(../images/leftnav-horiz-line.gif) transparent no-repeat top left}
#leftnav li{list-style-type:none;padding:0;margin:0;zoom:1;vertical-align:bottom}
#leftnav li a span.s-w2{display:block;width:151px;padding:4px 0 7px 25px;background:url(../images/leftnav-horiz-line.gif) transparent no-repeat bottom left;text-decoration:none;color:#666;font-size:11px;line-height:14px}
#leftnav li a{display:block;overflow:hidden;text-decoration:none;cursor:pointer}
#leftnav li a.active{background:url(../images/nav-active-repeat.png) transparent repeat-y left top}
#leftnav li a.active span.s-w1{display:block;background:url(../images/nav-active.png) transparent no-repeat left top}
#leftnav li a.active span.s-w2{background:url(../images/nav-active.png) transparent no-repeat left bottom}
#leftnav li.more ul.inactive{display:none}
#leftnav li.active.more ul,#leftnav li.subnavActive ul.inactive,#leftnav li.subnavActive ul.active{display:block}
#leftnav li a:hover span.s-w2,#leftnav li a.active span.s-w2{color:#005a9c}#leftnav li a.active{margin-top:-1px}
#leftnav li a.active span.s-w2{padding-top:5px;position:relative}
#leftnav li ul{margin:0;padding:3px 0 6px 0;background:url(../images/leftnav-horiz-line.gif) transparent no-repeat bottom left}
#leftnav li li a.active,#leftnav li li a.active span.s-w1{background:0;margin:0}
#leftnav li li a span.s-w2{font-size:11px;padding:2px 0 4px 41px;color:#666;background:transparent url(../images/leftnav-bullet.gif) no-repeat 31px 5px;line-height:13px}
#leftnav li li a:hover span.s-w2,#leftnav li li a.active span.s-w2{padding:2px 0 4px 41px;color:#005a9c;margin-top:0;background:transparent url(../images/leftnav-bullet-down.gif) no-repeat 31px 5px}
h1{padding:12px 0 0 50px;font-size:20px}
h2{font-weight:bold}
h2 a,h2 a:hover{background:transparent none;text-transform:none;display:inline;color:#289de9}
.list-item{width:684px;overflow:hidden;height:100;margin-bottom:15px;background:url("../images/div-separator.gif") no-repeat scroll center top transparent;padding-top:20px}
.first-list-item{background:none!important}
.list-thumb{width:224px;float:left;padding:0 20px 5px 5px}
#contentwrapper{width:970px;background:url(../images/bg-contentwrapper-top.png) transparent no-repeat top left;zoom:1;overflow:hidden}
#contentwrapper.nobanner,#contentwrapper.nobanner-leftedge,#contentwrapper.nobanner-content{background:url(../images/bg-contentwrapper-top-noshadow.png) transparent no-repeat top right}
#contentbanner{width:760px;height:250px;background:#777}
#content{width:760px;min-height:125px;zoom:1;background:transparent}
#content #section-overview-intro{width:660px;padding:0 0 0 65px;font-size:14px;color:#666;line-height:22px;background:url(../images/vertical-dotted-line.gif) transparent repeat-y 50px 14px;margin:-10px 0 24px 0}
#twocolumn,.twocolumn,#threecolumn{width:660px;padding-left:50px;zoom:1;overflow:hidden}
#content .withcta{width:710px;background-repeat:no-repeat;background-image:none}
#rightside .noline{width:710px;background:0}
.errormsg{padding-top:15px}
#twocolumn.sitemap li a{color:#4d4d4d;text-decoration:none}
#twocolumn.sitemap li a:hover{text-decoration:underline}
#content .sitemap ul{padding:0 0 20px 0}
#content .sitemap ul li{padding:2px 0 0 0}
.noliststyle li{list-style:none!important;background:none!important}
.bullet li{background-position:2px 0;padding-left:11px!important}
#content .sitemap ul li ul{padding:0 0 0 20px}
#threecolumn.banneroverview{background:transparent}
#twocolumn,.twocolumn{background:url(../images/vertical-dotted-line.gif) transparent repeat-y 380px 4px}
#threecolumn{background:url(../images/vertical-dotted-line-threecol.gif) transparent repeat-y 260px 4px}
#twocolumn.contactUs{background-image:none}
.leftcolumn{float:left;width:300px;padding-right:60px}
p.price{margin-top:-17px;margin-bottom:15px}
.withcta .leftcolumn{width:427px;padding-right:40px}
#threecolumn .leftcolumn{width:180px}
.middlecolumn{float:left;width:187px;padding-right:40px}
.rightcolumn{float:right;width:300px}
.withcta .rightcolumn{width:240px;background:transparent url(../images/didyouknow-text.gif) no-repeat 19px 0}
.withcta .getStarted{background:transparent url(../images/getstarted-text.png) no-repeat 19px 0}
.withcta .rightcolumn-border{background-image:url(../images/vertical-dotted-line.gif);background-position:top left;background-repeat:repeat-y;padding:21px 0 0 19px}.careers-page .rightcolumn{background-image:url(../images/apply-now.gif)}
.withcta .rightcolumn #didyouknow{width:190px;padding:15px 31px 65px 0;font-size:14px;line-height:22px;color:#666;background:transparent url(../images/didyouknow-bottomgraphic.gif) no-repeat bottom left}
.withcta .see-our-portfolio{background-image:url(../images/see-portfolio.gif);background-position:19px 0;background-repeat:no-repeat}
.withcta .rightcolumn #cta-text,.noline .rightcolumn #cta-text{width:221px;padding:15px 0 0 0;font-size:14px;line-height:22px;color:#666}
.noline .rightcolumn #cta-text{padding-top:5px}
.withcta .rightcolumn #didyouknow .buttonshadow,.withcta .rightcolumn #cta-text .buttonshadow,.noline .rightcolumn #cta-text .buttonshadow{line-height:18px;margin-top:14px}
.withcta .rightcolumn #cta-text p{line-height:22px;margin:0}
#threecolumn .rightcolumn{width:180px}
#monitor{position:absolute;top:169px;left:150px;width:257px;height:104px}
.portfolio #monitor{position:absolute;top:132px;left:1px;width:469px;height:301px}
#top-cta{position:absolute;top:146px;left:515px;width:200px;height:130px}
.internet-marketing #top-cta{top:141px}
#bottom-cta{position:absolute;top:310px;left:515px;width:200px;height:130px}
#bottom-cta h2{margin-right:60px}
.internet-marketing #bottom-cta{top:377px}
.portfolio #top-cta{position:absolute;top:129px;left:520px;width:230px;height:130px}
.portfolio #bottom-cta{position:absolute;top:192px;left:519px;width:200px;height:130px}
#arrows{position:absolute;top:176px;left:470px;width:40px;height:272px}
#arrow-list{margin:0!important;padding:0!important}
#arrow-list li{background:url(../images/arrows.jpg) no-repeat!important;display:block;width:40px;overflow:hidden;margin:0!important;padding:0!important}
#arrow-list li#arrow1{background-position:0 0;height:111px}
#arrow-list li#arrow2{background-position:0 -111px!important;height:88px}
#arrow-list li#arrow3{background-position:0 -199px!important;height:74px}
#arrow-list li#arrow1.active{background-position:-40px 0!important}
#arrow-list li#arrow2.active{background-position:-40px -111px!important}
#arrow-list li#arrow3.active{background-position:-40px -199px!important}
#portfolio-images{list-style:none}
#portfolio-images li{line-style:none;background:none!important;padding:0!important}
#portfolio-images a{display:block;overflow:hidden;width:124px;height:1px;padding-top:85px;background:url(../images/thumbnails.jpg) no-repeat}
#portfolio-images a#img1{background-position:0 0}
#portfolio-images a#img2{background-position:0 -86px}
#portfolio-images a#img3{background-position:0 -172px}
#portfolio-images a#img1:hover,#portfolio-images a#img1.active{background-position:-124px 0}
#portfolio-images a#img2:hover,#portfolio-images a#img2.active{background-position:-124px -86px}
#portfolio-images a#img3:hover,#portfolio-images a#img3.active{background-position:-124px -172px}#monitor,#top-cta,#bottom-cta,#top-left-cta,#bottom-left-cta,#top-right-cta,#middle-right-cta,#bottom-right-cta,#mailbox-cta{font-size:12px;color:#4d4d4d;line-height:18px}
#monitor h3,#top-cta h3,#bottom-cta h3,#top-left-cta h3,#bottom-left-cta h3,#top-right-cta h3,#middle-right-cta h3,#bottom-right-cta h3,#mailbox-cta h3{font-size:15px;color:#289de9;font-weight:bold}
#monitor p,#top-cta p,#bottom-cta p,#top-left-cta p,#bottom-left-cta p,#top-right-cta p,#middle-right-cta p,#bottom-right-cta p,#mailbox-cta p{margin:0 0 3px 0;padding:0;line-height:18px}
.portfolio #bottom-left-cta p,.programming #bottom-left-cta p{padding-bottom:16px}
#top-left-cta span,#bottom-left-cta span,#top-right-cta span,#middle-right-cta span,#bottom-right-cta span,#mailbox-cta span{color:#0d5d99}#pencil{background:url(../images/pencils.jpg) top left no-repeat;width:150px;height:341px;position:absolute;top:561px;left:0}
#darts-cta{background:url(../images/darts.jpg) 0 50px no-repeat;width:290px;height:313px;position:absolute;top:575px;left:470px}
#darts-cta p.thin{width:147px}
#notebooks{background:url(../images/notebooks.jpg) top left no-repeat;width:150px;height:225px;position:absolute;top:585px;left:0}
#top-left-cta{position:absolute;top:575px;left:150px;background:url(../images/dashline.gif) top left repeat-x;width:290px;height:127px;padding-top:14px}#top-left-cta.web-analytics{height:148px}
#bottom-left-cta{position:absolute;top:716px;left:150px;background:url(../images/dashline.gif) top left repeat-x;width:290px;height:144px;padding-top:14px}#bottom-left-cta .dashline-top-margin{margin-top:59px}
.programming #bottom-left-cta{top:696px}
#bottom-left-cta.online-campaign-marketing{height:112px;top:737px}
.programming #bottom-left-cta .dashline-top-margin{margin:0}
#top-right-cta{position:absolute;top:575px;left:470px;background:url(../images/mobile-top.jpg) -5px 0 no-repeat;width:295px;height:127px;padding-top:14px}
#top-right-cta .tight{width:160px;color:#4d4d4d;display:block}
.programming #top-right-cta{background:url(../images/dashline.gif) top left repeat-x;width:290px}
#bottom-right-cta{position:absolute;top:698px;left:470px;background:url(../images/mobile-bottom.jpg) -5px 0 no-repeat;width:160px;height:178px;padding-top:16px;padding-right:135px}
#mailbox{position:absolute;top:579px;left:0;background:url(../images/mail.jpg) bottom left no-repeat;width:128px;height:281px}
.portfolio #top-left-cta{position:absolute;left:40px;width:310px}
.programming #top-left-cta{top:575px}
.portfolio #middle-left-cta{position:absolute;left:40px;width:310px;top:697px;padding-top:20px;background:url(../images/dashline.gif) top left repeat-x}
.portfolio #middle-left-cta p{margin-bottom:20px}
.portfolio #middle-left-cta2{position:absolute;left:40px;width:310px;top:838px;padding-top:20px;background:url(../images/dashline.gif) top left repeat-x}
.portfolio #middle-left-cta2 p{margin-bottom:20px}
.portfolio #bottom-left-cta{position:absolute;left:40px;width:310px;top:986px;background:0}
.portfolio #top-right-cta{position:absolute;background:url(../images/dashline.gif) top left repeat-x;padding-top:14px;left:410px;width:300px}
#middle-right-cta{position:absolute;background:url(../images/dashline.gif) top left repeat-x;padding-top:14px;left:410px;top:680px;width:300px}
.portfolio #bottom-right-cta{background:url(../images/dashline.gif) top left repeat-x;position:absolute;top:801px;left:410px;width:300px;padding:14px 0 0}
p.thin,h3.thin{width:120px}.dashline{background:url(../images/dashline.gif) top left repeat-x;width:290px;height:1px}
.dashline-top-margin{background:url(../images/dashline.gif) top left repeat-x;width:290px;height:1px;margin-top:17px}
.dashline-content{background:url(../images/dashline.gif) top left repeat-x;height:1px}
.leftcolumn.testimonials{width:320px;padding-right:30px}
.rightcolumn.testimonials{width:320px;float:left}
#norightpadding{padding-right:0}#mobile{width:410px}
#get-mobile{background:url(../images/get-mobile2.jpg) top left no-repeat;width:350px;height:251px;padding:114px 0 0 50px}
#content-contact{position:absolute;top:422px;left:430px}
.divider{width:708px;height:50px;background:transparent url(../images/horiz-line.gif) repeat-x left center}
.contentbase{margin-left:50px;width:660px}
.contenbase_contact{width:715px}
.contact .contentbase{width:700px}
#footer{clear:both;width:100%;height:390px;margin:0;padding:0;background:url(../images/bg-footer-repeat.png) transparent repeat-x top center}
#footer ul{margin:0;padding:0}
#footercontent{position:relative;width:970px;margin:0 auto;height:120px;padding-top:75px;background:url(../images/bg-footer.png) transparent no-repeat top left}
#footercontent ul{width:970px;height:120px;margin:0;padding:0;list-style-type:none}
#footercontent li{float:left;vertical-align:bottom;zoom:1;list-style-type:none}
#footercontent li a{display:block;overflow:hidden;height:1px;padding-top:119px;color:#fff}
#footercontent li a:hover{background-position:0 -120px}
#footercontent #footer-callus{width:246px;background:url(../images/call-us.gif) transparent no-repeat 32px 35px}
#footer-callus a{cursor:default}
#footer-consultation a{width:430px;background:url(../images/footer-consultation.png) transparent no-repeat 0 0}
#footer-testimonials a{width:251px;background:url(../images/footer-testimonials.png) no-repeat 0 0}
#footercontent #footer-informed{position:relative;width:240px;height:120px}
#footer-informed .keepinformed-text{position:absolute;left:35px;top:35px;height:1px;padding-top:26px;width:168px;color:#f00;background:transparent url(../images/keep-informed.gif) no-repeat top left}
#footer-informed .keepinformed-textbox{position:absolute;left:22px;top:63px;width:151px;height:18px;border-width:1px 0 1px 1px;border-color:#a3a3a3;border-style:solid;background:url(../images/keep-informed-textfield-bg.gif) transparent repeat-x top left;padding:6px 9px 0 9px;font-size:11px;color:#808080;margin:0}
#footer-informed .keepinformed-submit{position:absolute;left:192px;top:63px;margin:0;background-image:url(../images/btn-keepinformed.gif);background-position:0 0;background-repeat:no-repeat;width:25px;height:26px;display:block;padding:0}
#footer-informed .keepinformed-submit:hover{background-position:-25px 0}
#footercontent #footer-emailus{width:244px;background:url(../images/email-us.png) transparent no-repeat 28px 35px}
#footer-emailus a{background:url(../images/email-us.png) transparent no-repeat 28px 35px}
#footercontent #copyright{position:absolute;width:943px;top:213px;left:14px;font-size:11px}
#footerlinks{display:block;padding-top:3px}
#footerlinks a:first-child{margin-left:0;padding-left:0;border:0}
.footer-pmp{display:block;position:absolute;top:234px;right:210px;height:1px;padding-top:50px;width:126px;overflow:hidden;background:url(../images/footer-pmp.png) no-repeat}
.floatleft{float:left}
.floatright{float:right}
#footercontent .floatleft{float:none;padding:10px 0 5px}
#footercontent .floatright{float:none}
.template-award{background:url(../images/award.jpg) left top no-repeat;width:94px;height:148px;position:absolute;right:85px;bottom:-148px}
.home-template .template-award{bottom:auto;top:0}
.home-template #footer{height:140px!important}
#content .button{display:block;width:75px;padding:1px 5px 0 5px;margin:0;height:20px;font-size:11px;text-decoration:none;color:#fff;background:url(../images/learnmore-bg.gif) repeat 0 0;text-align:center}
#content .button:hover{background-position:-105px 0;color:#fff}
.buttonshadow,.buttonshadow-programming{width:85px;height:21px;padding:0 1px 2px 1px;background:transparent url(../images/buttonshadow.gif) no-repeat top left;position:relative}
.internet-marketing .buttonshadow{margin-top:10px}
.buttonshadow-programming{left:499px;top:96px}
.servers-text{display:block;position:relative;top:99px;left:500px;font-size:14px;font-family:Arial,Helvetica,sans serif;color:#666;width:150px;line-height:21px}.zz-comments{color:#f0f}
.caption-text{font-size:11px;color:#4d4d4d}
.logos{margin-top:5px;margin-bottom:15px}
#contact-left{float:left}
#contact-top{background:url(../images/box-top.gif) top left no-repeat;display:block;width:400px;height:17px}
#contact-form{background:url(../images/box-tilebg.gif) top left repeat-y;display:block;width:325px;padding:5px 0 8px 75px}
.smallfont{font-size:11px;color:#999}
.required{color:#0093d0}
#contact-form strong{font-size:13px}
#contact-form td{padding:3px 5px 4px}
#contact-form td.short{padding:2px 5px}
#contact-icon{background:url(../images/icon.jpg) top left no-repeat;position:absolute;left:205px;top:273px;display:block;width:117px;height:54px}
#contact-bottom{background:url(../images/box-bottom.gif) top left no-repeat;display:block;width:400px;height:16px}
#contact-right{float:right;background:url(../images/vertical-dotted-line.gif) repeat-y;background-position:6px 0;width:265px;padding:0 0 0 30px}
#contact-info{padding:10px 0 50px 6px;line-height:18px}
.contact-map{position:relative;top:-8px}
.googlemap,.googlemap:visited{background:url(../images/arrow-bullet.gif) no-repeat center right;font-size:11px;color:#999;text-decoration:none;padding:0 9px 0 0;margin:0 5px 0 0;float:right}
.googlemap:hover{color:#0d5d99}
#formtemplate ul{margin:0;padding:0}
#formtemplate ul li{overflow:hidden;padding:0;margin:0;list-style:none;background:0}
#formtemplate .form-title{width:65px;float:left;display:block;clear:left;line-height:24px}
.contact input.textbox{border:0;background:url(../images/textbox-bg.gif) top left no-repeat;width:192px;height:18px;float:left;padding:6px 3px 2px 5px;margin-bottom:7px}.contact textarea{border:0;background:url(../images/textarea-bg.gif) top left no-repeat;width:257px;height:58px;padding:6px 3px 2px 5px}
.contact .required{padding-left:5px;float:left}
.contact .required-text{padding-left:0;float:none}
.contact .btn-send{background:url(../images/btn-send.png) top left no-repeat;display:block;width:111px;height:1px;padding-top:25px;overflow:hidden;margin-top:4px;float:right}.btn-send:hover{background-position:0 -26px}
.btn-contact{background:url(../images/btn-contact2.gif) top left no-repeat;display:block;width:280px;height:1px;padding-top:25px;padding-bottom:2px;overflow:hidden}.btn-contact:hover{background-position:0 -34px}
.portfolio-box{overflow:hidden;width:760px;padding-bottom:17px}
.mobile-portfolio-box{overflow:hidden;width:760px;padding-bottom:27px}
.portfolio-box img,.mobile-portfolio-box img{border:0}
.portfolio-box .floatleft,.mobile-portfolio-box .floatleft{width:480px;padding-left:50px}
#sharepoint-container{padding-left:50px;width:660px;overflow:hidden;padding-top:20px}
#sharepoint-container ul{margin:0;padding:0}
#sharepoint-container ul li{padding:0;margin:0;float:left;background:0;border-top:1px dashed #848484}
#sharepoint-container ul li.first-row{border:0}
.portfolio-box .floatright,.mobile-portfolio-box .floatright{width:210px;padding-right:10px}
.portfolio-company,.portfolio-company:visited{font-size:15px;display:block;color:#289de9;font-weight:bold;padding-bottom:1px;padding-left:10px;text-decoration:none}.portfolio-internet-marketing .divider{height:1px;margin-bottom:40px}
.portfolio-company:hover{color:#000}
.mobile-portfolio-trigger .btn-more-info{display:none}
.results-container .portfolio-company{display:none}
span.portfolio-company:hover{color:#289de9}
.portfolio-type,.portfolio-type:visited{color:#005a9c;display:block;padding-left:10px;text-decoration:none}
.portfolio-type:hover{text-decoration:underline}
.portfolio-box .floatright{line-height:17px;color:#4d4d4d;font-size:11px}
.portfolio-features{background-image:url(../images/border.gif);background-position:top left;background-repeat:no-repeat;margin-top:8px;padding:7px 0 0}
#content .portfolio-features ul{background-image:url(../images/border.gif);background-position:bottom left;background-repeat:no-repeat;margin:0;padding-bottom:11px;padding-left:10px}
#content .portfolio-features li{background-image:url(../images/arrow.gif);background-position:0 7px;padding:0 0 0 9px}
#content .portfolio-features ul ul{background:0;padding:0;margin:0}
.paging{padding:0 26px;margin:0 10px 0 auto;position:absolute;bottom:0;left:729px}
.paging-top{position:absolute;top:158px;left:729px;padding:0 26px}
.btn-prev,.btn-next{background-image:url(../images/nextprev.gif);background-position:top left;background-repeat:no-repeat;width:26px;height:1px;padding-top:25px;overflow:hidden;display:block;float:left}
.btn-prev:hover{background-position:0 -26px}
.btn-next{background-position:-26px top}
.btn-next:hover{background-position:-26px -26px}
#content .page-numbers{overflow:hidden}
#content .page-numbers ul{margin:0;overflow:hidden;border-top:1px solid #19c1e0;border-bottom:1px solid #196ea8;border-left:1px solid #19c1e0;border-right:1px solid #196ea8;height:22px;padding:2px 5px 0;background-image:url(../images/blue-shadow.gif);background-position:top right;background-repeat:no-repeat;text-align:center;float:left}
#content .page-numbers ul li{list-style:none;padding:0;background:0;float:left}
#content .page-numbers ul li a{padding:0 8px;text-decoration:none;color:#005a9c}
#content .page-numbers ul li a:hover,#content .page-numbers ul li a.active{color:#ff8202;font-weight:bold}
.back-to-top-line{background-image:url(../images/dashline.gif);background-position:left center;background-repeat:repeat-x}
.back-to-top,.back-to-top:visited{background-image:url(../images/back-to-top.gif);background-position:top left;background-repeat:no-repeat;font-size:11px;color:#0093d0;text-decoration:none;padding:1px 0 0 22px;height:20px;display:block;width:63px;text-transform:lowercase;margin:0 0 0 auto}
#content .grey-arrow li{background-image:url(../images/grey-arrow.gif)}
#community-icons-wrapper{background-image:url(../images/community-wrapper.gif);background-position:top left;background-repeat:no-repeat;width:427px;height:117px;overflow:hidden}#community-icons-title{padding:41px 0 0 24px;float:left}
#community-icons-title span{background-image:url(../images/connect-share.gif);background-position:top left;background-repeat:no-repeat;width:160px;height:1px;padding-top:21px;overflow:hidden;display:block}
#content #community-icons{font-size:11px;color:#0e578c;width:175px;float:right;padding:22px 31px 0 0}
#content #community-icons ul{padding:0;margin:0;list-style-type:none;overflow:hidden}
#content #community-icons li{float:left;background-image:none;padding:0;margin:0;list-style-type:none}
#community-icons li a{display:block;background-image:url(../images/icons.gif);background-position:top left;background-repeat:no-repeat;text-align:center;padding-top:52px}#community-icons li a:hover{background-image:url(../images/icons-over.gif)}
#community-icons #icons-blog a{width:49px;padding-right:10px}
#community-icons #icons-facebook a{width:60px;padding-right:10px;background-position:-59px 0}
#community-icons #icons-twitter a{width:46px;background-position:-129px 0}
#bottom-intro{background-image:url(../images/bottom-intro.gif);background-position:top left;background-repeat:no-repeat;width:558px;height:72px;line-height:18px;padding:14px 26px 0;position:absolute;top:907px;left:150px}
.programming #bottom-intro{top:855px}
.internet-marketing h2{margin-bottom:5px}
.internet-marketing #bottom-intro{top:908px}
.cta-icons{float:right;display:inline;margin:-15px 0 5px 10px}
.margin-top-zero{margin-top:0}
.withcta .no-cta-icons{background-image:none}
.list-content{width:434px;float:left}
#content .list-content h3{margin-bottom:5px}
#content .list-content ul{margin:0;padding:5px 0 6px}
#content .list-content li{background-image:url(../images/arrow.gif);background-position:0 7px;padding:0 0 0 9px}
#content .list-content img{margin-right:5px;border:1px solid #ccc;-webkit-box-shadow:0 0 8px #999;-moz-box-shadow:0 0 8px #999}
#content .main-img img{border:1px solid #ccc;-webkit-box-shadow:0 0 8px #999;-moz-box-shadow:0 0 8px #999}
#subnav .web-acc{background:transparent url('../images/subnav-accessories.jpg') no-repeat 0 19px!important}
#subnav .web-design{background:transparent url('../images/subnav-website-design.jpg') no-repeat 0 19px!important}
#subnav .web-sys{background:transparent url('../images/subnav-systems.jpg') no-repeat 0 19px!important}
#subnav .databases{background:transparent url('../images/subnav-databases.jpg') no-repeat 0 19px!important}
#subnav .strategy{background:transparent url('../images/subnav-strategy.jpg') no-repeat 0 19px!important}
#subnav .internet-marketing{background:transparent url('../images/subnav-internet-marketing.jpg') no-repeat 0 19px!important}
.embed-container{margin:30px 0;padding-left:50px}
.embed-container iframe,.embed-container object,.embed-container embed{width:420px;height:315px}
#rightside{width:760px;float:right;padding-right:5px;background:url(../images/bg-rightside-shadow.png) transparent no-repeat top left;min-height:500px}
#rightside.contact{padding:0;width:765px}
#rightside .nobanner{padding-top:26px;padding-bottom:30px}
#rightside .servers{padding-bottom:200px;background:transparent url(../images/servers.jpg) no-repeat bottom left}
#rightside .design{background:transparent url(../images/design-computer.jpg) no-repeat;background-position:left 107px;min-height:956px;position:relative}
#rightside .internet-marketing{background:transparent url(../images/internet-marketing-computer.jpg) no-repeat;background-position:left 96px;min-height:946px;position:relative}
#rightside .programming{background:transparent url(../images/programming-computer.jpg) no-repeat;background-position:left 86px;min-height:900px;position:relative}
#rightside .portfolio{background:transparent url(../images/portfolio-computer.png) no-repeat;background-position:left 107px;min-height:1100px;position:relative}
#rightside .content{background:transparent url(../images/content-writing.jpg) no-repeat;background-position:0 282px;padding-bottom:73px}
.home-template .global-footer{display:none}
.home-template h1.home{padding:0 0 1px 0;margin:0}
.home-template #insidebg{background-image:url(../images/home-bg.jpg);width:2000px;margin:0 -515px}
.home-template #contentwrapper,.home-template #topleftbg,.home-template,.home-template #header,.home-template #main,.home-template #rightside{background-image:none}
.home-template #content-intro{text-align:center;color:#666;width:606px;padding:27px 0 0 176px;height:93px}
.home-template #content-intro a,.home-template #content-intro a:hover{color:#666;text-decoration:none}
.home-template .home-utils,.home-template .home-utils li{list-style-type:none;margin:0;padding:0}
.home-template #header .home-utils{position:absolute;top:0;left:601px;width:339px;height:52px;padding-left:30px;background:url(../images/bg-utils.png) transparent no-repeat 0 0}
.home-template #header .home-utils li{float:left;height:100%;zoom:1}
.home-template #header .home-utils a{display:block;color:#666;background:url(../images/util-bullet.gif) transparent no-repeat left 10px;padding:6px 16px 0 8px;text-decoration:none;font-size:11px;line-height:normal}
.home-template #header .home-utils a:hover{color:#005a9c;background:url(../images/util-bullet-down.gif) transparent no-repeat left 10px}
.home-template #header .home-utils a.bloglink{width:145px;padding-right:0;height:1px;padding-top:40px;background:0;overflow:hidden}
.home-template #header .home-utils a.bloglink:hover{background:0}
.home-template #header #utils-2{background:url(../images/bg-utils-2.png) transparent no-repeat 0 0;width:400px;height:58px;left:550px}
.home-template #header .home-utils .consultation-link{background:none repeat scroll 0 0 transparent;height:1px;overflow:hidden;padding-right:0;padding-top:40px;width:245px}
.home-template #header .home-utils .consultation-link:hover{background:0}
.home-template #slideshow-banner{height:354px;background:url(../images/monitor.png) no-repeat 5px 0;overflow:hidden;position:relative}
.home-template #slideshow-banner a:hover{background-position:0 -50px}
.home-template #slideshow-banner li{list-style:none}
.home-template #prev{position:absolute;top:160px;left:70px;cursor:pointer}
.home-template #next{position:absolute;top:160px;right:70px;cursor:pointer}
.home-template #prev a{display:block;height:50px;width:40px;background:url(../images/arrow-left.png) no-repeat 0 0}
.home-template #next a{display:block;height:50px;width:40px;background:url(../images/arrow-right.png) no-repeat 0 0}
.home-template #slideshow{margin:0 0 0 173px;position:relative;top:16px;left:0;height:327px;width:624px}
.home-template #service-section{padding-left:15px;overflow:hidden;padding-bottom:25px;background-image:url(../images/dotline.gif);background-position:585px 0;background-repeat:repeat-y}
.home-template #service-section ul,.home-template #service-section li{list-style-type:none;margin:0;padding:0}
.home-template #service-section li a{display:block;color:#666;background-image:url(../images/util-bullet.gif);background-position:0 9px;background-repeat:no-repeat;padding:5px 16px 0 9px;text-decoration:none;font-size:11px;line-height:normal;vertical-align:bottom;zoom:1}
.home-template #service-section li a:hover{color:#005a9c;background-image:url(../images/util-bullet-down.gif)}
.home-template #service-section .leftcolumn{padding:26px 0 0 0;margin:0;width:190px}
.home-template #service-section .rightcolumn{padding:52px 0 0 35px;margin:0;width:350px;background-image:url(../images/card.jpg);background-position:187px 0;background-repeat:no-repeat}

  .home-template #cta-dev a {
    
    background-position: top left;
    background-repeat: no-repeat;
    width: 117px;
    height: 34px;
    padding-top: 10px;
    overflow: hidden;
    font-size: 14px;
	font-weight: bold;
    color: #007ab2;
    text-decoration:none;
    display: block;
  }

.home-template #cta-technical a {
   
    background-position: top left;
    background-repeat: no-repeat;
    width: 117px;
    height: 34px;
    padding-top: 10px;
    overflow: hidden;
    font-size: 14px;
	font-weight: bold;
    color: #007ab2;
    text-decoration:none;
    display: block;
  }

 .home-template #cta-marketing a {
    background-position: top left;
    background-repeat: no-repeat;
    width: 117px;
    height: 34px;
    padding-top: 10px;
    overflow: hidden;
    font-size: 14px;
	font-weight: bold;
    color: #007ab2;
    text-decoration:none;
    display: block;
  }
  
.home-template #cta-consultation{background-image:url(../images/cta-consultation.gif);background-position:top left;background-repeat:no-repeat;width:350px;height:1px;padding-top:66px;display:block;overflow:hidden}
.home-template #cta-consultation:hover{background-image:url(../images/cta-consultation-over.gif)}
.home-template #cta-consultation-2{background-image:url(../images/cta-consultation-2.gif);background-position:top left;background-repeat:no-repeat;width:350px;height:1px;padding-top:71px;display:block;overflow:hidden}
#cta-consultation-2:hover{background-position:0 -72px}
.home-template #cta-consultation-3{background-image:url(../images/cta-consultation-3.gif);background-position:top left;background-repeat:no-repeat;width:350px;height:1px;padding-top:71px;display:block;overflow:hidden}
.home-template #cta-consultation-3:hover{background-position:0 -67px}
.home-template #footer{height:auto;background-image:url(../images/footer-bg.gif);background-position:top left;background-repeat:repeat-x}
.home-template #footercontent{background-image:none;height:auto;padding:0}
.home-template #footercontent #copyright{position:static}
.home-template #copyright{overflow:hidden;padding:16px 15px;width:auto}
.home-template .footer-pmp{top:39px}
.vcard .street-address:after{content:","}












.headerRt{ float:right;text-align:right;}
.headerRt p.link{height:27px;line-height:27px;text-align:right;}
.headerRt p.link a{color:#010101;font-family:\65b0\7d30\660e\9ad4;font-size:11px;}
.headerRt p.link span{padding:0 5px;}
.headerRt p.tel{line-height:20px;text-align:right;height:32px;}
.headerRt p.tel span{font-size:16px;}
.nav li{float:left;margin-left:40px; display:inline;height:28px;position:relative}
.nav li a{color:#010101;text-decoration:none; font-size:12px; font-weight:bold;float:left;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;}
.nav li a:hover,.nav li a.current{color:#0093d0;text-decoration:none;}
.nav li dl{background-color:#fff;width:142px;position:absolute;left:-44px;top:28px;display:none;}
.nav li dd{height:28px;vertical-align:middle;text-align:center;}
.nav li dd a{display:block;line-height:28px;zoom:1;font-weight:400;color:#7f7f7f;float:none;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;}
.nav li dd a:hover{background-color:#eaf8fa;color:#7f7f7f;}
.nav li span.current{background:url("../images/common/navCurrent.gif") 0 0 no-repeat;display:block;width:5px;height:3px;overflow:hidden;
	position:absolute;left:50%;top:28px;margin-left:-2px;display:none;}
.nav li.current span.current{display:block;}





.bread{ font-size:12px; color:#7f7f7f; text-align:right; float:right;}
.bread a{color:#7f7f7f;}