/* reset CSS first - HTML5 edition */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, section, nav, article, aside, dialog, figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  text-rendering: optimizeLegibility;
  background: #111;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  font-family: arial, sans-serif;
  text-align: center; }

a:link, a:visited {
  color: #333; }

a:hover {
  color: #0e5819; }

em {
  font-style: normal;
  color: #158226; }

.scaffold {
  width: 960px;
  margin: 0 auto;
  text-align: left; }

header {
  background: #f2f2f2;
  height: 90px;
  width: 100%;
  float: left;
  border-bottom: 1px solid #333;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000; }
  header nav {
    float: right; }
    header nav#main {
      margin: 27px 27px 0 0;
      font-family: "arial narrow", arial, sans-serif; }
      header nav#main li {
        float: left;
        margin: 0 0 0 70px;
        font-size: 30px;
        line-height: 36px; }
        header nav#main li a:link, header nav#main li a:visited {
          color: #333;
          text-decoration: none;
          -webkit-transition: color 0.3s ease-out; }
          header nav#main li a:link.current, header nav#main li a:visited.current {
            color: #158226; }
        header nav#main li a:hover {
          color: #158226; }
          header nav#main li a:hover.current {
            color: #158226;
            cursor: default; }
    header nav#lang li {
      float: left;
      margin: 12px 0 0 6px;
      font-size: 12px;
      line-height: 12px; }
      header nav#lang li a:link, header nav#lang li a:visited {
        color: #999;
        text-decoration: none; }
        header nav#lang li a:link.current, header nav#lang li a:visited.current {
          color: #333; }
      header nav#lang li a:hover {
        color: #000;
        text-decoration: none; }
        header nav#lang li a:hover.current {
          color: #333;
          cursor: default; }

#content {
  background: white url("../images/grass.jpg") left bottom repeat-x;
  color: #000;
  min-height: 295px;
  width: 100%;
  float: left;
  padding-bottom: 160px;
  padding-top: 91px; }
  #order #content {
    padding-bottom: 360px; }
  #content .scaffold {
    position: relative;
    min-height: 295px; }
    #home #content .scaffold {
      background: transparent url("../images/main-bg.png") 0 0 no-repeat; }
  #content article {
    margin: 18px 0; }
    #content article:first-child {
      margin-top: 36px; }
    #content article figure {
      float: right;
      margin: 0 0 9px 18px; }
      #content article figure img {
        box-shadow: 1px 1px 2px #333333;
        -moz-box-shadow: 1px 1px 2px #333333;
        -webkit-box-shadow: 1px 1px 2px #333333; }
  #content h2 {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 9px; }
  #content h3 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 9px; }
  #content p {
    margin: 0 0 9px 0; }
    #content p a:link, #content p a:visited {
      color: #0e5819; }
    #content p a:hover {
      text-decoration: none; }
  #content ul {
    margin: 0 0 9px 0;
    list-style-type: square;
    list-style-position: inside; }
    #content ul li {
      line-height: 18px; }

