* {
  margin:0;
  padding:0
}

.x-panel-tl .x-panel-header {width: 96%;}

.show_mobile1{ display:none}
.hide_mobile1{ display:block}

.show_mobile2{ display:none}
.hide_mobile2{ display:block}

.show_ipad1{ display:none}
.hide_ipad1{ display:block}

.show_ipad2{ display:none}
.hide_ipad2{ display:block}

body {
  margin: 0;
  padding:0;
  font-family:"Tahoma", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #656565;
  background: #fff;
}

a {
  color: #656565;
  text-decoration: none;
  outline:0;
}

a:hover{
  color: #9fca37;
  text-decoration: underline;
}
a:focus {
  text-decoration:none;
}
a:active {
  text-decoration:none;
}

.video-container {
 width:100%; float:left;
	position: relative;
	padding-bottom:57%;
	height: 0;
	overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.row {
  margin:0;
  *zoom: 1;
}

[class*="span"] {
  margin: 0;
}

.container{
  width: 1000px;
  position:relative;
}

.span12 {
  width: 940px;
}

.span11 {
  width: 860px;
}

.span10 {
  width: 780px;
}

.span9 {
  width: 700px;
}

.span8 {
  width: 620px;
}

.span7 {
  width: 540px;
}

.span6 {
  width: 460px;
}

.span5 {
  width: 380px;
}

.span4 {
  width: 300px;
}

.span3 {
  width: 220px;
}

.span2 {
  width: 140px;
}

.span1 {
  width: 60px;
}

.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid [class*="span"] {
  margin:0;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.row-fluid .span9 {
  width: 73.50808510638297%;
  *width: 73.45489361702126%;
  float:right;  
}

.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.row-fluid .span6 {
  width: 47.613882863340560%;
  *width: 47.563882863340560%;
}

.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.row-fluid .span3 {
  width: 22.504255319148934%;
  *width: 22.451063829787233%;

}

.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

.row-fluid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}

.row-fluid .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}

.row-fluid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}

.row-fluid .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}

.row-fluid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}

.row-fluid .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}

.row-fluid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}

.row-fluid .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}

.row-fluid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}

.row-fluid .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}

.row-fluid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}

.row-fluid .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}

.row-fluid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}

.row-fluid .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}

.row-fluid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}

.row-fluid .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}

.row-fluid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}

.row-fluid .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}

.row-fluid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}

.row-fluid .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}

.row-fluid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}

.row-fluid .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}

.row-fluid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}

.row-fluid .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}

[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none;
}

[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right;
}

p {
  margin:0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 20px;
  color: #656565;
  text-rendering: optimizelegibility;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}

h1,
h2,
h3 {
  line-height: 1.2em;
}

h1 {
  font-size: 60px;
  color:#FFFFFF;
  line-height: 1.2em;
  font-family:"avantgardedemiregularregular",Arial, Helvetica, sans-serif;
  text-shadow:#5d7620 2px 2px 9px
}

h2 {
  font-size: 30px;
  color:#a3cd39;
  font-weight:bold;
}

