/* Custom CSS */
body {
  background: #fff;
  color: #fff;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, fieldset, p { 
  color: #fff;
}

#container {
  background: #47413d;
  padding-bottom: 36px;
}

.wrapper {
  margin: 0 auto;
  width: 950px;
}

#header {
  background: #282625;
  height: 35px;
  border-bottom: 1px solid #57504c;
  position: relative;
}

#logo {
  float: left;
  padding-left: 40px;
  height: 36px;
}

#logo a {
  display: block;
  position: relative;
  width: 104px;
  height: 20px;
  background: url(../images/logo.png) no-repeat;
  margin: 8px 0 0 0;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
}
#nav {
  height: 36px;
  margin: 0 40px 0 0;
  overflow: hidden;
  padding: 0;
  float: right;
}

#nav li {
  float: left;
  height: 36px;
  margin: 0;
  padding: 0;
}

#nav a {
  float: left;
  color: #978981;  
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase;  
  width: 78px;
  height: 25px;
  border-left: 1px solid #282625;
  border-right: 1px solid #57504c;
  padding-top: 10px;
  text-indent: 10px;
  border-bottom: 1px solid #57504c;
}

#nav li.first a {
  border-left: 1px solid #57504c;
}

#nav a:hover {
  color: #fff;
  background: #333;
  border-left: 1px solid #333;
  border-right: 1px solid #57504c;
}

#nav a:focus, #nav a.active {
  color: #fff;
  background: #47413d;
  border-left: 1px solid #47413d;
  border-right: 1px solid #57504c;
}

#nav a.active {
  border-bottom: 1px solid #47413d;
}

#breadcrumb {
  background: #47413d;
  border-bottom: 1px solid #57504c;
  margin: 0 0 16px 0;
}

.breadcrumb {
  margin: 0;
  padding: 5px 40px;
  color: #fff;
  font-weight: bold;
  font-size: 0.9em;
}

.breadcrumb .begin {
  color: #b2b2b2;
}

.breadcrumb .divider {
  color: #71cef5;
}

.breadcrumb a {
  color: #71cef5 !important;
  font-weight: bold;
}

#tabs, #messages {
  background: #47413d;
}

#content {
  background: #47413d;
  border-bottom: 1px solid #57504c;  
}

#content .wrapper  {
  padding: 0 40px 18px 40px;
  width: 870px;  
}

#services-front {
  float: left;
  width: 510px;
  margin-top: 10px;  
}  

#services-front h2, #platform h2 {
  padding-left: 20px;
}

#services-front .top, #services-front .bottom {
  width: 510px;
  height: 16px;
  background-image: url(../images/services-front-bg.png);
}  

#services-front .top {
  background-position: top;
  background-repeat: no-repeat;
}  

#services-front .bottom {
  background-position: bottom;
  background-repeat: no-repeat;
}  

#services-front .collapsible {
  border-left: 1px solid #57504c;
  border-right: 1px solid #57504c;
  border-bottom: 1px solid #57504c;
  padding: 0 0 0 20px;  
}

#services-front .collapsible p {
  padding-right: 20px;
  font-size: 1em;
  padding-bottom: 6px;
  margin-bottom: 0;
}

#services-front h3 a, #platform h3 a, #services-overview h3 a {
  color: #71cef5;
  text-decoration: none;
  display: block;  
  margin: 0;
  padding: 6px 0;
  height: 20px;
}

#services-front h3, #platform h3, #services-overview h3 {
  margin: 0;
  padding: 0;
}

#services-front h3 a:hover, #platform h3 a:hover,  #services-overview h3 a:hover {
  color: #f68428;
}

#services-front div.collapsed h3 a {
  background: url(../images/collapsed.png) no-repeat 455px 6px;
}

#services-front div.expanded h3 a {
  background: url(../images/expanded.png) no-repeat 455px 6px;
}

#services-overview .collapsible {
  margin: 0 0 0 20px;
  border-bottom: 1px solid #57504c;  
}