.product {
  float: left;
  width: 920px;
  margin: 45px 0 0 40px;
  font-size: 14px; }
  .product .holder {
    float: left;
    width: 240px;
    margin-right: 36px; }
  .product h3 {
    width: 240px;
    padding-left: 6px;
    float: left;
    background: #f5f5f5;
    color: #0e5819;
    line-height: 27px;
    margin: 0 0 3px 0; }
  .product table.productdata {
    float: left;
    width: 240px; }
    .product table.productdata th {
      padding: 0 24px 0 6px;
      border-bottom: 1px solid #ccc;
      line-height: 27px;
      font-weight: normal;
      color: #000; }
    .product table.productdata td {
      border-bottom: 1px solid #ccc;
      line-height: 27px;
      color: #666; }
      .product table.productdata td.prodesc {
        padding: 9px 0;
        font-size: 12px;
        line-height: 18px; }
  .product figure {
    float: left; }

hgroup#logo {
  width: 812px;
  height: 151px;
  background: transparent url("../images/big-logo.png") 0 0 no-repeat;
  text-indent: -5000px;
  position: absolute;
  top: 90px;
  left: 74px; }

header h1 a:link, header h1 a:visited {
  float: left;
  width: 240px;
  height: 45px;
  background: transparent url("../images/small-logo.png") 0 0 no-repeat;
  text-indent: -5000px;
  margin: 22px 0 0 0; }

footer {
  background: #111111 url("../images/footer-bg.png") 0 0 repeat-x;
  min-height: 155px;
  width: 100%;
  float: left;
  padding: 27px 0 0 0; }
  footer nav {
    float: left;
    margin: 0 36px 0 0;
    color: #9c9a9a; }
    footer nav h5 {
      color: #fff;
      margin-bottom: 9px; }
    footer nav a:link, footer nav a:visited {
      color: #9c9a9a;
      text-decoration: none;
      -webkit-transition: color 0.3s ease-out; }
    footer nav a:hover {
      color: #fff; }
    footer nav.last {
      float: right;
      margin: 0 0 0 0; }

.projectblock {
  width: 440px;
  border: 1px solid #ccc;
  margin: 18px 0;
  padding: 18px 12px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px; }
  .projectblock h4 {
    font-size: 18px; }
  .projectblock img {
    float: left;
    margin: 0 36px 18px 0; }
  .projectblock div {
    width: 280px;
    float: right; }
    .projectblock div.fig {
      float: left;
      width: 144px; }
  .projectblock figcaption {
    display: block;
    text-align: center; }

.first {
  float: left; }

.second {
  float: right; }

#surfrider h4 {
  color: #00448e;
  margin-bottom: 18px; }

#intro {
  float: left;
  margin: 36px 0; }
  #intro h5 {
    font-size: 14px;
    margin: 36px 0 0 0;
    font-weight: normal;
    color: #158226; }

.step {
  float: left;
  width: 912px;
  margin: 36px 0 0 0;
  border: 1px solid #158226;
  padding: 18px 24px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: white url("../images/minigrass.jpg") bottom right no-repeat; }
  .step.inactive {
    opacity: 0.3;
    border: 1px solid #999;
    background: #f8f8f8; }
  .step h3 {
    font-size: 18px;
    line-height: 27px;
    color: #158226;
    padding: 0 0 18px 0; }
    .step h3 em {
      font-style: normal;
      font-weight: normal;
      color: #4c4c4c; }
  .step h4 {
    font-size: 16px;
    line-height: 27px;
    color: #0e5819;
    margin: 0 0 9px 0; }
  .step .shopitem {
    float: left;
    text-align: center;
    border: 1px solid #ddd;
    width: 120px;
    height: 120px;
    margin: 0 24px 18px 0;
    -webkit-transition: all 0.5s ease-out; }
    .step .shopitem h5 {
      color: #0e5819;
      margin: 9px 0; }
  .step .project {
    float: left;
    text-align: center;
    border: 1px solid #ddd;
    width: 180px;
    padding: 18px 12px;
    min-height: 144px;
    margin: 0 24px 18px 0;
    -webkit-transition: all 0.5s ease-out; }
    .step .project h5 {
      margin-bottom: 18px; }
    .step .project div {
      width: 72px;
      float: right; }
    .step .project p {
      margin: 9px 0;
      font-size: 11px; }

.hovered, .buy {
  border: 1px solid #158226 !important; }

.nobuy {
  opacity: 0.4; }

#step2 div {
  float: left; }
  #step2 div.totprice {
    margin-left: 24px; }
  #step2 div .button {
    margin-left: 6px; }

.button, .button:visited {
  background: #999999 url("../images/buttoncover.png") repeat-x;
  display: inline-block;
  padding: 3px 10px 4px;
  color: #fff !important;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  border-style: none; }
  .button -moz-focus-inner, .button:visited -moz-focus-inner {
    padding: 0; }

input.button {
  padding: 6px 12px 7px; }

.style1 {
  background: #999 !important; }

.style1:hover {
  background: #666 !important; }

.style2 {
  background: #158226 !important; }

.style2:hover {
  background: #116c20 !important; }

.style3 {
  background: #9f180c !important; }

.style3:hover {
  background: #87140a !important; }

.small {
  padding: 1px 6px 2px !important;
  font-size: 11px !important; }

table.order {
  float: left;
  width: 420px;
  font-size: 14px; }
  table.order th {
    padding: 0 24px 0 6px;
    border-bottom: 1px solid #ccc;
    line-height: 36px;
    font-weight: normal;
    color: #000; }
  table.order td {
    border-bottom: 1px solid #ccc;
    line-height: 36px;
    color: #666; }

.submit {
  padding: 36px 0 0 0;
  width: 100%;
  float: left; }
  .submit .button {
    margin-left: 330px; }


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

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

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


/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { white-space:normal; color:#000; }


/* SEMANTIC ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic ul.errors { color:#cc0000; margin:0.5em 0 1.5em 25%; list-style:square; }
form.formtastic ul.errors li { padding:0; border:none; display:list-item; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { overflow:auto; } /* clearing contained floats */
form.formtastic fieldset.inputs { }
form.formtastic fieldset.buttons { padding-left:25%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li { margin-bottom:1.5em; }
form.formtastic fieldset > ol > li { overflow:auto; } /* clearing contained floats */

form.formtastic fieldset > ol > li.required { }
form.formtastic fieldset > ol > li.optional { }
form.formtastic fieldset > ol > li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li label { display:block; width:25%; float:left; padding-top:.2em; }
form.formtastic fieldset > ol > li > li label { line-height:100%; padding-top:0; }
form.formtastic fieldset > ol > li > li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li fieldset { position:relative; }
form.formtastic fieldset > ol > li fieldset legend { position:absolute; width:95%; padding-top:0.1em; left: 0px; }
form.formtastic fieldset > ol > li fieldset legend span { position:absolute; }
form.formtastic fieldset > ol > li fieldset legend.label label { position:absolute; }
form.formtastic fieldset > ol > li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
form.formtastic fieldset > ol > li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; }
form.formtastic fieldset > ol > li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset > ol > li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.string input { max-width:74%; }
form.formtastic fieldset > ol > li.password input { max-width: 13em; }
form.formtastic fieldset > ol > li.numeric input { max-width:74%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.text textarea { width:74%; }


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden { display:none; }

/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.boolean label { padding-left:25%; width:auto; }
form.formtastic fieldset > ol > li.boolean label input { margin:0 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.radio { }
form.formtastic fieldset > ol > li.radio fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset > ol > li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset > ol > li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset > ol > li.radio fieldset ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.check_boxes { }
form.formtastic fieldset > ol > li.check_boxes fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset > ol > li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset > ol > li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset > ol > li.check_boxes fieldset ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.date fieldset ol li,
form.formtastic fieldset > ol > li.time fieldset ol li,
form.formtastic fieldset > ol > li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset > ol > li.date fieldset ol li label,
form.formtastic fieldset > ol > li.time fieldset ol li label,
form.formtastic fieldset > ol > li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset > ol > li.date fieldset ol li label input, 
form.formtastic fieldset > ol > li.time fieldset ol li label input, 
form.formtastic fieldset > ol > li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }


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

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset > ol > li p.inline-hints { color:#333; }

HINT:
The following style may be *conditionally* included for improved support on older versions of IE(<8)
form.formtastic fieldset ol li fieldset legend { margin-left: -6px;}

--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li {
	overflow: visible;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}

.thumbs { margin: 0; padding: 0; overflow: hidden; }
.thumbs li { list-style: none; float: left; margin: 5px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }
.thumbs li a { }
.thumbs li img { display: block; }
.thumbs li a img { border: none;}


/* General layout */

header {
	background: url(/images/header-bg.png) repeat-x #f2f2f2;
	border-bottom: 3px solid #333;
}

header nav#main li {
	margin-left: 30px;
	font-size: 25px;
}

/* Cart */

.project {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#step3 h3 {
	padding-bottom: 0;
}

#step3 p.intro {
	color: #666;
	margin-bottom: 18px;
}

#step4 .cart-item .cart-product {
	padding-right: 20px;
}

#step4 .cart-item .cart-quantity {
	text-align: center;
}

#step4 .cart-item .remove {
}

#step4 .total {
	font-weight: bold;
}

/* New order */

.new-order {
	margin-top: 40px;
}

.new-order .summary {
	float: left;
	width: 400px;
}

.new-order .order-form {
	float: left;
	width: 500px;
	margin-left: 20px;
}

.new-order table.order-totals {
	line-height: 36px;
}

.new-order table.order-totals th {
	padding-right: 20px;
	text-align: right;

}

.new-order table.order-totals th,
.new-order table.order-totals td {
}



/* Orders */

.order div.sheet {
	margin-top: 40px;
	border: 1px solid #666;
	background-color: #fff;
	position: relative;
	padding: 15px 20px;
	box-shadow: 1px 1px 2px #333333;
    -moz-box-shadow: 1px 1px 2px #333333;
    -webkit-box-shadow: 1px 1px 2px #333333;
}

.order .fields {
	float: left;
	width: 300px;
}

.order .items {
	float: left;
	width: 600px;
}

.order table.order-details {
	font-size: 12px;
}

.order table.order-details th {
	padding: 0 24px 0 6px;
	border-bottom: 1px solid #ccc;
	line-height: 36px;
	font-weight: bold;
	color: #000;
	text-align: left;
	padding-left: 2em;

}

.order table.order-details td {
	border-bottom: 1px solid #ccc;
	line-height: 36px;
	color: #666;
	padding-left: 2em;
}

.order table.order-details th.grand-total,
.order table.order-details td.grand-total {
	padding-left: 0;
	text-align: right;
	font-weight: bold;
	color: #333;
}

.order address.pickup {
	font-style: normal;
	margin-top: 0;
	margin-bottom: 1em;
	border-left: 1px dotted #999;
	padding-left: 1em;
}

.order address.pickup a {
	text-decoration: none;
	color: #666;
}

.order address.pickup a:hover {
	text-decoration: underline;
}

td.num {
	text-align: right;
}

form.payment {
	margin-top: 20px;
	text-align: center;
}

form.payment .button {
	font-size: 16px;
}

.manual-processing {
	color: #9f180c;
}

#customer-order .payment-hint {
	margin-top: 10px;
	margin-bottom: 30px;
}

#customer-order .other-payment {
	margin-bottom: 30px;
}

#shipping-costs address {
	display: block;
	line-height: 16px;
	font-style: normal;
	color: #666;
}

#shipping-costs address.pickup a {
	text-decoration: none;
	color: #666;
}

#shipping-costs address.pickup a:hover {
	text-decoration: underline;
}


/* Products */

#products .products-intro .holder {
	margin-top: 40px;
	margin-left: 40px;
	font-size: 120%;
}

#products .products-intro p.head {
	color: #333;
	font-weight: bold;
}