h3 {
  font-size: 18px;
  color:#656565;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}

ul,
ol {
  padding: 0;
  margin:0;
  list-style:none;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

li {
  line-height: 20px;
  list-style:none;
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}
form {
  margin:0;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

input,
button,
select,
textarea {
  font-family:Arial, Helvetica, sans-serif;
}

label {
  display: block;
  margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

input,
textarea,
.uneditable-input {
  width: 206px;
}

textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border:none;
  -webkit-box-shadow:none;
     -moz-box-shadow:none;
          box-shadow:none;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color:none;
  outline: 0;
  outline: 0;
  /* IE6-9 */

  -webkit-box-shadow:none;
     -moz-box-shadow:none;
          box-shadow:none;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}

select {
  width: 220px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.radio,
.checkbox {
  min-height: 20px;
  padding:0;
}

/* navbar */
.navbar {
  width:100%;
  float:left;
  background:url(../img/shadow01.png) repeat-x bottom left;
  padding:0 0 6px 0;
  margin-bottom: -6px;  
  position:relative;
  z-index:10
}

.navbar-inner {
  min-height: 82px;
  padding-right: 0;
  padding-left: 0;
  background-color: #000000;
  background-image: -moz-linear-gradient(top, #000000, #000000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#000000));
  background-image: -webkit-linear-gradient(top, #000000, #000000);
  background-image: -o-linear-gradient(top, #000000, #000000);
  background-image: linear-gradient(to bottom, #000000, #000000);
  background-repeat: repeat-x;
  border: none;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
     -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.navbar .container {
  width: 1000px;
}

.nav-collapse.collapse {
  height: auto;
  overflow: visible;
}

.navbar .brand {
  width:312px;
  height:66px;
  float: left;
  padding:16px 0 0 66px;
  margin:0 -20px 0 -64px;
  background:url(../img/bg_logo.gif) no-repeat top center
}

.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin:32px 0 0 0;
}

.navbar .nav > li {
  height:49px;
  float: left;
  font-size:12px;
  font-family:"AvantGardeDemiRegular", Arial, Helvetica, sans-serif;
  margin:0 26px 0 0;
  position:relative
}

.navbar .nav > li > a {
  float: none;
  padding:0;
  color: #ffffff;
  text-decoration: none;
  text-shadow: none;
  cursor:pointer;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: #9fca37;
  text-decoration: none;
  background-color: transparent;
  border-bottom:2px solid #9fca37;
  padding-bottom:9px
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #9fca37;
  text-decoration: none;
  background-color: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
		  background:none;
}

.navbar .nav > li:hover > a {
  color: #9fca37;
  text-decoration: none;
  background-color: transparent;
  border-bottom:2px solid #9fca37;
  padding-bottom:9px
}

.navbar .nav > li .show_mobile1 { 
  display: none
}

.navbar .nav > li .hide_mobile1 { 
  display: block
}

.navbar .nav > li:hover .bgdropbox{ position:absolute; display:block}
.navbar .nav > li .bgdropbox{ width:226px; float:left; position:absolute; top:49px; left:-13px; display: none}
.navbar .nav > li .dropbox{ width:100%; float:left; background:#000000; box-shadow:#333 0 3px 3px; border-radius:0 0 6px 6px; 	behavior: url(PIE.htc); position:relative}
.navbar .nav > li .dropbox ul{ width:91.2%; float:left; padding:3px 4.4% 9px 4.4%; margin:0}
.navbar .nav > li .dropbox ul li{ width:100%; height:auto; float:left;  font-size:12px; color:#FFFFFF; padding:0; margin:0; border-top:1px solid #3b3b3b}
.navbar .nav > li .dropbox ul li.nodivider{ border-top:none}
.navbar .nav > li .dropbox ul li a{ width:95.2%; float:left; color:#FFFFFF; padding:7px 0 7px 4.8%}
.navbar .nav > li .dropbox ul li a:hover{ text-decoration:none; background:#9fca37}

.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin:33px 15px 0 0;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #718b2e;
  *background-color: #718b2e;
  background-image: -moz-linear-gradient(top, #a5cf3b, #718b2e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a5cf3b), to(#718b2e));
  background-image: -webkit-linear-gradient(top, #a5cf3b, #718b2e);
  background-image: -o-linear-gradient(top, #a5cf3b, #718b2e);
  background-image: linear-gradient(to bottom, #a5cf3b, #718b2e);
  background-repeat: repeat-x;
  border: none;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cf3b', endColorstr='#718b2e', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
		  outline:0;
		  position:absolute; top:0; right:0;
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #718b2e;
  *background-color: #a5cf3b;
}

.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #a5cf3b \9;
}

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}

.input{ color:#656565}
.textarea{ color:#656565}

.placeholder { color: #C5C5C5}
::-webkit-input-placeholder { color:#C5C5C5}
::-moz-placeholder { color:#C5C5C5}

.input{ width:95.8%; height:20px; float:left; background:#FFFFFF; box-shadow:inset #d7d7d7 0 0 12px; border:1px solid #d7d7d7; border-radius:9px; behavior: url(PIE.htc); position:relative; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:18px; padding:5px 2%}

.btn-primary{ height:30px; float:left; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; text-align:center; cursor:pointer; text-shadow:#6a4702 0 1px 2px; line-height:30px; background:#ff6c00; box-shadow:#d25a02 0 4px 0; border-radius:5px; behavior: url(PIE.htc); position:relative; padding:0 30px}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled]{ text-decoration:none; text-shadow:#9a9751 1px 1px; background:#fbc9a3; box-shadow:#f2a469 0 4px 0}
.btn-primary:active, .btn-primary.active{ height:28px; text-shadow:#6a4702 0 1px 2px; background: #ff6c00; border:1px solid #d85a03; box-shadow:none; line-height:28px; padding:0 29px}

.btn-warning{ height:46px; float:left; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; text-align:center; cursor:pointer; text-shadow:#57752c 0 1px 0px; line-height:46px; background:#4c4e48; box-shadow:#3c3d3a 0 4px 0; border-radius:5px; behavior: url(PIE.htc); position:relative; padding:0 55px}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled]{ text-decoration:none; background:#b5b6b2; box-shadow:#9b9b9b 0 4px 0}
.btn-warning:active, .btn-warning.active{ height:44px; background:#4c4e48; border:1px solid #3d3d3d; box-shadow:none; line-height:44px; padding:0 54px}

.btn-green{ height:38px; float:left; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; text-align:center; cursor:pointer; text-shadow:#678f1a 1px 1px 0; line-height:38px; background:#9fca37; border:none; box-shadow:#85ad25 0 4px 0; border-radius:5px; behavior: url(PIE.htc); position:relative; padding:0 50px}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .btn-green.disabled, .btn-green[disabled]{ text-decoration:none; background:#d1eb91; box-shadow:#b8d76c 0 4px 0}
.btn-green:active, .btn-green.active{ background:#9fca37; border:1px solid #7ea326; box-shadow:none}

.btn-signup{ float:right; position:absolute; top:0; right:0}
.btn-signup a{ width:137px; height:35px; float:left; background:url(../img/btn-signup.png) no-repeat; font-family:"AvantGardeDemiRegular",Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; text-shadow:#ab3500 0 1px 0px; text-decoration:none; padding-top:5px}
.btn-signup a span{ background:url(../img/arrow04.png) no-repeat right center; padding:0 57px 0 20px}

.header-right { float:right; padding:30px 0 0 0}
.header-right p{ font-size:18px; color:#9fca37; font-family:"AvantGardeDemiRegular",Arial, Helvetica, sans-serif; background: url(../img/icon_phone.png) no-repeat 0 2px; padding:0 0 5px 30px}

/* bannerinfo */
.bannerinfo{ width:100%; float:left; background:url(../img/bg_bannerinfo.jpg) no-repeat top center; padding:12px 0 65px 0}
.bannerinfo .btn-signup{ top:-12px}
.bannerinfo h1{ font-size:65px; line-height:1em; padding-bottom:15px}
.bannerinfo h1 span{ font-size:36px; line-height:.5em}
.bannerinfo p{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF; line-height:38px; padding-bottom:19px}
.bannerinfo p a{ color:#FFFFFF}
.bannerinfo .btn-primary{ height:46px; font-size:18px; line-height:46px; padding:0 55px; margin-right:26px}
.bannerinfo .btn-primary:active, .btn-primary.active{ height:44px; line-height:44px; padding:0 54px}
.articleleft{ width:45.5%; float:left}
.articleleft figure{ width:100%; float:left; text-align:center; padding-bottom:23px; margin:0 0 0 -4.8%; position:relative}

.articleright{ width:42%; float:right; padding:31px 0 0 0}
.articleright h1{ color:#4c4e48; text-align:right; text-shadow:#acaaaa 3px 3px 9px}
.articleright h1 a{ color:#4c4e48}
.articleright p{ color:#4c4e48; text-align:right; padding-right:0}
.articleright p a{ color:#4c4e48}
.articleright figure{ text-align:right; padding-bottom:10px; margin-right:-6.6%}
.articleright .btns{ float:right}

/* partners */
.bgcontainerhome{ width:100%; float: left; background:#FFFFFF}
.partners{ width:100%; float:left; padding:25px 0 6px 0}
.partners h2{ font-size:24px; color:#6c6c6c; font-weight:normal; text-align:center; padding-bottom:29px}
.partners aside{ width:800px; margin:0 auto}
.partners figure{ float:left; line-height:76px; margin:0 20px; padding-bottom:28px}
.partners figure a .show{ display:block}
.partners figure a .hide{ display:none}
.partners figure a:hover .show{ display:none}
.partners figure a:hover .hide{ display:block}
.partners article{ width:101%; float:left; margin-right:-1%}
.partners article figure{ margin:0 26px; padding-bottom:30px}

/* loginform */
.loginform{ width:100%; float:left; background:url(../img/noise02.gif) repeat; padding:37px 0 50px 0}
.loginform h3{ font-size:24px; color:#FFFFFF; text-align:center; padding-bottom:10px}
.loginform fieldset{ width:703px;margin: 0 auto;padding-top: 25px;}
.loginform .input{ width:30.78%; height:22px; background:#FFFFFF; border:none; box-shadow:none; border-radius:9px; font-size:20px; padding:9px 2%; margin-right:3.9%}
.loginform .placeholder { color: #9d9d9d}
.loginform ::-webkit-input-placeholder { color:#9d9d9d}
.loginform ::-moz-placeholder { color:#9d9d9d}

/* footer */
footer{ width:100%; float:left; background:#000000 url(../img/bg_logo.gif) no-repeat top center; padding:29px 0 0 0}
footer article{ width:81.6%; float:right; padding:0 0 58px 0}
footer article aside{ width:21.32%; float:left}
footer article aside h3{ color:#9fca37; padding-bottom:4px}
footer article aside ul{ width:100%; float:left}
footer article aside ul li{ width:100%; float:left; font-size:12px; color:#bfbfbf; padding-bottom:3px}
footer article aside ul li a{ color:#bfbfbf}
footer article aside ul li a:hover{ color:#9fca37}
footer article .solutions{ width:24.50%}
footer article .services{ width:28%}
footer article .sociallinks{ width:26.12%}
footer article .sociallinks h3{ padding-bottom:18px}
footer article .sociallinks ul { padding-bottom:35px}
footer article .sociallinks ul li{ width:auto; padding-right:10px}
footer article .sociallinks ul li a{ width:32px; height:32px; float:left; background:url(../img/facebook01.png) no-repeat; text-indent:-9999px}
footer article .sociallinks ul li .twitter{ background:url(../img/twitter01.png) no-repeat}
footer article .sociallinks ul li .rss{ background:url(../img/rss01.png) no-repeat}
footer article .sociallinks ul li .youtube{ background:url(../img/youtube01.png) no-repeat}
footer article .sociallinks fieldset{ width:100%; height:30px; float:left; background:#FFFFFF; border-radius:5px; behavior: url(PIE.htc); position:relative}
footer article .sociallinks .input{ width:72.8%; height:22px; background:none; border:none; box-shadow:none; border-radius:0; font-size:14px; padding:4px 5%}
footer article .sociallinks .placeholder { color: #bfbfbf}
footer article .sociallinks ::-webkit-input-placeholder { color:#bfbfbf}
footer article .sociallinks ::-moz-placeholder { color:#bfbfbf}
footer article .sociallinks .btn-orange{ width:36px; height:30px; float:right; background:#ff3a00; background:-moz-linear-gradient(#ffa000, #ff3a00); background: -webkit-gradient(linear, left top, left bottom, from(#ffa000), to(#ff3a00)); background: -o-linear-gradient(#ffa000, #ff3a00); -pie-background: linear-gradient(#ffa000, #ff3a00); border:1px solid #ff6a00; border-radius:0 5px 5px 0; behavior: url(PIE.htc); position:relative; font-family:"AvantGardeDemiRegular", Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-align:center; text-decoration:none; cursor:pointer; line-height:30px}
footer article .sociallinks .btn-orange:hover{ background:#ffa000; background:-moz-linear-gradient(#ffa000, #ffa000); background: -webkit-gradient(linear, left top, left bottom, from(#ffa000), to(#ffa000)); background: -o-linear-gradient(#ffa000, #ffa000); -pie-background: linear-gradient(#ffa000, #ffa000); border:1px solid #ff6a00;}
footer article .sociallinks .btn-orange:active{ background:#ff3a00; background:-moz-linear-gradient(#ffa000, #ff3a00); background: -webkit-gradient(linear, left top, left bottom, from(#ffa000), to(#ff3a00)); background: -o-linear-gradient(#ffa000, #ff3a00); -pie-background: linear-gradient(#ffa000, #ff3a00); box-shadow:inset #fd7b54 0 1px 4px}

footer .copyright{ width:100%; float:left; background:url(../img/shadow11.png) no-repeat top center; padding:17px 0 23px 0}
footer .copyright p{ font-size:12px; color:#fbfbfb; text-align:center}
footer .copyright p span{ margin:0 3px}
footer .copyright p a{ color:#fbfbfb}
footer .copyright p img{ margin:-9px 0 0 3px}


/* Landing Page */
.bgcontainertop{ width:100%; float:left; background:url(../img/noise01.gif) repeat}
.bgcontainer{ width:100%; float:left; background:url(../img/bg_container.jpg) repeat-x top center}
.bgcontainertopgrey{ width:100%; float:left; background:url(../img/grey-bg-noise.gif) repeat}
.bgcontainergrey{ width:100%; float:left; background:url(../img/bg_container_grey.jpg) repeat-x top center}

.containerinner{ width:900px; margin:0 auto}

.ribbonbar{ width:308px; height:87px; float:left; background:url(../img/ribbonbar01.png) no-repeat; margin:-33px 0 0 -5.5%; position:relative}
.ribbonbar h2{ font-size:24px; color:#FFFFFF; font-weight:normal; text-shadow:#8f300d 0 2px 1px; line-height:80px; padding-left:34px}
.ribbonbar h2 a{ color:#FFFFFF}

.headinginner{ width:100%; float:left; padding:73px 0 56px 0}
.headinginner h1{ float:left}
.headinginner aside { width:45.5%; float:right; padding:26px 0 0 0; margin-bottom:-40px}
.headinginner aside p{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF; text-align:right; line-height:35px}
.headinginner aside p a{ color:#FFFFFF}

.section1{ width:100%; float:left; padding:20px 0 0 0}
.section1 h1{ text-shadow:#6f8d27 2px 2px 9px; padding-bottom:35px}
.section1 .videoinfo{ width:55.88%; float:left; background:url(../img/shadow06.png) no-repeat bottom center; padding-bottom:22px}
.section1 .videoinfo figure{ width:97.75%; float:left; background:#FFFFFF; padding:1.1%}
.section1 .videoinfo .video-container{ padding-bottom:51%}

.section1 .form{ width:37.22%; float:right}
.section1 .form fieldset{ width:99.5%; float:left; background:#ea4c11 url(../img/gradient01.gif) repeat-y top center; border:1px solid #9a741d; border-radius:10px; behavior: url(PIE.htc); position:relative; padding:18px 0 20px 0}
.section1 .form h3{ font-family:"avantgardedemiregularregular", Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; text-align:center; text-shadow:#a64314 2px 2px 2px; padding-bottom:17px}
.section1 .form ul{ width:86.4%; float:left; padding:0 6.8% 0 6.8%}
.section1 .form ul li{ width:100%; float:left; padding-bottom:12px}
.section1 .form .input{ text-align:center; margin-bottom:0}
.section1 .form .placeholder { color: #C5C5C5}
.section1 .form ::-webkit-input-placeholder { color:#C5C5C5}
.section1 .form ::-moz-placeholder { color:#C5C5C5}
.section1 .form .btns{ width:158px; margin:0 auto}

.section1 .bgdetails{ width:100%; float:left; background:url(../img/shadow07.png) no-repeat bottom center; padding:22px 0}
.section1 .details{ width:100%; float:left; background:#f1efef}
.section1 .articles{ width:94%; float:left; padding:20px 3% 0 3%}
.section1 .articles h2{ padding-bottom:13px}
.section1 .articles h3{ font-size:24px; color:#656565; padding-bottom:23px}
.section1 .articles h3 span{ color:#9fca37; font-weight:bold}
.section1 .articles p{ line-height:24px; padding-bottom:26px}
.section1 .articles article{ width:48%; float:left; padding:5px 0 0 0}
.section1 .articles aside{ width:55.6%; float:right; margin:0 -8.5% -35px 0; position:relative; z-index:10}
.section1 .articles aside figure{ width:100%; float:left; line-height:.5em}

.section1 .details .form{ width:100%; float:left}
.section1 .details .form h3{ font-size:16px; letter-spacing:1px; padding-bottom:23px}
.section1 .details .form fieldset{ width:100%; background:url(../img/gradient02.gif) repeat-y top center; border:none; border-radius:0; padding-bottom:30px}
.section1 .details .form ul{ width:92.8%; padding:0 3.6% 0 3.6%}
.section1 .details .form ul li{ width:25.77%; padding:0 9px 0 0}
.section1 .details .form .input{ width:89.8%; font-size:14px; text-align:left; padding:5px 5%; margin-bottom:0}
.section1 .details .form .btns{ width:auto; float:left; padding:0}
.section1 .details .form .btn-green{ height:30px; font-size:14px; line-height:30px; padding:0 56px}

.section1 .bgribbonbar{ width:100%; float:left}

.section1 .googleinfo{ width:45%; float:left; background:url(../img/shadow08.png) no-repeat bottom center; padding:20px 0 10px 5%; margin-bottom:25px}
.section1 .googleinfo figure{ float:left; margin:-4px 0 -30px 0}
.section1 .googleinfo .asideinfo{ width:100%; float:left}
.section1 .googleinfo .text0{ width:50%; float: left; font-size:30px; color:#696969; font-weight:bold; text-transform:uppercase; line-height:29px; padding-left:15px; margin-bottom:-20px}
.section1 .googleinfo .text1{ float: left; font-size:23px; color:#696969; font-weight:bold; text-transform:uppercase; line-height:29px; padding-top:30px; margin-bottom:-20px; padding-left:5px;}
.section1 .googleinfo .text1 span{ color:#696969; font-size:25px; text-align:left; padding-left:10px;}
.section1 .googleinfo .text2{ width:70%; float:left; font-size:23px; color:#696969; font-weight:bold; text-transform:uppercase; line-height:42px; padding-bottom:0px; text-align:center; padding-top:30px;}
.section1 .googleinfo .text3{ width:100%; float:left; font-size:23px; color:#696969; font-weight:bold; text-transform:uppercase; line-height:42px; text-align:center; }
.section1 .googleinfo .text2 span{ font-size:66px}
.section1 .googleinfo .text2 .grow{ color: #696969;font-size: 74px;text-align: center;padding-bottom: 10px;padding-top: 10px;}
.section1 .googleinfo .number{ float:left; font-family:"ubunturegular", Arial, Helvetica, sans-serif; font-size:77px; color:#fd661e; padding-top:20px}

.section1 .learninfo{ width:46%; float:right; padding:0 1% 20px 0; margin-top:-10px}
.section1 .learninfo h2{ font-size:48px; font-weight:normal}
.section1 .learninfo ul{ width:100%; float:left}
.section1 .learninfo ul li{ font-size:14px; background:url(../img/bullet01.gif) no-repeat 0 5px; line-height:24px; padding:0 0 10px 32px}
.section1 .learninfo ul li a{ color:#656565}

/* Case Study */
.section2{ width:100%; float:left; background:url(../img/shadow03.png) no-repeat bottom center; padding-bottom:25px; margin-bottom:24px}
.section2 .ribbonbar{ margin:23px 0 -25px -20px}

.section2 .articles{ width:100%; float:left; background:#FFFFFF; padding:40px 0 0 0}
.section2 article{ width:55%; float:left; padding:0 0 0 3.9%}
.section2 article h2{ padding-bottom:20px}
.section2 article p{ line-height:23px; padding-bottom:12px}
.section2 article .links{ width:100%; float:left; background:url(../img/divider01.gif) repeat-x top left; padding:17px 0 0 0}
.section2 article .links ul{ float:right}
.section2 article .links ul li{ float:left; padding:7px 0 0 18px}
.section2 article .links ul li a{ width:32px; height:27px; float:left; background:url(../img/icon_comments01.png) no-repeat;text-indent: -9999px;text-decoration: none;cursor: default;}
.section2 article .links ul li .email{ background:url(../img/icon_email01.png) no-repeat}
.section2 article .links ul li .setting{ background:url(../img/icon_setting01.png) no-repeat}
.section2 article .links ul li .user{ background:url(../img/icon_user01.png) no-repeat}
.section2 article .links ul li a.content{ background:url(../img/icon_content.png) no-repeat 0 4px}
.section2 article .links ul li a.news{ background:url(../img/icon_enews.png) no-repeat 0 4px}
.section2 article .links ul li a.emarketing{ background:url(../img/icon_emarketing.png) no-repeat 0 4px}
.section2 article .links ul li a.social{ background:url(../img/icon_social.png) no-repeat 0 4px}

.section2 article .links ul li a.intranet{ background:url(../img/intranet.png) no-repeat 0 4px}
.section2 article .links ul li a.file-sharing{ background:url(../img/file-sharing.png) no-repeat 0 4px}
.section2 article .links ul li a.web-design{ background:url(../img/web-design.png) no-repeat 0 4px}
.section2 article .links ul li a.data-encryption{ background:url(../img/data-encryption.png) no-repeat 0 4px}
.section2 article .links ul li a.rebranding{ background:url(../img/rebranding.png) no-repeat 0 4px}
.section2 article .links ul li a.process-management{ background:url(../img/process-management.png) no-repeat 0 4px}
.section2 article .links ul li a.competitor-differentiation{ background:url(../img/competitor-differentiation.png) no-repeat 0 4px}
.section2 article .links ul li a.product-catalogue{ background:url(../img/product-catalogue.png) no-repeat 0 4px}
.section2 article .links ul li a.google-map{ background:url(../img/google-map.png) no-repeat 0 4px}
.section2 article .links ul li a.CRM{ background:url(../img/CRM.png) no-repeat 0 4px}
.section2 article .links ul li a.iOS{ background:url(../img/iOS.png) no-repeat 0 4px}
.section2 article .links ul li a.android{ background:url(../img/android.png) no-repeat 0 4px}
.section2 article .links ul li a.games{ background:url(../img/games.png) no-repeat 0 4px}
.section2 article .links ul li a.stock-management{ background:url(../img/stock-management.png) no-repeat 0 4px}
.section2 article .links ul li a.online-ordering{ background:url(../img/online-ordering.png) no-repeat 0 4px}
.section2 article .links ul li a.business-management{ background:url(../img/business-management.png) no-repeat 0 4px}
.section2 article .links ul li a.customer-loyalty{ background:url(../img/customer-loyalty.png) no-repeat 0 4px}
.section2 article .links ul li a.talent-management{ background:url(../img/talent-management.png) no-repeat 0 4px}
.section2 article .links ul li a.user-friendly-interface{ background:url(../img/user-friendly-interface.png) no-repeat 0 4px}
.section2 article .links ul li a.product-development{ background:url(../img/product-development.png) no-repeat 0 4px}
.section2 article .links ul li a.inventory-management{ background:url(../img/inventory-management.png) no-repeat 0 4px}
.section2 article .links ul li a.performance-management{ background:url(../img/performance-management.png) no-repeat 0 4px}
.section2 article .links ul li a.licensing{ background:url(../img/licensing.png) no-repeat 0 4px}
.section2 article .links ul li a.e-commerce{ background:url(../img/e-commerce.png) no-repeat 0 4px}
.section2 article .links ul li a.service-innovation{ background:url(../img/service-innovation.png) no-repeat 0 4px}

.section2 article .links ul li a.mobile-apps{ background:url(../img/mobile-apps.png) no-repeat 0 4px}
.section2 article .links ul li a.job-management{ background:url(../img/job-management.png) no-repeat 0 4px}
.section2 article .links ul li a.task-management{ background:url(../img/task-management.png) no-repeat 0 4px}
.section2 article .links ul li a.e-learning{ background:url(../img/elearning.png) no-repeat 0 4px}
.section2 article .links ul li a.cms{ background:url(../img/cms.png) no-repeat 0 4px}
.section2 article .links ul li a.responsive{ background:url(../img/mobile-apps.png) no-repeat 0 4px}
.section2 article .links ul li a.sales-management{ background:url(../img/sales-management.png) no-repeat 0 4px}



.section2 aside{ width:40.2%; height:242px; float:right; background:url(../img/bg_photo.png) no-repeat top left}
.section2 aside figure{ width:100%; float:left; text-align:center; padding:0 1%}
.section2 aside figure img{ border-radius:7px; behavior: url(PIE.htc); position:relative}

/* Case Study - Single */
.btn-back{ width:100%; float:left}
.btn-back a{ width:165px; height:33px; float:left; background:url(../img/btn_back.png) no-repeat; font-size:10px; color:#9fca37; font-weight:bold; text-align:center; text-decoration:none; line-height:33px}
.btn-back a span{ background:url(../img/arrow01.png) no-repeat 0 0; padding-left:19px}

.contentinner{ width:100%; float:left; background:#FFFFFF}

.slider{ width:92.2%; float:left; padding:0 3.9%; margin:30px 0; position:relative}
.slider figure{ width:100%; float:left; line-height:.5em}
.slider article{ width:51%; float:left; position:absolute; bottom:0; right:3.9%}
.slider aside { width:93%; float:left; background:url(../img/trans02.png) repeat; padding:8px 0 14px 7%}
.slider aside h2{ font-family:"avantgardedemiregularregular", Arial, Helvetica, sans-serif; font-size:35px; color:#FFFFFF; font-weight:normal}
.slider aside h2 a{ color:#FFFFFF}
.slider aside p{ font-family:"avantgardedemiregularregular", Arial, Helvetica, sans-serif; font-size:17px; color:#FFFFFF}
.slider aside p a{ color:#FFFFFF}
.slider .previous, .next{ width:28px; height:28px; float:left; background:url(../img/arrow_previous01.png) no-repeat; text-indent:-9999px; position:absolute; top:124px; left:5.4%}
.slider .next{ background:url(../img/arrow_next01.png) no-repeat; left:auto; right:5.4%}

.section3{ width:92.2%; float:left; padding:0 3.9% 23px 3.9%}
.section3 h3{ padding:0 0 25px 0}
.section3 p{ line-height:23px}
.section3 .toparticle{ width:100%; float:left; padding:10px 0  35px 0}
.section3 .toparticle aside{ width:70%; float:left}
.section3 .toparticle aside .full {width:100%}
.section3 .toparticle aside h3 { color:#9fca37}
.section3 .toparticle aside h3 a{ color:#9fca37}
.section3 .toparticle aside p{ padding:0 0 15px 0}
.section3 .toparticle .webinfo{ width:25%;float: left;padding-left: 20px;}
.section3 .toparticle .webinfo h3{ color:#ff6c00; padding:0 0 24px 0}
.section3 .toparticle .webinfo h3 a{ color:#ff6c00}
.section3 .toparticle .webinfo ul{ width:100%; float:left}
.section3 .toparticle .webinfo ul li{ color:#656565; padding:0 0 26px 0 }
.section3 .toparticle .webinfo ul li a{ color:#656565;padding: 8px 0 4px 58px;text-decoration: none;cursor: default;}
.section3 .toparticle .webinfo ul li a.content{ background:url(../img/icon_content.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.news{ background:url(../img/icon_enews.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.emarketing{ background:url(../img/icon_emarketing.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.social{ background:url(../img/icon_social.png) no-repeat 0 4px}

.section3 .toparticle .webinfo ul li a.intranet{ background:url(../img/intranet.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.file-sharing{ background:url(../img/file-sharing.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.web-design{ background:url(../img/web-design.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.data-encryption{ background:url(../img/data-encryption.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.rebranding{ background:url(../img/rebranding.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.process-management{ background:url(../img/process-management.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.competitor-differentiation{ background:url(../img/competitor-differentiation.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.product-catalogue{ background:url(../img/product-catalogue.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.google-map{ background:url(../img/google-map.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.CRM{ background:url(../img/CRM.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.iOS{ background:url(../img/iOS.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.android{ background:url(../img/android.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.games{ background:url(../img/games.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.stock-management{ background:url(../img/stock-management.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.online-ordering{ background:url(../img/online-ordering.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.business-management{ background:url(../img/business-management.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.customer-loyalty{ background:url(../img/customer-loyalty.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.talent-management{ background:url(../img/talent-management.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.user-friendly-interface{ background:url(../img/user-friendly-interface.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.product-development{ background:url(../img/product-development.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.inventory-management{ background:url(../img/inventory-management.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.performance-management{ background:url(../img/performance-management.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.licensing{ background:url(../img/licensing.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.e-commerce{ background:url(../img/e-commerce.png) no-repeat 0 4px}
.section3 .toparticle .webinfo ul li a.service-innovation{ background:url(../img/service-innovation.png) no-repeat 0 4px}

.section3 article{ width:100%; float:left; padding:0 0 45px 0}
.section3 article figure{ width:47.61%; float:left; line-height:.5em; padding:0 4.88% 0 0}
.section3 article aside{ width:47.51%; float:right}
.section3 .article1 aside{ float:left}
.section3 .article1 figure{ float:right; padding:0 0 0 4.88%}

.section3 .results{ width:107.6%; height:159px; float:left; background:url(../img/ribbonbar02.png) no-repeat top left; margin-left:-7.6%}
.section3 .results h1{ width:27.18%; float:left; font-size:40px; text-align:center; padding:50px 0 0 0 }
.section3 .results p{ width:57.28%; float:left; color:#FFFFFF; padding:25px 15.54% 0 0}

/* Sales and Marketing */
.topinfo{ width:100%; float:left; padding:74px 0 30px 0}
.topinfo article{ width:63.5%; float:left}
.topinfo article h1{ text-shadow:#5d7620 2px 2px 9px; padding-bottom:14px}
.topinfo article p{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; padding-bottom:70px}
.topinfo article .btn-primary{ height:46px; font-size:18px; line-height:46px; padding:0 56px}
.topinfo article .play{ width:180px; float:right; margin-top:-35px}
.topinfo article .play h2{ float:left; padding:0 12px 0 0}
.topinfo article .play .arrow{ float:right}
.topinfo aside{ width:36.1%; float:right; background:url(../img/shadow09.png) no-repeat bottom center; padding-bottom:23px}
.topinfo aside figure{ width:97.4%; float:left; background:#FFFFFF; padding:1.3%; position:relative}
.topinfo aside .figurecaption{ width:97.3%; float:left; position:absolute; bottom:1.9%; left:0; margin:0 1.3%}
.topinfo aside .info{ width:100%; float:left; background:url(../img/trans02.png) repeat; padding:10px 0 10px 0}
.topinfo aside .info p{ float:left; font-size:12px; color:#FFFFFF; line-height:18px; padding:0 0 0 12px}
.topinfo aside .info p span{ font-weight:bold}
.topinfo aside .info p a{ color:#FFFFFF}
.topinfo aside .info .arrow{ width:24px; height:24px; float:right; background:url(../img/arrow03.png) no-repeat; text-indent:-9999px; margin:5px 23px 0 0}

.sidenavi{ width:100%; float:left}
.sidenavi ul{ width:100%; float:left; background:#E1E1E1 url(../img/bg_leftnavi.png) no-repeat top left; border-radius:5px; behavior:url(PIE.htc); position:relative; padding:30px 0 10px 0; margin:-7px 0 0 -7px}
.sidenavi ul li{ color:#4c4e48; font-weight:bold; padding:0 0 20px 16.88%}
.sidenavi ul li a{ color:#4c4e48; padding:0 0 5px 0}
.sidenavi ul li a:hover{ color:#ffffff; text-decoration:none; background:url(../img/divider02.png) repeat-x bottom left}
.sidenavi ul li a.active{ color:#ffffff; text-decoration:none; background:url(../img/divider02.png) repeat-x bottom left}

.sidenaviGreen { width:100%; float:left}
.sidenaviGreen ul{ width:100%; float:left; background:#9fc937 url(../img/bg_leftnaviGreen.png) no-repeat top left; border-radius:5px; behavior:url(PIE.htc); position:relative; padding:30px 0 10px 0; margin:-7px 0 0 -7px}
.sidenaviGreen ul li{ color:#4c4e48; font-weight:bold; padding:0 0 20px 16.88%}
.sidenaviGreen ul li a{ color:#4c4e48; padding:0 0 5px 0}
.sidenaviGreen ul li a:hover{ color:#ffffff; text-decoration:none; background:url(../img/divider02.png) repeat-x bottom left}
.sidenaviGreen ul li a.active{ color:#ffffff; text-decoration:none; background:url(../img/divider02.png) repeat-x bottom left}

.rightinfo{ width:94.1%; float:right; padding:35px 5.9% 0 0}
.rightinfo h2{ padding:0 0 8px 0}
.rightinfo article{ width:100%; float:left; background:url(../img/shadow05.png) no-repeat bottom center; padding:0 0 30px 0}
.rightinfo article aside{ width:63%; float:left; text-align:left; padding:35px 0 0 0}
.rightinfo article figure{ width:33.24%; float:right}
.rightinfo article aside h3{ padding:0 0 16px 0}
.rightinfo article aside p{ line-height:23px}

.rightinfo .article1{ float:left}
.rightinfo .article1 aside{ width:59.97%; float:right; text-align:right}
.rightinfo .article1 figure{ width:34%; float:left; line-height:.5em}

.rightinfo .article2{ float:left}
.rightinfo .article2 aside{ width:66.02%}
.rightinfo .article2 figure{ width:33.92%}

.rightinfo .article3{ float:left}
.rightinfo .article3 aside{ width:54%}
.rightinfo .article3 .bgbtns{ width:25.67%; height:233px; float:right; background:url(../img/shadow10.png) no-repeat top center; padding:0 4% 0 4%; margin:-15px 3.17% -15px 0; position:relative}
.rightinfo .article3 .btns{ width:178px; float:left; position:relative}
.rightinfo .article3 .btn-submit{ width:100%; height:27px; float:left; background:url(../img/gradient03.gif) repeat-x top left; border:1px solid #b43700; box-shadow:inset #ffffff 0 1px 0; border-radius:5px; behavior: url(PIE.htc); position:relative; font-size:14px; color:#FFFFFF; text-align:center; text-decoration:none; text-shadow:#381800 0 1px 1px; line-height:27px; cursor:pointer; margin-top:100px}
.rightinfo .article3 .btns:hover .bginfo{ position:absolute; display:block}
.rightinfo .article3 .btns .bginfo{ width:178px; float:left; position:absolute; bottom:34px; left:0; display: none}
.rightinfo .article3 .btns .bginfo a{ width:auto; height:auto; background:none; border:none; line-height:normal}
.rightinfo .article3 .btns .info{ width:176px; float:left; background:#FFFFFF; border:1px solid #a2a2a2}
.rightinfo .article3 .btns .info p{ font-size:12px; color:#787878; line-height:19px; padding:5px 10px}

.rightinfo .article4{ padding:0 0 20px 0}
.rightinfo .article4 aside{ width:56.35%; float:left; text-align:left; padding:52px 4.62% 0 0}
.rightinfo .article4 figure{ width:39.03%; float:right}

.bottomlinks{ width:95.6%; float:left; padding:10px 0 0 4.4%}
.bottomlinks aside{ width:36.08%; height:117px; float:left; background:url(../img/img_arrowbar.png) no-repeat}
.bottomlinks aside p{ font-size:18px; font-family:"avantgardedemiregularregular",Arial, Helvetica, sans-serif; line-height:20px; color:#FFFFFF; text-align:center; text-shadow:#709b1d 0 1px 0; padding:38px 23% 0 21%}
.bottomlinks article{ width:58.89%; float:left; padding:26px 0 8px 5.03%}
.bottomlinks article ul{ width:43%; float:left}
.bottomlinks article ul.right{ padding-left:14%}
.bottomlinks article ul li{ font-size:18px; padding:0 0 32px 0 }
.bottomlinks article ul li a{ color:#656565; padding:3px 0 6px 48px;cursor: default;text-decoration: none;}
.bottomlinks article ul li a.content{ background:url(../img/icon_content.png) no-repeat 0 2px}
.bottomlinks article ul li a.news{ background:url(../img/icon_enews.png) no-repeat 0 2px}
.bottomlinks article ul li a.emarketing{ background:url(../img/icon_emarketing.png) no-repeat 0 2px}
.bottomlinks article ul li a.social{ background:url(../img/icon_social.png) no-repeat 0 2px}


.bottomlinks article  ul li a.intranet{ background:url(../img/intranet.png) no-repeat 0 4px}
.bottomlinks article  ul li a.file-sharing{ background:url(../img/file-sharing.png) no-repeat 0 4px}
.bottomlinks article  ul li a.web-design{ background:url(../img/web-design.png) no-repeat 0 4px}
.bottomlinks article  ul li a.data-encryption{ background:url(../img/data-encryption.png) no-repeat 0 4px}
.bottomlinks article  ul li a.rebranding{ background:url(../img/rebranding.png) no-repeat 0 4px}
.bottomlinks article  ul li a.process-management{ background:url(../img/process-management.png) no-repeat 0 4px}
.bottomlinks article  ul li a.competitor-differentiation{ background:url(../img/competitor-differentiation.png) no-repeat 0 4px}
.bottomlinks article  ul li a.product-catalogue{ background:url(../img/product-catalogue.png) no-repeat 0 4px}
.bottomlinks article  ul li a.google-map{ background:url(../img/google-map.png) no-repeat 0 4px}
.bottomlinks article  ul li a.CRM{ background:url(../img/CRM.png) no-repeat 0 4px}
.bottomlinks article  ul li a.iOS{ background:url(../img/iOS.png) no-repeat 0 4px}
.bottomlinks article  ul li a.android{ background:url(../img/android.png) no-repeat 0 4px}
.bottomlinks article  ul li a.games{ background:url(../img/games.png) no-repeat 0 4px}
.bottomlinks article  ul li a.stock-management{ background:url(../img/stock-management.png) no-repeat 0 4px}
.bottomlinks article  ul li a.online-ordering{ background:url(../img/online-ordering.png) no-repeat 0 4px}
.bottomlinks article  ul li a.business-management{ background:url(../img/business-management.png) no-repeat 0 4px}
.bottomlinks article  ul li a.customer-loyalty{ background:url(../img/customer-loyalty.png) no-repeat 0 4px}
.bottomlinks article  ul li a.talent-management{ background:url(../img/talent-management.png) no-repeat 0 4px}
.bottomlinks article  ul li a.user-friendly-interface{ background:url(../img/user-friendly-interface.png) no-repeat 0 4px}
.bottomlinks article  ul li a.product-development{ background:url(../img/product-development.png) no-repeat 0 4px}
.bottomlinks article  ul li a.inventory-management{ background:url(../img/inventory-management.png) no-repeat 0 4px}
.bottomlinks article  ul li a.performance-management{ background:url(../img/performance-management.png) no-repeat 0 4px}
.bottomlinks article  ul li a.licensing{ background:url(../img/licensing.png) no-repeat 0 4px}
.bottomlinks article  ul li a.e-commerce{ background:url(../img/e-commerce.png) no-repeat 0 4px}
.bottomlinks article  ul li a.service-innovation{ background:url(../img/service-innovation.png) no-repeat 0 4px}

/* Contact */
.contactus{ width:87.1%; float:left; padding:42px 8.1% 55px 4.8%}
.contactus h2{ color:#9fca37; padding-bottom:25px}
.contactus .contactform{ width:45.1%; float:left}
.contactus .contactform p{ text-align:right; padding-bottom:12px}
.contactus .contactform p a{ color:#9fca37}
.contactus .contactform label{ width:28.1%; float:left; font-size:14px; text-align:right; padding:3px 4.4% 0 0}
.contactus .contactform .input{ width:61.4%; height:20px; background:#ffffff; border:1px solid #d7d7d7; border-radius:3px; font-size:14px; padding:4px 2.5%; margin-bottom:18px}
.contactus .contactform .placeholder { color: #C5C5C5}
.contactus .contactform ::-webkit-input-placeholder { color:#C5C5C5}
.contactus .contactform ::-moz-placeholder { color:#C5C5C5}
.contactus .contactform .textarea{ width:61.4%; height:145px; float:left; background:#ffffff; border:1px solid #d7d7d7; border-radius:3px; behavior:url(PIE.htc); position:relative; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:14px; padding:4px 2.5%; margin-bottom:18px}

.contactus .contactform .capcha{ width:100%; float:left; text-align:right}
.contactus .contactform .capcha img{ margin:3px 0 6px 0}
.contactus .contactform .btn-green{ float:right; margin-top:3px}

.contactus .offices{ width:48.8%; float:right; background:url(../img/shadow02.png) no-repeat left 12px; padding-left:4%}
.contactus .offices h3{ color:#9fca37; padding:0 0 1px 6px}
.contactus .offices p{ line-height:1.8em}
.contactus .offices p .heading{ color:#9fca37}
.contactus .offices article{ width:100%; float:left; background:url(../img/divider03.png) repeat-x bottom left; padding-bottom:14px; margin-bottom:21px}
.contactus .offices aside{ width:50%; float:left; padding-left:1%}
.contactus .offices .map{ width:100%; float:left; background:url(../img/shadow04.png) no-repeat bottom center; padding-bottom:14px; margin-bottom:11px}
.contactus .offices .right{ width:48.94%; padding:0}

ul.indent {margin: 0 0 10px 25px;}
li.disc {list-style-type: disc;}

.demo{ width:87.1%; float:left; padding:42px 8.1% 55px 4.8%}
.demo .demoform p{ text-align:left;font-size: 14px; padding-bottom:12px}
.demo .demoform h3{ text-align:center;}
.demo .demoform p a{ color:#9fca37}
.demo .demoform label{ float:left; font-size:14px; text-align:right; padding:3px 4.4% 0 0}
.demo .demoform .input{ height:20px; background:#ffffff; border:1px solid #d7d7d7; border-radius:3px; font-size:14px; padding:4px 2.5%; margin-bottom:18px}
.demo .demoform .placeholder { color: #C5C5C5}
.demo .demoform ::-webkit-input-placeholder { color:#C5C5C5}
.demo .demoform ::-moz-placeholder { color:#C5C5C5}
.demo .demoform .textarea{ height:145px;float: none; background:#ffffff; border:1px solid #d7d7d7; border-radius:3px; behavior:url(PIE.htc); position:relative; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:18px}
.btn-demo-green{ height:38px; float:left; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; text-align:center; cursor:pointer; text-shadow:#678f1a 1px 1px 0; line-height:38px; background:#9fca37; border:none; box-shadow:#85ad25 0 4px 0; border-radius:5px; behavior: url(PIE.htc); position:relative;}
.btn-demo-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .btn-green.disabled, .btn-green[disabled]{ text-decoration:none; background:#d1eb91; box-shadow:#b8d76c 0 4px 0}
.btn-demo-green:active, .btn-green.active{ background:#9fca37; border:1px solid #7ea326; box-shadow:none}

h3.requesthelp {color:#9fca37}
h5.requesthelp { color: #9fca37;font-weight: bold;display: inline;}

p.motto {font-family: "TitilliumText25L002", Arial, Helvetica, sans-serif;font-size: 18px;color: #8f8f8f;line-height: 1em;padding-bottom: 10px;}
p.about { padding-bottom: 10px;}

.aboutus{ width:87.1%; float:left; padding:42px 8.1% 55px 4.8%; background-color: #fff;}
.aboutus h2{ color:#9fca37; padding-bottom:25px}
.aboutus .aboutinfo{ width:45.1%; float:left}
.aboutus .aboutinfo p{ text-align:left; padding-bottom:12px}
.aboutus .aboutinfo p a{ color:#9fca37}
.aboutus .aboutinfo label{ width:28.1%; float:left; font-size:14px; text-align:right; padding:3px 4.4% 0 0}
.aboutus .aboutinfo .input{ width:61.4%; height:20px; background:#ffffff; border:1px solid #d7d7d7; border-radius:3px; font-size:14px; padding:4px 2.5%; margin-bottom:18px}
.aboutus .aboutinfo .placeholder { color: #C5C5C5}
.aboutus .aboutinfo ::-webkit-input-placeholder { color:#C5C5C5}
.aboutus .aboutinfo ::-moz-placeholder { color:#C5C5C5}
.aboutus .aboutinfo .textarea{ width:61.4%; height:145px; float:left; background:#ffffff; border:1px solid #d7d7d7; border-radius:3px; behavior:url(PIE.htc); position:relative; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:14px; padding:4px 2.5%; margin-bottom:18px}

.aboutus .aboutphoto{ width:48.8%; float:right; background:url(../img/shadow02.png) no-repeat left 12px; padding-left:4%}
.aboutus .aboutphoto h3{ color:#9fca37; padding:0 0 1px 6px}
.aboutus .aboutphoto p{ line-height:1.8em}
.aboutus .aboutphoto p .heading{ color:#9fca37}
.aboutus .aboutphoto article{ width:100%; float:left; background:url(../img/divider03.png) repeat-x bottom left; padding-bottom:14px; margin-bottom:21px}
.aboutus .aboutphoto aside{ width:50%; float:left; padding-left:1%}
.aboutus .aboutphoto .map{ width:100%; float:left; background:url(../img/shadow04.png) no-repeat bottom center; padding-bottom:14px; margin-bottom:11px}
.aboutus .aboutphoto .right{ width:48.94%; padding:0}

.sitemapDiv li {
	margin: 3px;
}