#services-overview div.collapsed h3 a {
  background: url(../images/collapsed-small.png) no-repeat 0 50%;
}

#services-overview div.expanded h3 a {
  background: url(../images/expanded-small.png) no-repeat 0 50%;
}

#services-overview h3 a {
  text-indent: 20px;
}

#services-overview .collapsible p {
  color: #b2b2b2;
}

#services-overview .spacer {
  height: 18px;
}

.collapsed p {
  display: none;
}

#platform {
  float: left;
  width: 350px;
  margin-top: 10px;
  padding-left: 10px;
}

#platform #platform-previous a, #platform #platform-next a {
  display: block;  
  width: 36px;
  height: 22px;
  text-indent: -9999px;
  overflow: hidden;
}

#platform #platform-previous a  {
  background: url(../images/platform-scroll-bg.png) no-repeat 0 0;
  margin: 0 0 9px 157px;
}

#platform #platform-previous a:hover {
  background: url(../images/platform-scroll-bg.png) no-repeat -36px 0;
}

#platform #platform-next a {
  background: url(../images/platform-scroll-bg.png) no-repeat 0 -22px;
  margin: 9px 0 0 157px;
}

#platform #platform-next a:hover {
  background: url(../images/platform-scroll-bg.png) no-repeat -36px -22px;
}

#platform .top, #platform .bottom {
  width: 350px;
  height: 16px;
  background-image: url(../images/platform-front-bg.png);
}  

#platform .top {
  background-position: top;
  background-repeat: no-repeat;
}  

#platform .bottom {
  background-position: bottom;
  background-repeat: no-repeat;
}  

#platform .node-platform {
  border-left: 1px solid #57504c;
  border-right: 1px solid #57504c;
  padding: 0 0 0 20px;  
}

#platform img {
  float: left;
  padding: 5px 16px 5px 0;
  margin: 0;
}  

#platform p {
  padding-right: 20px;
  font-size: 1em;
  padding-bottom: 0;
  margin-bottom: 0;
}

#footer {
  background: #fff url(../images/footer-bg.png) repeat-x top;
  margin: 0;
  height: 216px;
  padding-bottom: 18px;
}

#footer .wrapper {
  color: #47413d;
  padding: 18px 40px;
  width: 870px;    
}

#footer h3 {
  margin-bottom: 0;
}  

#footer .block {
  float: left;
}

#footer .links {  
  float: left;
  padding-right: 40px;
}

#footer ul li a, #footer ul li.title {
  font-size: 11px;
  color: #47413d;
  text-decoration: none;
}

#footer ul li.title ul li {
  font-size: 100%;
}

#footer a:hover {
  text-decoration: underline;
}

#footer ul {
  padding: 0 0 10px 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
}

#footer ul li ul {
  padding: 0;
}

#footer ul li {
  font-weight: bold;
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: 1.25em;
}

#footer ul li ul li {
  font-weight: normal;
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
}

#footer #block-block-1 {
  width: 600px;
}

#footer #block-block-2 {
  width: 260px;
}

#footer #block-block-3 {
  clear: left;
  text-align: center;
  margin: 6px 0 18px 70px;  
  width: 870px;
  background: url(../images/footer-logo.png) no-repeat left center;  
}

#footer #block-block-3 p {
  font-size: 90%;
  color: #47413d;
  text-align: left;
  margin: 0 0 0 144px;
  padding-left: 20px;
  border-left:  1px solid #978981;
}

#footer #block-block-3 a {
  color: #f68428;  
}

#footer thead th, #footer th {
  padding-top: 0;
  margin-top: 0;
  vertical-align: top;
  background: none;
  border: none;
  font-weight: bold;
  font-size: 11px;
  color: #47413d;
}

#footer td {
  padding-top: 0;
  margin-top: 0;
  font-size: 11px;
  color: #47413d;
}
  
