body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; line-height: 130%; color: #4f4c4d;
  background: #b2b0a8 url('grads.png') repeat-x 0px -1138px;
  margin: 0;}

a {text-decoration: none;}
a:HOVER {text-decoration: underline;}
a img {border: none;}

p {margin: 8px 0 0;}
h2 {
  font-size: 14px; font-weight: bold;
  margin: 30px 0 0;}

ul {margin: 8px 0 0; padding: 0 0 0 17px; list-style-position: outside;}
li {margin-bottom: 3px;}

.middle {display: inline-block; height: 100%; vertical-align: middle;}
.vam {display: inline-block; vertical-align: middle;}
.oa {overflow: auto; /*For containing floats*/}

#content {width: 960px; margin: auto; overflow: hidden;}

#header {
  height: 111px;
  background: url('grads.png') repeat-x 0px -990px;}
#header .sfLogo {
  float: left;
  padding: 37px 0 0 80px;}
#header .telephone {
  float: right;
  padding: 56px 80px 0 0;}
#header .telephone {font-size: 26px; color: #7b7979;}

#menu {
  height: 37px;
  background-color: #656263;}
#menu #menulist {padding: 0 0 0 80px; margin: 0;}
#menu #menulist li {
  float: left;
  display: block;
  margin: 0;
  border-left: 1px solid #4f4c4d;}
#menu #menulist li a {
  float: left;
  padding-top: 2px;
  width: 150px; height: 35px;
  font-size: 12px; font-weight: bold; color: white;
  text-transform: uppercase;
  text-align: center;
  word-spacing: 1px;
  border-left: 1px solid #9d9b9b;}
#menu #menulist li.end {
  border-right: 1px solid #9d9b9b;}
#menu #menulist li.end a {
  border-right: 1px solid #4f4c4d;}

#main {
  background-color: white;
  height: 440px;}

#footer {
  height: 35px;
  padding-top: 2px;
  background: url('grads.png') repeat-x 0px -1101px;
  font-size: 12px; color: white;
  text-transform: uppercase;
  letter-spacing: 1px;
  word-spacing: 1px;
  text-align: center;}


/* --- RUBIK --- */

#main div.rubik_page{
  overflow: hidden;
  width: 960px; height: 440px;
  float: left;
  clear: none;
  position: absolute;}
#main div.rubik_drawer{
  position: relative;
  height: 440px;}
div.rubik_container{overflow: hidden; position: relative;}


/* --- PAGE FURNITURE --- */

.cb {height: 110px; overflow: hidden;}
.cbRed {
  background: url('grads.png') repeat-x 0px 0px;}
.cbRedL {
  float: left;
  width: 20px; height: 110px;
  background: url('grads.png') no-repeat 0px -110px;}
.cbRedR {
  float: right;
  width: 20px; height: 110px;
  background: url('grads.png') no-repeat 0px -220px;}
.cbYellow {
  background: url('grads.png') repeat-x 0px -660px;}
.cbYellowL {
  float: left;
  width: 20px; height: 110px;
  background: url('grads.png') no-repeat 0px -770px;}
.cbYellowR {
  float: right;
  width: 20px; height: 110px;
  background: url('grads.png') no-repeat 0px -880px;}
.cbBlue {
  background: url('grads.png') repeat-x 0px -330px;}
.cbBlueL {
  float: left;
  width: 20px; height: 110px;
  background: url('grads.png') no-repeat 0px -440px;}
.cbBlueR {
  float: right;
  width: 20px; height: 110px;
  background: url('grads.png') no-repeat 0px -550px;}

.cb .text {
  height: 110px;
  font-size: 30px; line-height: 130%;
  color: white; opacity: 0.9;}


/* --- PAGE CONTENT --- */

#main_home {
  left: 0;
  padding-top: 35px;}
#main_home .cb {
  padding-left: 250px;}
#main_home .htext {
  height: 96px;
  padding-top: 14px;
  color: white; opacity: 0.9;}
#main_home .simple {
  width: 300px;
  font-size: 85px;}
#main_home .intuitive {
  margin-top: 18px;
  width: 465px;
  font-size: 100px;}
#main_home .collaborative {
  margin-top: 18px;
  width: 620px;
  font-size: 85px;}

#main_overview {
  left: 960px;
  padding-top: 35px;}
#main_overview .cb {float: right; clear: right;}
#main_overview .title {width: 900px;}
#main_overview .yellow {margin-top: 18px; width: 310px;}
#main_overview .blue {margin-top: 18px; width: 65px;}
#main_overview .icons {
  float: left;
  display: inline; /*IE6 bug fix*/
  margin: 35px 0 0 80px;}
#main_overview .icons .icon {
  float: left;
  width: 160px;
  font-size: 14px;
  text-align: center;
  border-right: 1px dashed #918f90;}
#main_overview .icons .end { border-right: none;}
#main_overview .icons .icon .ski {
  margin: auto; width: 75px; height: 75px;
  background: url('imgs.png') no-repeat 0px 0px;}
#main_overview .icons .icon .pro {
  margin: auto; width: 75px; height: 75px;
  background: url('imgs.png') no-repeat -75px 0px;}
#main_overview .icons .icon .dev {
  margin: auto; width: 75px; height: 75px;
  background: url('imgs.png') no-repeat -150px 0px;}
#main_overview .icons .icon .ico {margin-bottom: 15px;}
#main_overview .description {
  float: left;
  display: inline; /*IE6 bug fix*/
  margin: 35px 0 0 80px;
  width: 740px;
  font-size: 16px; line-height: 150%;}
#main_overview .descFootnote {
  margin: 15px 0 0 0;
  color: #999999;
  font-size: 10px; line-height: 100%;}

#main_benefits {
  left: 1920px;
  padding-top: 35px;}
#main_benefits .cb {
  float: left;
  padding-left: 80px;
  width: 390px;}
#main_benefits .cb .text {
  float: left; width: 120px;
  position: relative; /*Reference*/}
#main_benefits .cb .text .textInner {
  width: 240px; height: 110px;
  position: absolute; top: 0; left: 0; /*Out of flow*/}
#main_benefits .yellow {padding-top: 18px;}
#main_benefits .blue {padding-top: 18px;}
#main_benefits .red .img {
  float: left;
  width: 270px; height: 110px;
  background: url('imgs.png') no-repeat 0px -75px;}
#main_benefits .yellow .img {
  float: left;
  width: 270px; height: 110px;
  background: url('imgs.png') no-repeat 0px -185px;}
#main_benefits .blue .img {
  float: left;
  width: 270px; height: 110px;
  background: url('imgs.png') no-repeat 0px -295px;}
#main_benefits .list {
  float: left;
  display: inline; /* IE6 bug fix */
  height: 110px;
  padding-left: 18px;}
#main_benefits .redList1 {width: 247px}
#main_benefits .list ul {margin: 0;}

#main_services {
  left: 2880px;
  padding: 3px 0 0 80px;}
#main_services .column {
  float: left;
  width: 215px;
  padding-right: 30px;}

#main_contact {
  left: 3840px;
  padding: 3px 0 0 0;
  overflow: visible !important;}
#main_contact .usedBy {padding-left: 80px;}
#main_contact .cb {
  width: 899px;
  margin-top: 16px;
  position: relative; left: -80px;}
#main_contact .cb .logos {
  width: 699px; height: 110px;
  margin: 0 20px 0 160px;
  background: url('logos.png') no-repeat 0px 0px;}
#main_contact .cols {margin: 64px 0 0 80px;}
#main_contact .cols .column {
  float: left;
  width: 245px;
  line-height: 180%;}
#main_contact .cols .column h2 {margin: 0};