@charset "utf-8";

/* Mixins.less

 * Snippets of reusable CSS to develop faster and keep code readable

 * ----------------------------------------------------------------- */

/*  Core CSS file - standardizes styles across browsers.  

	Based on Yahoo's Developer Library CSS (reset.css and base.css) files.

	MDL - Version 1.5 */

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: none;

}

/* Some standard GSSI formatting */

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: 0.25em 0 1em;

}

p,

td {

  line-height: 20px;

}

/* Navigation lists <ul class="nl"> */

.nl,

.nl li {

  margin: 0;

  padding: 0;

  list-style: none;

}

/* Standard class / id naming */

/* misc */

.clear {

  clear: both;

}





body {

  background: url(../images/bg-top.png) transparent repeat-x top center;

  font-family: Arial, Helvetica, 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; font-family:\5FAE\8F6F\96C5\9ED1;

}

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: #0645AD;

  text-decoration: none;

}

a:hover {

  color: #0d5d99;

  text-decoration: underline;

}

a:visited {

  color: #663366;

}

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: #666666;

}

#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;

  font-size:12px;

  font-family:Arial, Helvetica, sans-serif;

}

#content ul {

  margin: 0;

  padding: 5px 0 15px 0;

}

#content ul ul {

  margin: 0;

  padding: 5px 0 0px 0;

}

#content ul li {

  list-style-type: none;



}

#content ul ul li {

  background: transparent url(../images/leftnav-bullet.gif) no-repeat 0px 5px;

}

#content ol {

  margin: 0 0 20px 27px;

  padding: 0px;

}

#content li {

  margin: 0;

  padding: 5px 0 0px 0;

}

.blog h2 {

  font-size: 20px;

  font-weight: 400;

}

.blog em {

  color: #999;

}

.blog .leftcolumn > div {

  margin-bottom: 20px;

  border-bottom: 1px dashed #858585;

}

/*clearfix*/

.cf:before,

.cf:after {

  content: "";

  display: table;

}

.cf:after {

  clear: both;

}

.cf {

  zoom: 1;

  /* For IE 6/7 (trigger hasLayout) */

}