div.block, #footer p, #footer ul {
  margin-bottom: 0;
}

.tabs {
  margin: 0 40px;
}

a, a:link, a:visited, a:focus, a:active, a.project-front p .more, a.project-overview p .more {
  color: #f68428;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  color: #f68428;
  text-decoration: underline;
}

a.project-front p .more:hover, a.project-overview p .more:hover { 
  text-decoration: underline;
}
   
p.intro {
  padding: 0 0 12px 0;
  margin: 0;
}

.front p.intro {
  padding: 18px 0;
}

ul.primary, .front p.intro {
  border-bottom: 1px solid #57504c;
}

ul.primary {
  line-height: 1.6em;
}

ul.primary li a {
  background: #978981;
  color: #fff;
}

ul.primary li.active a { 
  background: #47413d;
  color: #fff;
  border-bottom: none;
  border-bottom: 1px solid #47413d;
}

ul.primary li a:hover { 
  background: #47413d;
  color: #fff;
}


div.node {
  border-bottom: none;
  padding: 0;
  margin: 0;
}

fieldset {
  background: none;
}

fieldset legend {
  background: none;
}

div.help p {
  color: #000;
}

a.project-front {
 margin: 18px 0 18px 34px;
 float: left;
 width: 192px;
 height: 252px;
 background: url(../images/project-front-bg.png) left 144px no-repeat;
 text-decoration: none;
 font-style: normal;
}

a.first {
  margin-left: 0;
}

a.project-front:hover {
 background: url(../images/project-front-bg.png) left bottom no-repeat;
 text-decoration: none; 
}

a.project-front img {
  border: 1px solid #57504c;
} 

a.project-front .teaser {
  height: 106px;
}

a.project-front:hover h3, a.project-front:hover p {
  text-decoration: none; 
}

a.project-front h3 {
  font-size: 1.1em;
  font-weight: bold;
}

a.project-front p {
  font-size: 0.9em; 
  color: #b2b2b2;
}

a.project-front:hover p {
 color: #fff;
}

a.project-front:hover p .more, a.project-overview:hover p .more  {
  color: #71cef5;
}

a.project-front h3, a.project-front p {
  padding: 8px 8px 4px 8px;
  margin: 0;
  line-height: 14px;
  text-decoration: none;
}

a.project-overview {
 margin: 0 0 18px 0;
 float: left;
 height: 144px;
 width: 870px;
 text-decoration: none;
 font-style: normal;
 color: #b2b2b2;
}

a.project-front:hover {
 background: url(../images/project-front-bg.png) left bottom no-repeat;
 text-decoration: none; 
}

a.project-overview img {
  border: 1px solid #57504c;
} 

a.project-overview img, a.project-overview .teaser, a.project-overview .attributes {
  float: left;
} 

a.project-overview .teaser {
  width: 318px;
  padding: 0 20px;
  height: 142px;  
}

a.project-overview .teaser p {
  color: #978981;
  font-weight: normal;
}

a.project-overview .teaser, a.project-overview .attributes {
  border-top: 1px solid #57504c;
  border-bottom: 1px solid #57504c;  
}

a.project-overview .teaser h3 {
  color: #71cef5;
  text-decoration: none;
  margin: 0;
  padding: 16px 0 10px 0;
  height: 20px;
}

a.project-overview .attributes {  
  padding-top: 21px;
  height: 121px;  
}

a.project-overview .attributes th, a.project-overview .attributes td, .project .attributes th, .project .attributes td {  
  margin: 0;
  padding: 0 0 1em 0;
  vertical-align: top;
  background: none;
  border: none;
  font-style: italic;
}

a.project-overview .attributes table {
  width: 300px;
  padding: 0;
  margin: 0;
}

a.project-overview .attributes th, .project .attributes th {  
  width: 100px;
  color: #b2b2b2;
  font-weight: normal;
  line-height: 1em;
}