#products section.product {
	border: 1px solid #e0e0e0;
	padding: 15px 15px 0 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#products .product-info .holder {
	margin-left: 40px;
	margin-top: 20px;
}

#products .product table.productdata th {
  padding: 0 10px 0 6px;
}

#products .productdata td .vat-included {
	font-size: 80%;
}

#products .productdata td .vat-excluded {
	color: #000;
}

/* Shipping page */

.payment-hint {
	color: #666;
}

table.shipping-costs-matrix {

}

table.shipping-costs-matrix thead th,
table.shipping-costs-matrix tbody th {
	text-align: center;
}

table.shipping-costs-matrix tbody td {
	text-align: right;
	color: #666;
}

table.shipping-costs-matrix tbody td,
table.shipping-costs-matrix tbody th {
	padding: 5px 10px;
	line-height: 36px;
	border-bottom: 1px solid #ccc
}

section.shipping-costs {
	margin-top: 20px;
}

/* The Team */

#the-team #content {
	height: 400px;
	padding-top: 100px;
}

.fr #the-team #content {
	background: white url(/images/our-team-bg-fr.jpg) repeat-x 0% 100px;
}

.en #the-team #content {
	background: white url(/images/our-team-bg-en.jpg) repeat-x 0% 100px;
}

.nl #the-team #content {
	background: white url(/images/our-team-bg-nl.jpg) repeat-x 0% 100px;
}