@media screen and (min-width: 481px) {

  #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 0px;

  }

  #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: 0px;

    display: block;

    width: 205px;

    height: 71px;

    overflow: hidden;

    color: #ffffff;

  }

  #header #logo img {

    display: block;

  }

  #leftside {

    display: block;

  }

  #navigation,

  #navigation li {

    list-style-type: none;

    margin: 0px;

    padding: 0px;

  }

  #navigation {

    position: absolute;

    top: 26px;

    left: 255px;

    width: 700px;

    height: 42px;

	background: url(/images/navigation.png) transparent no-repeat 0px 0px;

   

  }

  #navigation li {

    height: 100%;

    zoom: 1;

    float: left;

  }

  #navigation a {

    display: block;

    height: 34px;

    padding-top: 41px;

    color: #000000;

    overflow: hidden;

	background: url(/images/navigation.png) transparent no-repeat 0px 0px;

   

  }

  #navigation #nav-design {

    width: 143px;

    background-position: 0px 0px;

  }

  #navigation #nav-design:hover {

    background-position: 0px -42px;

  }

  #navigation #nav-design.active {

    background-position: 0px -84px;

  }

  #navigation #nav-programming {

    width: 159px;

    background-position: -143px 0px;

  }

  #navigation #nav-programming:hover {

    background-position: -143px -42px;

  }

  #navigation #nav-programming.active {

    background-position: -143px -84px;

  }

  #navigation #nav-marketing {

    width: 125px;

    background-position: -302px 0px;

  }

  #navigation #nav-marketing:hover {

    background-position: -302px -42px;

  }

  #navigation #nav-marketing.active {

    background-position: -302px -84px;

  }

  #navigation #nav-portfolio {

    width: 122px;

    background-position: -427px 0px;

  }

  #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 0px;

  }

  #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 0px;

  }

  #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 0px;

  }

  #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 0px;

  }

  #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 0px;

  }

  #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 0px;

  }

  #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: 0px;

    padding: 0px;

  }

  #utils {

    position: absolute;

    top: 0px;

    left: 497px;

    width: 444px;

    height: 62px;

    padding-left: 30px;

    background: url(../images/bg-utils-03.png) transparent no-repeat 0px 0px;

  }

  #utils li {

    float: left;

    height: 100%;

    zoom: 1;

  }

  #utils a {

    display: block;

    color: #666666;

    background: url(../images/util-bullet.gif) transparent no-repeat left 10px;

    padding: 6px 16px 0px 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: 0px;

    height: 1px;

    padding-top: 40px;

    background: none;

    overflow: hidden;

  }

  #utils a.bloglink:hover {

    background: none;

  }

  #utils a.consultation-link {

    background: none;

    height: 1px;

    overflow: hidden;

    padding-right: 0;

    padding-top: 40px;

    width: 245px;

  }

  #utils a.consultation-link:hover {

    background: none;

  }

  #leftside {

    float: left;

    width: 205px;

    background: url(../images/bg-leftcolumn.png) transparent no-repeat top right;

    padding: 0px;

    margin: 0px;

    zoom: 1;

    overflow: hidden;

  }

  #subnavheader {

    display: block;

    width: 205px;

    height: 1px;

    padding-top: 141px;

    overflow: hidden;

    color: #ffffff;

    background: url(../images/subnav-titlegraphic.png) transparent no-repeat 0px 19px;

  }

  #leftside .design {

    background: url(../images/subnav-titlegraphic.png) transparent no-repeat 0px 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 0px 100px 0px;

    margin: 0px;

    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: 0px;

    margin: 0px;

    zoom: 1;

    vertical-align: bottom;

  }

  #leftnav li a span.s-w2 {

    display: block;

    width: 151px;

    padding: 4px 0px 7px 25px;

    background: url(../images/leftnav-horiz-line.gif) transparent no-repeat bottom left;

    text-decoration: none;

    color: #666666;

    font-size: 12px;

    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: 0px;

    padding: 3px 0px 6px 0px;

    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: none;

    margin: 0px;

  }

  #leftnav li li a span.s-w2 {

    font-size: 11px;

    padding: 2px 0px 4px 41px;

    color: #666666;

    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 0px 4px 41px;

    color: #005A9C;

    margin-top: 0px;

    background: transparent url(../images/leftnav-bullet-down.gif) no-repeat 31px 5px;

  }

  h1 {

    font-family:\5FAE\8F6F\96C5\9ED1;color:#333333;font-size:20px; font-weight:normal;

    padding: 10px 0px 0 50px;

  }

  h2 {

    font-weight: bold;

  }

  h2 a,

  h2 a:hover {

    background: transparent none;

    text-transform: none;

    display: inline;

    color: #289DE9;

  }

  .list-item {

    /*border-bottom:1px solid #289DE9;*/

    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: #777777;

  }

  #content {

    width: 760px;

    min-height: 125px;

    zoom: 1;

    background: transparent;

  }

  #content #section-overview-intro {

    width: 660px;

    padding: 0px 0px 0px 65px;

    font-size: 14px;

    color: #666666;

    line-height: 22px;

    background: url(../images/vertical-dotted-line.gif) transparent repeat-y 50px 14px;

    margin: -10px 0px 24px 0px;

  }

  #content .date {

    text-transform: uppercase;

    font-size: 10px;

  }

  #twocolumn,

  .twocolumn,

  #threecolumn {

    width: 660px;

    padding-left: 50px;

    zoom: 1;

    overflow: hidden;

  }

  #content .withcta {

    width: 710px;

    /*				background:url(../images/vertical-dotted-line.gif) transparent repeat-y 520px 4px;

				background-image:url(../images/dot-line.gif);*/

    background-repeat: no-repeat;

    background-image: none;

  }

  #rightside .noline {

    width: 710px;

    background: none;

  }

  .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 0px 0px 19px;

  }

  .careers-page .rightcolumn {

    background-image: url(../images/apply-now.gif);

  }

  .withcta .rightcolumn #didyouknow {

    width: 190px;

    padding: 15px 31px 65px 0px;

    font-size: 14px;

    line-height: 22px;

    color: #666666;

    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 0px;

    font-size: 14px;

    line-height: 22px;

    color: #666666;

  }

  .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:250px;*/

    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: 32px;

  }

  #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:108px;*/

    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: 0px;

  }

  #top-right-cta {

    position: absolute;

    top: 575px;

    left: 470px;

    /*background:url(../images/dashline.gif) top left repeat-x;*/

    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;

  }

  

  	#bottom-right-cta.microsoft-sharepoint{

		background:none;

		width:290px;

		padding-top:12px;

	}

  #mailbox {

    position: absolute;

    top: 579px;

    left: 0px;

    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: none;

  }

  .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;

	font-size:14px;

	line-height:23px; 

  }

  .contenbase_contact {

    width: 715px;

  }

  .contact .contentbase {

    width: 700px;

  }

  #footer {

    clear: both;

    width: 100%;

    height: 390px;

    margin: 0px;

    padding: 0px;

	font-size:12px;

    background: url(../images/bg-footer-repeat.png) transparent repeat-x top center;

  }

  #footer a{

	font-size:12px;

  }

  #footer ul {

    margin: 0px;

    padding: 0px;

  }

  #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: 0px;

    padding: 0px;

    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: #ffffff;

  }

  #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: #FF0000;

    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 0px 1px 1px;

    border-color: #a3a3a3;

    border-style: solid;

    background: url(../images/keep-informed-textfield-bg.gif) transparent repeat-x top left;

    padding: 6px 9px 0px 9px;

    font-size: 11px;

    color: #808080;

    margin: 0px;

  }

  #footer-informed .keepinformed-submit {

    position: absolute;

    left: 192px;

    top: 63px;

    margin: 0px;

    background-image: url(../images/btn-keepinformed.gif);

    background-position: 0px 0px;

    background-repeat: no-repeat;

    width: 25px;

    height: 26px;

    display: block;

    padding: 0;

  }

  #footer-informed .keepinformed-submit:hover {

    background-position: -25px 0px;

  }

  #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: 12px;

	font-family:Arial, Helvetica, sans-serif;

  }

  .footerlinks {

    display: block;

    padding-top: 3px;

	font-size: 12px;

  }

  .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 0px 5px;

  }

  #footercontent .floatright {

    float: none;

  }

  #footercontent .floatright a{

        color: #666666;

  }
  .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: 0px;

  }

  .home-template #footer {

    height: 140px !important;

  }

  #content .button {

    display: block;

    width: 75px;

    padding: 1px 5px 0px 5px;

    margin: 0px;

    height: 20px;

    font-size: 11px;

    text-decoration: none;

    color: #ffffff;

    background: url(../images/learnmore-bg.gif) repeat 0 0;

    text-align: center;

  }

  #content .button:hover {

    background-position: -105px 0;

    color: #ffffff;

  }

  .buttonshadow,

  .buttonshadow-programming {

    width: 85px;

    height: 21px;

    padding: 0px 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: #666666;

    width: 150px;

    line-height: 21px;

  }

  .zz-comments {

    color: #FF00FF;

  }

  .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: 0px;

    padding: 0px;

  }

  #formtemplate ul li {

    overflow: hidden;

    padding: 0px;

    margin: 0px;

    list-style: none;

    background: none;

  }

  #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: 0px;

    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;

  }

  .btn-sharepoint-solutions{

	  background:url(../images/cta-sharepoint-solutions.png) no-repeat;

	  width:563px;

	  padding-top:33px;

	  display:block;

	  height:1px;

	  overflow:hidden;

	  margin-top:15px;

  }

   .btn-sharepoint-solutions:hover{

  	 background-position: 0 -34px;

  	}

  .btn-sharepoint{

	  background:url(../images/cta-sharepoint.png) no-repeat;

	  width:403px;

	  padding-top:33px;

	  display:block;

	  height:1px;

	  overflow:hidden;

	  margin-top:10px;

  }

   .btn-sharepoint:hover{

  	 background-position: 0 -34px;

  	}

  

  /* Portfolio Page */

  .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: 0px;

    padding: 0px;

  }

  #sharepoint-container ul li {

    padding: 0px;

    margin: 0px;

    float: left;

    background: none;

    border-top: 1px dashed #848484;

  }

  #sharepoint-container ul li.first-row {

    border: 0px;

  }

  .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: 12px;

  }

  .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/arrow2.gif);

    background-position: 0 7px;

    padding: 0 0 0 9px;

  }

  #content .portfolio-features ul ul {

    background: none;

    padding: 0px;

    margin: 0px;

  }

  .paging {

    padding: 0 26px;

    /*margin:0 30px 0 auto;*/

    margin: 0 10px 0 auto;

    position: absolute;

    bottom: 0;

    left: 729px;

  }

  .paging-top {

    position: absolute;

    top: 148px;

    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: 0px;

    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 0px;

    background-image: url(../images/blue-shadow.gif);

    background-position: top right;

    background-repeat: no-repeat;

    text-align: center;

    float: left;

    /*border: 1px solid #00b4d9;

    -webkit-box-shadow: inset 0px 0px 5px #d6f4fa;

    -moz-box-shadow: inset 0px 0px 5px #d6f4fa;

    box-shadow: inset 0px 0px 5px #d6f4fa;*/

  }

  #content .page-numbers ul li {

    list-style: none;

    padding: 0px;

    background: none;

    float: left;

  }

  #content .page-numbers ul li a {

    padding: 0 8px;

    text-decoration: none;

    color: #005a9c;

    /*font-size: 14px; 

    color: #0093d0;

    text-decoration: none;

    width: 35px; 

    height: 25px;

    display: block;

    text-align: center;

    line-height: 24px;*/

  }

  #content .page-numbers ul li a:hover,

  #content .page-numbers ul li a.active {

    color: #ff8202;

    font-weight: bold;

  }

  .thisclass{

    color: #ff8202;

  }

  .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 Page */

  #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;

    /*bottom:0;*/

    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;

  }

  /** CSS for the modules list **/

  .list-content {

    /*background:url(../images/div-separator.gif) left top no-repeat;*/

    width: 434px;

    float: left;

    /*padding-top:15px;*/

  }

  #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: 0px 0px 8px #999;

    -moz-box-shadow: 0px 0px 8px #999;

  }

  #content .main-img img {

    border: 1px solid #ccc;

    -webkit-box-shadow: 0px 0px 8px #999;

    -moz-box-shadow: 0px 0px 8px #999;

  }

  /*Subnav images*/

  #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 0px;

    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: 0px;

    padding: 0px;

  }

  .home-template #header .home-utils {

    position: absolute;

    top: 0px;

    left: 601px;

    width: 339px;

    height: 52px;

    padding-left: 30px;

    background: url(../images/bg-utils.png) transparent no-repeat 0px 0px;

  }

  .home-template #header .home-utils li {

    float: left;

    height: 100%;

    zoom: 1;

  }

  .home-template #header .home-utils a {

    display: block;

    color: #666666;

    background: url(../images/util-bullet.gif) transparent no-repeat left 10px;

    padding: 6px 16px 0px 8px;

    text-decoration: none;

    font-size: 12px;

    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: 0px;

    height: 1px;

    padding-top: 40px;

    background: none;

    overflow: hidden;

  }

  .home-template #header .home-utils a.bloglink:hover {

    background: none;

  }

  .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: none;

  }

  .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: 0px;

    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{

	  list-style-type: none;

    margin: 0px;

    padding: 0px;

  }

  .home-template #service-section li {

    list-style-type: none;

    margin: 0px;

    padding: 0px;

	 background-image: url(../images/util-bullet.gif);

    background-position: 0 9px;

    background-repeat: no-repeat;

	padding-left:9px;

  }

  

   .home-template #service-section li:hover {

    color: #005a9c;

    background-image: url(../images/util-bullet-down.gif);

  }

  

  .home-template #service-section li a {

    display: inline-block;

    color: #666666;

   

    padding: 5px 0px 0px 0px;

    text-decoration: none;

    font-size: 12px;

    line-height: normal;

    vertical-align: bottom;

    zoom: 1;

  }

  

  .home-template #service-section li span{

	  display:inline-block;

	  padding: 0px 0px 0px 0px;

	  font-size: 11px;

	line-height: normal;

  }

  

  .home-template #service-section li a:hover {

    color: #005a9c;

  }

 

  .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: ",";

  }

}

    .contact .btn-signup {

    background: url(../images/btn-signup.png) top left no-repeat;

    display: block;

    width: 131px;

    height: 1px;

    padding-top: 25px;

    overflow: hidden;

    margin-top: 4px;

    float: right;

  }

      .btn-signup:hover {

    background-position: 0 -26px;

  }