a.project-overview .attributes td, .project .attributes td {
  width: 200px;
  color: #282625;
  font-weight: normal;
  line-height: 1em;
}

a.project-overview .right {
 float: left;
 background: url(../images/project-overview-bg.png) 0 0 no-repeat;
 width: 20px;
 height: 144px;
}

a.project-overview:hover {
 background: #282625;
 text-decoration: none; 
}

a.project-overview:hover .teaser h3 {
  color: #f68428;
  text-decoration: none;
}

a.project-overview:hover .teaser p {
  color: #fff;
  text-decoration: none;
}

a.project-overview:hover .attributes td, .project .attributes td {
  color: #71cef5;
  text-decoration: none;
}

a.project-overview:hover .right {
 background: url(../images/project-overview-bg.png) -20px 0 no-repeat;
}

ul.pager li.pager-current {
  background: #282625;
  color: #f68428;
  font-weight: normal;
}

ul.pager a, ul.pager li.pager-current {
  border:1px solid #57504c;
}

ul.pager a:link, ul.pager a:visited {
  color: #b2b2b2;
}
ul.pager a, ul.pager li.pager-current {
  border: 1px solid #57504c;
}

ul.pager a:hover, ul.pager a:focus, ul.pager a:active {
  background: #282625;
  color: #f68428;
  border: 1px solid #57504c;
}

#project-image {
  width: 400px;
  height: 300px;
  margin: 0;
  padding: 0;
  float: left;
  border: 1px solid #57504c;
}

.project a#previous, .project a#next {
  float: left;  
  width: 22px;
  height: 36px;
  text-indent: -9999px;
  overflow: hidden;  
  padding: 0;
}

.project a#previous  {
  background: url(../images/image-scroll-bg.png) no-repeat 0 0;
  margin: 132px 18px 132px 0;
}

.project a#previous:hover {
  background: url(../images/image-scroll-bg.png) no-repeat 0 -36px;
}

.project a#next {
  background: url(../images/image-scroll-bg.png) no-repeat -22px 0;
  margin: 132px 0 132px 18px;
}

.project a#next:hover {
  background: url(../images/image-scroll-bg.png) no-repeat -22px -36px;
}

.project .quote {
  float: left;
}

.project table {
  width: inherit;
}

.project .attributes th, .project .attributes td {
  padding: 0;
  line-height: 1.5em;
}

.project #attributes {  
  float: left;
  width: 520px;  
}

.project #attributes .attributes {
  clear: left;
  float: left;
  margin-top: 2em;
  width:400px;
}

.project .video {
  margin-left: 430px;
}  

.project-content {
  float: left;
  width: 350px;
}  
.project-content .text {
  padding: 0 20px;
  background: #282625;
  border-left: 1px solid #57504c;
  border-right: 1px solid #57504c;
}
  
.project-content .top, .project-content .bottom {
  width: 350px;
  height: 16px;
  background-image: url(../images/project-bg.png);
}  

.project-content .top {
  background-position: top;
  background-repeat: no-repeat;
}  

.project-content .bottom {
  margin-top: -18px;
  background-position: bottom;
  background-repeat: no-repeat;
}

.project .project-video {
  float: left;
  border: 1px solid #57504c;
}

.project .projects {
  float: left;
  width: 470px;
  margin-right: 30px;
}

.project .projects h2 {
  padding: 10px 0 0 0;
  margin: 0;
}

.project .projects a {
  font-size: 1.2em;
  text-decoration: none;
  padding: 0;
  width: 470px;
}

.project .projects a .title {
  color: #71cef5;
  float: left;
  width: 300px;
  padding-left: 20px;
}

.project .projects a .date {
  color: #fff;
  float: right;
  width: 130px;
  font-style: italic;
  text-align: right;
  padding-right: 20px;
}


.project .projects a.overview {
  background: url(../images/collapsed-small.png) no-repeat right 50%;
  color: #b2b2b2;
  float: left;
  margin: 10px 0 0 340px;
  overflow: hidden;
  padding: 0;
  width: 134px;
}

