﻿section#globe {
  overflow: hidden;
  height: 640px;
  padding-top: 50px;
}
section#globe .central {
  z-index: 10;
}
section#globe hgroup {
  height: 100%;
  margin-top: 45px;
  padding: 0;
  border: none;
}
section#globe hgroup h1,
section#globe hgroup h2 {
  float: left;
  width: 400px;
}
/*section#globe hgroup h1 {
    font-family: 'Normal';
    color:#0a4a84;
    font-size: 24px;
    margin-bottom: 10px;
}
section#globe hgroup h2 {
  color: #8e959c;
  font-size:16px;
  font-weight: normal;
  line-height: 1.4em;
}*/
section#globe hgroup ul#brands {
  float: right;
  width: 351px;
  height: 209px;
  margin: 0;
}
section#globe hgroup ul#brands li {
  float: left;
  width: 111px;
  height: 65px;
  background: rgba(255, 255, 255, 0.35);
  border: 1px solid #dbe0e5;
  margin: 0 4px 4px 0;
}
section#globe hgroup ul#brands li:hover {
  background: #ffffff;
}
section#globe hgroup ul#brands li .brand {
  float: left;
  width: 100%;
  height: 100%;
  text-align:center;
  white-space: nowrap;
  overflow: hidden;
  background: url('../images/customers/brandgrid.png') no-repeat;
}
section#globe hgroup ul#brands li .brand img {
    margin-top:7px;
    height:50px;
}
section#globe hgroup ul#brands li.brand2 .brand {
  background-position: -111px 0;
}
section#globe hgroup ul#brands li.brand3 .brand {
  background-position: -222px 0;
}
section#globe hgroup ul#brands li.brand4 .brand {
  background-position: 0 -65px;
}
section#globe hgroup ul#brands li.brand5 .brand {
  background-position: -111px -65px;
}
section#globe hgroup ul#brands li.brand6 .brand {
  background-position: -222px -65px;
}
section#globe hgroup ul#brands li.brand7 .brand {
  background-position: 0 -130px;
}
section#globe hgroup ul#brands li.brand8 .brand {
  background-position: -111px -130px;
}
section#globe hgroup ul#brands li.brand9 .brand {
  background-position: -222px -130px;
}

ul#caseStudies {
  float: left;
  margin: 0 0 50px 64px;
}
ul#caseStudies li {
  float: left;
  width: 259px;
  background: rgba(246, 246, 248, 0.5);
  margin: -60px 10px 0 10px;
  padding: 3px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  behavior: url('http://treo.com.tr/styles/PIE.htc');
}
ul#caseStudies li .inner {
  float: left;
  width: 237px;
  padding: 10px;
  border: 1px solid #e0e5e9;
  background: url('../images/customers/casestudies.png') top left no-repeat #ffffff;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  behavior: url('http://treo.com.tr/styles/PIE.htc');
}

ul#caseStudies li .inner .logo {
    text-align: center;
    width:100%;
    height:100px;
    margin: 0;
}

ul#caseStudies li .inner .desc {
    padding:10px 20px;
    padding-bottom: 20px;
    margin-bottom:20px;

    border-bottom:solid 1px #eaeaeb;
}

ul#caseStudies li .inner .logos {
    text-align: center;
}

ul#caseStudies li .inner .logos  img {
    height: 40px;
}

#tweets {
  text-align: center;
  padding-top:30px;
}
#tweets h3 {
  float: left;
  width: 840px;
  font-size-adjust: 0.48;
  font-weight: 200;
  font-style: normal;
  font-size: 22px;
  letter-spacing: 0.03em;
  line-height: 1.5em;
}
#tweets h3 a {
  float: left;
  width: 30px;
  height: 30px;
  margin: 0 0 0 400px;
  background: #72d0eb url('images/twitter-icon.png') no-repeat 0 9px;
  text-indent: -9000px;
  overflow: hidden;
  -khtml-border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  behavior: url('http://treo.com.tr/styles/PIE.htc');
}
#tweets h3 a:hover {
  background-color: #2fbae1;
}
#tweets h3 .line {
  float: left;
  width: 100%;
  background: url('images/hr.gif') repeat-x center;
  margin: 10px 0 0 0;
}
#tweets h3 .line span {
  background: #ffffff;
  padding: 0 10px;
}
#tweets ul {
  float: left;
  width: 800px;
  margin: 50px 0 65px 30px;
  clear: both;
}
#tweets ul li {
  float: left;
  text-align: left;
  width: 350px;
  margin: 0 25px;
}
#tweets ul li p {
  font-size: 16px;
  line-height: 20px;
}
#tweets ul li p a.mention,
#tweets ul li p a.link {
  color: #8e959c;
}
#tweets ul li p a.mention:hover,
#tweets ul li p a.link:hover {
  color: #19a9e5;
}
#tweets ul li p a.hash {
  display: none;
}
#tweets ul li .info {
  float: left;
  width: 100%;
  margin: 15px 0 0 0;
}
#tweets ul li .info a {
  float: left;
  width: 30px;
  height: 30px;
  overflow: hidden;
  margin: 0 10px 0 0;
  -khtml-border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  behavior: url('http://treo.com.tr/styles/PIE.htc');
}
#tweets ul li .info time {
  float: left;
  line-height: 30px;
  font-size: 12px;
  color: #adb3b9;
}