.lunch #contact-icon {

top:330px;}

#leftside .lunch {

    background: url("../images/lunch-bulb.png") no-repeat scroll 0 19px rgba(0, 0, 0, 0);

}























.headerRt{ float:right;text-align:right;padding-top:55px;}

.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:-34px;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;}











.boxoff{

	height:10px;

	overflow:hidden;

	clear:both;

	background:url(../images/boxoff.gif) left 15px repeat-x;

	margin:20px auto;

	padding-top:10px;

}

.boxoff strong{

	display:block;

	width:8px;

	height:10px;

	overflow:hidden;

	font-size:0px;

	line-height:100px;

	background:url(../images/boxoff.gif) right -10px no-repeat;

	float:left;

}







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

.bread a{color:#7f7f7f;}









.coolbg {

  width:92px;

  height:26px;

  color:#ffffff;

  border:0px;

  border-right: 1px solid #ACACAC;

  border-bottom: 1px solid #ACACAC;

  background-color: #F1F8B4;

  padding:2px;

  padding-right:14px;

  padding-left:0px;

  background: url(../images/btn-tijiao.png) #EFF7D0;

  cursor:pointer;

}











.latestDetailImg{width:700px;height:418px;margin:0 auto;position:relative;overflow:hidden;margin-top:20px;}

.latestDetailImg li{position:absolute;left:0;top:0;z-index:10;display:none;background-color:#fff;}

.latestDetailImg dl{position:absolute;right:20px;bottom:20px;z-index:11;}

.latestDetailImg dd{background-color:#cccccc;width:10px;height:10px;overflow:hidden;float:left;margin-right:5px;text-indent:-6666px;cursor:pointer;

	border-radius:100%;}

.latestDetailImg dd.current{background-color:#89b8ff;}

.latestDetailImg span.next,.latestDetailImg span.prev{background:url("../images/latestJ.png") no-repeat;width:50px;height:65px;display:block;

	position:absolute;top:50%;margin-top:-32px;z-index:20;cursor:pointer;}

.latestDetailImg span.prev{left:0;background-position:0 0;}

.latestDetailImg span.next{right:0;background-position:-50px 0; color:transparent;}

.latestDetailTit{font-size:24px;font-family:\5FAE\8F6F\96C5\9ED1;margin-top:20px;}

.latestDetailLink{margin-top:1px;line-height:30px;}

.latestDetailLink time,.latestDetailLink em{margin-right:20px;color:#999;}

.latestDetailLink .link{float:right;background:url("../images/latestDetailLink.png") no-repeat;width:258px;height:30px;line-height:30px;text-align:right;}

.latestDetailLink .link a{color:#666464;font-size:14px;}

.latestDetailLink .link a.cofff{color:#fff;}

.latestDetailLink .link span{display:inline-block;text-align:center;width:129px;}

.latestDetail{padding-top:20px;margin-bottom:20px;}

.latestDetail .con *{color:#9e9d9d;}

.latestDetail .img{margin-top:20px;width:700px;overflow:hidden;}

.latestDetail .img ul{width:730px;}

.latestDetail .img li{border:1px solid #dedede;width:213px;padding:6px;margin-right:14px;float:left;}

.latestDetailBtm a.newsBack{background-color:#44aa2d;margin-right:14px;}

.latestDetailBtm p a:hover{}





.newsDetailBtm{position:relative;width:700px;padding-top:30px;}

.newsDetailBtm a{}

a.newsBack{position:absolute;right:0;margin-top:-34px;display:block;height:24px;line-height:24px;background-color:#E83A22;

	color:#fff;padding:0 10px;}

a.newsBack:hover{color:#fff;}

a.newsBack:visited {

	text-decoration: none;

	color: #FFFFFF;

}









/* ----------------------------------- search form ----------------------------------- */

div#searchui

		{

		margin:10px 20px 25px 1px;

		padding:0;

		float:right;

		}



div#searchui p

		{

		margin:0 0 5px 0;

		padding:0;

		}



#searchui label

		{

		margin:0 0 0 2px;

		text-transform:uppercase;

		letter-spacing:2px;

		font-size:11px;

		}



#searchui input.button

		{

		padding:0;

		margin:0;

		background:#57a4da;

		font:12px Verdana, Arial, Helvetica, sans-serif;

		color:#FFFFFF;

		width:40px;

		height:20px;

		text-align:center;

		border:none; cursor:pointer;

		}



#searchui input.box

		{

		margin:0 0 0 2px;

		width:135px;

		height:20px;

		background:#fdfdfd;

		font:12px Verdana, Arial, Helvetica, sans-serif;

		border:1px solid #d7d7d7;

		}