.project .projects a:hover .title, .project .projects a:hover .date {
  color: #F68428;
}

.project .projects a.overview:hover {
  text-decoration: underline;
 }

.project .projects ul, .project .projects li {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

#images-a, #images-b {
  margin-top: 1em;
}

#images-a a, #images-b a {
  float: left;
  height: 83px;
  width: 83px;  
  background: #282625;
  margin: 0 4px 4px 0;
} 

#images-a a:hover, #images-b a:hover {
  background: #f68428;
} 


#images-a a img, #images-b a img {
  padding: 4px;
  margin: 0;
}

.flickr-nav {
  float: right;
  padding-right: 4px;
}
  
div.line, div.flickr, div.project-line, div.job-line {
  margin: 0 0 16px 0;
  padding: 0;
  height: 1px;
  clear: both;
  border-bottom: 1px solid #57504c;
}

div.project-line {
  height: 20px;
  margin-bottom: 8px;
}

.projects div.line {
  height: 6px;
  margin: 0 0 6px 0;
}    

div.job-line {
  clear: none;
  height: 9px;
  margin: 0 0 9px 0;
}

div.flickr {
  clear: both;
  height: 16px;
}

div.vision.line {
 margin: 4px 0;
}

#services-overview div.line {
  margin: 20px 0 12px 0;
}

div.employee.odd, div.employee.even {
  float: left;
  width: 390px;
  background: url(../images/employee-bg.png) left bottom no-repeat;
  padding: 0 20px;
  margin-bottom: 18px;
}

.employee img {
  margin-left: -20px;
  border-bottom: 1px solid #57504c; 
}

div.odd {
  margin-right: 10px;
}

.employee h3, .jobs h3 {
  color: #71cef5;
  margin: 0;
  padding: 6px 0 1px 0;
  height: 20px;
}
.employee .job-title {
  line-height: 1em;
  color: #b2b2b2;
  padding-bottom: 8px;
}

.employee p, .jobs p {
  padding: 0;
  margin: 0;
}

.employee th, .employee td {
  color: #b2b2b2;
  background: none;
  border: none;
  padding: 8px 0 0 0;
  margin: 0;
  line-height: 1em;
}

.employee th {
  width: 100px;
}

.jobs {
  padding: 0;
  margin: 0;
  float: left;
  width: 430px;
}

.jobs h4 {
  font-weight: bold;  
  color: #b2b2b2;
  margin-bottom: 0;
}

tr.even. tr.odd {
  background: none;
}

tr.odd td {
  background-color: #282725;
}

tr.even td {
  background-color: #3c3b3b;
}
.block-region {
  color: #000;
}

div.block.with-block-editing div.edit {
  left: 0;
  top: -10px;
  right: inherit;
}

#messages {
  padding: 0 40px;
}

div.ok, tr.ok, div.admin-dependencies, div.admin-required {
  color: #ccc;
}

span.form-required, span.marker {
  color: #fff;
}

div.error, tr.error {
  color: #71cef5;
  background: #fff;
}

blockquote {
  margin: 1em 0 0 0;
  padding: 0;
  background: none;
  font-style: normal;
  font-size: 2em;
  width: 400px;  
  color: #fff;
  text-align: center;
}

.contact-bg {
  background: #282725;
  padding: 0 20px;
  border-left: 1px solid #57504c;
  border-right: 1px solid #57504c;
}

.contact-bg-top {
  background:  url(../images/content-bg.png) left top no-repeat;
  height: 20px;
}

.contact-bg-bottom {
  background: #282725 url(../images/content-bg.png) left bottom no-repeat;
  height: 20px;
}

#map-content {
  padding-top: 18px;
}

#map-content table, #map-content table tbody {
  margin: 0;
  padding: 0;
  width: 100%;
  vertical-align: top;
}