table.profiles {
	background-color: #fff;
	filter: alpha(opacity=80);
	  -moz-opacity: 0.80;
	  opacity: 0.80;
	font-size: 14px;
}

table.profiles thead th {
	font-size: 16px;
	text-align: center;
	padding: 20px;
	border-bottom: 1px dotted #999;
}

table.profiles tbody th,
table.profiles tbody td {
	padding: 10px 20px;
}

table.profiles tbody th {
	text-align: right;
	border-bottom: 1px dotted #ccc;
	background-color: #eeeeee;
}

table.profiles tbody td {
	text-align: left;
	border-bottom: 1px dotted #999;
	border-left: 1px solid #ccc;
}


/* Payment options */

#payment-options #content h3,
#payment-options #content p {
	margin-bottom: 30px;
}

/* Company */

#company .info {
	float: left;
	text-align: right;
	width: 350px;
	margin-right: 50px;
}

#company .map {
	float: left;
}

.fr #company #content {
	background: white url(/images/our-company-bg-fr.jpg) repeat-x 0 100px;
}

.en #company #content {
	background: white url(/images/our-company-bg-en.jpg) repeat-x 0 100px;
}

.nl #company #content {
	background: white url(/images/our-company-bg-nl.jpg) repeat-x 0 100px;
}

#company #content {
	height: 400px;
	padding-top: 100px;
}

/* Partners */

#clients-partners #content li {
	list-style-type: none;
	float: left;
	margin-right: 10px;
}

/* Project */

#project #content .projectblock figure {
  float: none;
}

#intro span.green {
	font-weight: bold;
	color: #000;
}

#intro span.side {
	font-weight: bold;
	color: #158226;
}

#intro {
	float:none;
}

#intro h3 {
	color: #333;
	font-weight: normal;
}

.block {
  border: 1px solid #ccc;
  margin: 18px 0;
  padding: 18px 12px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.block h4 {
	font-weight: bold;
    font-size: 18px;
}

.block em {
	font-weight: bold;
}