html{height:100%}
body{background:#fff url(/img/bg-body.gif) repeat-x;font:12px/15px Arial, Helvetica, Verdana, sans-serif;min-height:100%;position:relative;min-width:962px;margin:0}
img{border:none}
img.right,img.alignright{float:right;margin:1px 0 5px 8px}
img.left,img.alignleft{float:left;margin:1px 8px 5px 0}
a{text-decoration:none;outline:none}
form{display:inline;margin:0;padding:0}
input,textarea,select{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:12px;padding:1px 2px}
sup,sub{height:0;line-height:1;vertical-align:baseline;position:relative}
sup{bottom:1ex}
sub{top:.5ex}
label,button,input[type=submit]{cursor:pointer}
address{font-style:normal}
.rounded{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#container{width:962px;position:relative;padding-top:182px;padding-bottom:290px;margin:0 auto}
div.logo{margin:0}
div.logo a{display:block;overflow:hidden;text-indent:-9999em;height:121px;background:#f4f4f4 url(/img/logo.png) no-repeat;width:204px;cursor:pointer;position:absolute;top:0;left:0;z-index:99}
#header{position:absolute;top:0;left:0;width:100%;z-index:200;padding:28px 0 0}
.contact-box{position:absolute;top:28px;left:170px}
.contact{float:left;background:url(/img/dots.gif) repeat-y;width:201px;padding:0 17px 0 13px}
.contact span{font-size:11px;display:block;line-height:13px}
.contact a{text-decoration:underline;color:#006dd4;font-size:11px}
.contact a:hover{text-decoration:none}
.contact h3{font-size:12px;margin:0}
ul.mainnav{list-style:none;font-weight:700;width:100%;line-height:14px;margin:0;padding:92px 0 0 1px}
ul.mainnav li{float:left}
ul.mainnav li a.first{border-left:1px solid #fff}
ul.mainnav li a{float:left;color:#fff;border:1px solid #fff;border-left:0;padding:8px 17px 8px 18px}
ul.mainnav li a:hover{background:url(/img/bg-mainnav-hover.gif) repeat-x;text-decoration:none}
ul.mainnav li.active a{background:url(/img/bg-mainnav-hover.gif) repeat-x;border-bottom:0;padding-bottom:9px}
ul.subnav{list-style:none;float:left;width:100%;margin:0;padding:0 0 0 1px}
ul.subnav li{float:left;font-weight:700;background:url(/img/separator-subnav.gif) no-repeat 0 7px;padding:7px 17px 6px 19px}
ul.subnav li:first-child{background:none}
ul.subnav li a{color:#ffadcd}
ul.subnav li a:hover{color:#fff;text-decoration:none}
#content{height:1%;padding:24px 0 34px}
div.monitor{position:absolute;top:0;right:-35px}
span.man{display:block;background:url(/img/image01.png) no-repeat;width:342px;height:399px;position:absolute;top:2px;right:0;text-indent:-9999px}
span.developer{display:block;background:url(/img/developer.png) no-repeat;width:286px;height:398px;position:absolute;top:2px;right:-24px;text-indent:-9999px}
span.marketing{display:block;background:url(/img/marketing.png) no-repeat;width:385px;height:414px;position:absolute;top:0;right:-24px;text-indent:-9999px}
h1{font:32px/30px HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", "Helvetica Light", Tahoma, Arial, sans-serif;font-weight:300;letter-spacing:-1px;margin:0 0 0 2px}
.strapline{font:11px HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", "Helvetica Light", Tahoma, Arial, sans-serif;color:#666;text-transform:uppercase;margin:7px 0 0 2px}
.columns{width:100%;overflow:hidden}
.columns a{text-decoration:none;color:#006dd4}
.main-column{float:left;width:402px;overflow:hidden;padding:24px 0 0 2px}
.full{width:705px}
.main-column h2{font:22px/22px HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", "Helvetica Light", Tahoma, Arial, sans-serif;font-weight:300;letter-spacing:-.5px;color:#000;margin:20px 0 10px}
.main-column h3{font-size:14px;color:#000;margin:14px 0 8px}
.main-column li h3{font-size:13px;margin:0}
.main-column p strong{display:inline;padding-bottom:0}
#slideshow1{height:310px;margin-top:10px}
.slideshow{border:1px solid #e0e0e0;background:#e0e0e0;font-size:11px;line-height:13px;color:#666;margin-top:7px}
.slideshow img{display:block}
.slideshow strong{color:#333;display:block;padding:7px 0 0 10px}
.slideshow p{width:325px;margin:0;padding:0 0 7px 10px}
.slideshow p a{color:#333}
a#next{float:right;position:relative;top:270px;z-index:100;background:url(/img/arrow.gif) no-repeat 0 0;width:13px;height:12px;text-indent:-9999px;overflow:hidden;margin:10px 16px 0 0}
.arrowbuttons{float:right;position:relative;top:340px;z-index:100;font-size:11px}
a#more{text-indent:-9999px;width:13px;height:12px;margin-left:4px;overflow:hidden}
a#prev{text-indent:-9999px;width:13px;height:12px;overflow:hidden}
#slideshow2{height:242px;margin-top:0;margin-bottom:5px}
#slideshow2 img{margin-bottom:30px}
.btn2{top:240px!important;margin-right:0!important}
p.samplescreens{font-size:11px;line-height:13px;color:#666;padding:4px 54px 0 0}
.clientquote{font:12px/15px Georgia, Hoefler Text, Serif;color:#666;clear:both;padding:20px 0 0 2px}
.clientquote q{display:block;margin:0}
.clientquote img{float:left;display:block;padding-right:12px}
.clientquote cite{display:block;font-size:11px}
.second-column{width:273px;float:left;overflow:hidden;padding:28px 0 0 32px}
* html .second-column{padding-top:25px}
.second-column h2{font-size:12px;background:#f3f6f4;border:1px solid #aad4bb;border-left:0;border-right:0;color:#000;margin:18px 0 10px;padding:4px 0 4px 9px}
.second-column h3{font-size:12px;color:#000;margin:10px 0 8px}
.main-column ul,.second-column ul{list-style:none;margin:0 0 8px;padding:0}
.main-column ul li,.second-column ul li{background:url(/img/separator-li.gif) no-repeat 2px 4px;padding:0 0 0 15px}
ul.benefits li{background:url(/img/arrow2.gif) no-repeat 2px 2px;padding:0 0 1px 21px !important}
ul.benefits,ul.sol{font-weight:700;color:#333}
.cols{width:48%;float:left}
.cols li{background-image:none!important;font-weight:400;color:#666;line-height:12px;padding:0 0 4px!important}
.jcarousel-skin-tango ul{margin:0;padding:0}
.jcarousel-skin-tango ul li{background-image:none;margin:0;padding:0}
.notes{font-size:11px;line-height:13px;color:#666;margin-bottom:5px}
.third-column{width:220px;float:left;line-height:14px;padding:162px 0 0 33px}
* html .third-column{padding-top:160px}
.third-column h3{font-size:12px;background:#aad4bb;color:#44554b;margin:0;padding:4px 0 4px 10px}
.third-column h3 a{color:#44554b;text-decoration:underline}
.blog{border:1px solid #aad4bb;background:#f3f6f4;padding:10px 0 6px 15px}
.blog a{font-weight:700;display:block}
.blog span{display:block;font-size:11px;padding-bottom:6px}
.reading{border:1px solid #aad4bb;background:#f3f6f4;padding:5px 10px 13px 15px}
.reading .row{padding-top:6px}
.reading .row img{float:right;margin-top:3px;border:1px solid #aad4bb}
.reading .row a{font-weight:700;color:#006dd4}
.reading .row p{font-size:11px;width:140px;margin:0}
.reading .row p a{font-weight:400}
.third-column .clientquote img{float:right;padding:0 0 5px 10px}
.third-column .clientquote img.left{float:none;padding:0}
.third-column p.normal{font-size:12px;width:auto;margin-bottom:6px}
#footer-wrapper{width:100%;position:absolute;bottom:0;left:0;background:#000 url(/img/bg-footer.jpg) repeat-x;height:290px}
#footer{width:961px;margin:0 auto}
.three-blocks{height:1%;width:962px;margin-left:-21px;padding-bottom:17px}
.box{float:left;width:324px;padding-left:4px;position:relative;color:#fff;z-index:10}
.box img{position:absolute;top:35px;right:0;display:block;z-index:5}
.box p{color:#ffadcd;font-size:11px;line-height:13px;margin:0}
.box h2{font-size:12px;margin:0}
.box .row{padding:11px 0 0 27px}
.design{padding-left:0}
.design p{width:164px}
span.title{display:block;width:100%;padding-bottom:4px;height:19px;text-indent:-9999px}
span.des{background:url(/img/bg-design.gif) no-repeat}
span.build{background:url(/img/bg-build.gif) no-repeat}
.build-b{padding-left:10px}
.build-b p{width:213px}
.build-b .row{padding:12px 0 0 23px}
img.man2{top:36px;right:2px}
.promote{padding-left:0;width:300px}
span.prom{background:url(/img/bg-promote.gif) no-repeat}
img.man3{top:23px;right:-26px}
.footer-info{padding-top:11px;background:url(/img/dots-footer.gif) repeat-x;font-size:11px;line-height:13px}
.iconbox{width:150px;float:right}
.iconbox img{float:left;cursor:pointer}
a.ukwda img{padding:5px 0 0 10px}
.footer-info ul{list-style:none;margin:0;padding:0}
.footer-info ul li{float:left;background:url(/img/separator-footer.gif) no-repeat 0 3px;color:#ffadcd;padding:0 7px 0 8px}
.footer-info ul li:first-child{background:none;padding-left:0}
.footer-info p{color:#ffadcd;clear:left;margin:0}
.padright{padding-right:100px}
form#subForm input#name,form#subForm input#jyhdtd-jyhdtd{width:170px;border:1px solid #ccc;display:block}
form#subForm label{padding-top:1px;display:block;font-size:9px;text-transform:uppercase}
span.button{display:block;margin-top:5px;clear:left}
#map{width:271px;height:235px;border:1px solid #e0e0e0;margin:6px 0 2px}
div#contactform{border:1px solid #dbcaa8;background:#ece7de;margin-bottom:3px;padding:9px 14px 13px}
div#contactform label{padding-top:5px;display:block;font-size:10px;line-height:12px;text-transform:uppercase}
div#contactform input.textinput,div#contactform textarea.textinput{width:360px;border:1px solid #dbcaa8;display:block}
div#contactform select{margin:0 0 4px;padding:0}
div#contactform .checkbox{display:inline;vertical-align:middle;padding-top:0}
div#contactform span.checkpad{padding-left:27px}
#portfolio .portitem{float:left;margin-left:15px;width:224px;display:inline}
#portfolio .first{margin-left:0;clear:both}
#portfolio .wrapper{width:224px;height:140px;position:relative;line-height:auto;-webkit-box-shadow:3px 3px 3px #d4d4d4;-moz-box-shadow:3px 3px 3px #d4d4d4;box-shadow:3px 3px 3px #d4d4d4}
#portfolio a.thumb{display:block;position:absolute;top:0;left:0;overflow:hidden}
#portfolio a.thumb img{display:block;border:1px solid #ccc}
#portfolio a.thumb img.alt{position:absolute;display:none}
#portfolio .caption{line-height:14px;width:224px;font-weight:700;padding:5px 0 14px}
#portfolio .description{font-size:11px;line-height:12px;font-weight:400;color:#666;display:block;width:224px}
p.line{border-bottom:1px solid #aad4bb;padding-bottom:10px}
a:hover,.columns a:hover{text-decoration:underline}
ul.subnav li.active a,.box a,.footer-info ul li a,.footer-info p a{color:#fff}
#content:after,.three-blocks:after{height:0;clear:both;content:'';display:block}
.main-column h2:first-child,.second-column h2:first-child{margin-top:0}
.main-column p,.second-column p{margin:0 0 8px}
a#next:hover,a#more:hover,a#prev:hover{background-position:0 -12px}
.first,.third-column .top{padding-top:0}
.design h2,.promote p{width:165px}
#fblike {border:none; float:right; overflow:hidden; width:52px; height:21px; margin-right:260px;background-color: #f4f4f4}