#map-content table th {
  background: none;
  border: none;
  color: #fff;
  font-size: 1.3em;
  font-style: italic;
}

#map-content table td {
  vertical-align: top;
}

/* Google maps */
#map {
  border: none;
  width: 830px !important;
  overflow: hidden;
  height: 324px;
  background-color: #47413d !important;
  padding : 0;
  margin: 0;
}

.gmnoprint, .gmnoprint p {
  color: #000;
}

#print {
  text-align:right;
  visibility:hidden;
}

div.messages.success {
  border: 2px solid #282725;
  color: #71cef5;
  background: #fff;
}

#helper-contact-form #edit-name-wrapper,#helper-contact-form #edit-mail-wrapper, #helper-contact-form #edit-website-wrapper {
  float: left;
  margin: 0 36px 0 0;
  padding: 0;
}

#helper-contact-form #edit-website-wrapper {
  margin: 0;
}

#helper-contact-form #edit-name-wrapper input, #helper-contact-form #edit-mail-wrapper input, #helper-contact-form #edit-website-wrapper input {
  width: 232px;
  height: 26px;
  background: url(../images/input-small-bg.png) left top no-repeat;
  border: none;
  color: #fff;
  padding: 10px 10px 0 10px;
}

#helper-contact-form #edit-subject-wrapper input {
  width: 810px;
  height: 26px;
  background: url(../images/input-bg.png) left top no-repeat;
  border: none;
  color: #fff;
  padding: 10px 10px 0 10px;
}

#helper-contact-form #edit-message-wrapper textarea {
  width: 810px;
  border: none;
  color: #fff;
  background: #47413d url(../images/input-big-bg.png) left top no-repeat;
  padding: 10px 10px 0 10px;
}

#helper-contact-form #edit-name-wrapper label, #helper-contact-form #edit-mail-wrapper label, #helper-contact-form #edit-website-wrapper label, #helper-contact-form #edit-subject-wrapper label, #helper-contact-form #edit-message-wrapper label {
  font-size: 1.3em;
  font-style: italic;
  padding-left: 10px;
}

#helper-contact-form #edit-subject-wrapper {
  clear: both;
  padding-top: 18px;
}

#helper-contact-form fieldset {
  background: none;
  border: none;
  margin: 20px 0 -40px 0;
  padding: 0;
} 

#helper-contact-form fieldset legend {
  border: none;
  padding: 0;
  margin: 0;
  font-size: 1.3em;
  font-style: italic;
  padding: 0 0 0 10px;
}

.captcha .description {
  width: 250px;
  float: left;
}

.captcha img {
  float: left;
  margin: 0 140px 0 0;
  padding: 0;
}

#edit-captcha-response-wrapper {
  float: left;
  margin: 0;
  padding: 0;
}

 #edit-captcha-response-wrapper .description {
  width: 290px;
}

#edit-captcha-response {
width: 232px;
  height: 26px;
  background: url(../images/input-small-bg.png) left top no-repeat;
  border: none;
  color: #fff;
  padding: 10px 10px 0 10px;
}

#helper-contact-form #edit-submit {
  position: relative;
  left: 680px;
  top: -15px;
  background: url(../images/submit-bg.png) left top no-repeat;
  border: none;
  width: 144px; 
  height: 36px;
  color: #fff;
  font-weight: bold;
}

a.press {
  font-size: 1.4em;
  text-decoration: none;
  padding: 0;
}

a.press .title {
  color: #71cef5;
  float: left;
  width: 365px;
  padding-left: 20px;
}

a.press .date {
  color: #b2b2b2;
  float: left;
  width: 160px;
}

a.press .source {
  color: #b2b2b2;
  float: left;
  width: 190px;
}

a.press .download {
  color: #fff;
  font-style: italic;
  float: left;
  width: 120px;
}

a.press:hover .title, a.press:hover .date, a.press:hover .source, a.press:hover .download {
  color: #f68428;
  text-decoration: none;
}