/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 3, 2013 05:32:42 AM America/New_York *
@font-face {
    font-family: 'Roboto Slab';
    src: url('StMarie-Thin-webfont.eot');
    src: url('StMarie-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('StMarie-Thin-webfont.woff') format('woff'),
         url('StMarie-Thin-webfont.ttf') format('truetype'),
         url('StMarie-Thin-webfont.svg#Roboto Slab') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* IE6 */
* html .clearfix {
  height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
  min-height: 1%;
}

p{ margin: 0 0 10px; padding: 0;}
p:last-child{ margin: 0;}

body{ margin: 0; background-color: #fafafb; font: 400 12px/18px 'Roboto Slab', Arial, sans-serif; color :#62747E;}

h1{ margin: 0 0 20px; font: 60px/68px 'Roboto Slab', Arial, sans-serif;letter-spacing: 0;}
h2{ margin: 0 0 10px; font: 18px/18px 'Roboto Slab', Arial, sans-serif;letter-spacing: 0;}
h3{ margin: 0 0 10px; font: 16px/18px 'Roboto Slab', Arial, sans-serif;letter-spacing: 0;}
h4{ margin: 0; font: 12px/16px 'Roboto Slab', Arial, sans-serif;letter-spacing: 0;}

#container{ background: transparent url('assets/bg-content.gif') top center no-repeat; width: 952px; margin: 0 auto; }

#header{ display: block; height: 150px; }
#logo{ float: left; margin: 15px 0 0 23px;}
#slogan{ margin: 0 110px 0 265px; padding-top: 62px; font-size: 17px; color: #62747e; font-weight: normal; text-align: right;}

#content{ padding-bottom: 40px; box-shadow: inset 0  -4px 4px -4px #666;}

#intro{ position: relative; display: block; margin: 0 auto 20px; width: 830px; background-color: #fff; z-index: 30; font-size: 14px; color: #62747E;}
#intro h2{ margin: 0 0 20px; color: #39b54a; font-weight: normal; font-size: 18px; line-height: 23px;}
#intro .inner{ padding: 30px 40px;}
#intro .shadow-topright{ position: absolute; top: -32px; right: -20px; display: block; width: 78px; height: 125px; background: transparent url('assets/bg-shadow-topright.png') center center no-repeat; z-index: 40;}


.columns{ width: 830px; margin: 0 auto; }
.column-left{ position: relative; display: block; float: left; width: 140px; height: 230px; margin-right: 20px; font-size: 12px; }
.column-middle{ display: block; float: left; width: 330px;height: 230px; }
.column-right{ display: block; float: right; width: 322px;height: 330px; background-color: #fff; }

.anouk{ height: 230px; position: relative; background-color: #36b449;}
.anouk .shadow-topright{ position: absolute; bottom: -32px; left: -20px; display: block; width: 78px; height: 125px; background: transparent url('assets/bg-shadow-bottomleft.png') center center no-repeat; z-index: 40;}
.anouk .inner{ padding: 20px; color: #fff; font-size: 13px;}
.anouk h3{ margin: 0 0 15px; padding: 0 0 15px; line-height: 18px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #6bc877;}

.column-left .contact{ position: absolute; bottom: 0; left: 0;}
.column-left h4{ font-size: 12px; margin: 0; color: #36b449; margin: 0 0 4px; font-weight: bold;}
.column-left h4 a{ border: none; }
.column-left h4 img{ margin-left: 4px; margin-bottom: -2px; border: none;}
.column-left a{ color: #36b449; border-bottom: 1px solid #36b449; border-bottom: 1px solid rgba(54,180,73,0.5); text-decoration: none; }
.column-left a:hover{ cursor: pointer; border-bottom: 1px solid #36b449; border-bottom: 1px solid rgba(54,180,73,0.8);}

.form{ padding: 10px; font-size: 12px; margin: 0;}
.form form{ margin: 0; padding: 0;}
.form label{ display: block; margin: 0 0 10px; color: #36b449; font-size: 12px;}
.form input[type="text"],
.form input[type="email"],
.form textarea{ width: 293px; margin: 0 0 10px; padding: 4px 5px; background-color: #f6f6f6; -webkit-box-shadow: inset  0px 2px 2px #bbbbbb; box-shadow: inset  0px 2px 2px #bbbbbb; border: none;font: 400 12px/18px 'Roboto Slab', Arial, sans-serif; color :#62747E}
.form input[type="submit"]{ margin: 0; padding: 0; background: none; border: none; color: #36b449; border-bottom: 1px solid #36b449; border-bottom: 1px solid rgba(54,180,73,0.5); }
.form input[type="submit"]:hover{ cursor: pointer; border-bottom: 1px solid #36b449; border-bottom: 1px solid rgba(54,180,73,0.8);}
.form textarea{ height: 80px;}
.form .button{ text-align: center;}
.form h3{ font-size: 14px;}

#footer{ padding: 35px 0; text-align: left; color: #62747e; font-size: 12px; background-color: #FAFAFB; padding-left: 110px;}
#footer ul{ display: inline; margin: 0; padding: 0; text-align: center;}
#footer li{ display: inline; margin: 0; padding: 0; list-style-type: none;}
#footer li.separator{  color: #36b449;}
#footer a{ color: #62747e; border-bottom: 1px solid #62747e; border-bottom: 1px solid rgba(98,116,126,0.5); text-decoration: none;}
#footer a:hover{ border-bottom: 1px solid #62747e; border-bottom: 1px solid rgba(98,116,126,0.8); }