body, a, a:link, a:visited { color: #4e3206; }

#main { text-align: justify; }

#page-title {
  color: #90632e;
  margin-top: 30px;
  position: relative;
  width: 190px;
  line-height: 1;
}
.en #page-title {
  text-align: right;
  font-size: 28pt;
  margin-right: 5px;
  font-weight: 300;
}

div.margin-line {
  display: inline;
  position: absolute;
  top: -10px;
  height: 564px;
  width: 2px;
  background: #d3b849;
  background-color: rgba(65,1,0,0.12);
}
.en div.margin-line { right: -5px; }
.no-js div.margin-line { display: none; }

#page-nav {
  border-top: 2px solid #d3b849;
  border-color: rgba(65,1,0,0.12);
  overflow: auto;
}
#page-nav.shrinking { padding: 9px 0; }
.js #page-nav.fading { border-bottom: 2px solid #d3b849; border-color: rgba(65,1,0,0.12); }
.js #page-nav.shrinking { height: 426px; }
.en #page-nav { font-size: 18pt; padding-left: 200px; }
.en #page-nav .caption { font-size: 16pt; }
.en #page-nav.fading { font-size: 16pt; }
.en #page-nav.fading .caption { font-size: 14pt; }

#page-nav ul { list-style: none; }
#page-nav.fading > ul > li {
  display: inline-block;
  margin: 0 0.5em;
}
.ie-sux #page-nav.fading > ul > li { zoom: 1; display: inline; }

#page-nav a:hover { color: #b44d4d; }
#page-nav a:hover .caption { color: #4e3206; }
#page-nav .caption { font-weight: 300; }

#nav-expander {
  color: #615d23;
  display: none;
  position: absolute;
  z-index: 10;
  left: 75px;
}
.en #nav-expander { font-size: 13pt; }

.section {
  position: relative;
  clear: both;
  overflow: auto;
  border-top: 2px solid #d3b849;
  border-color: rgba(65,1,0,0.12);
}
.section:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.js .section {
  height: 344px;
  border-top: none;
  visibility: hidden;
}
.en .section {
  font-size: 14pt;
  /*line-height: 23.5pt;*/
  padding-left: 210px;
}
.section a { text-decoration: underline; }
.section p { font-weight: 300; }

h2, .h2 {
  color: #b44d4d;   /* pink! */
/*color: #84a78b;*/ /* blue! */
}
.en h2, .en .h2 {
  font-size: 27pt;
  font-weight: 300;
  line-height: 1;
}
.ie7.en .h2 { line-height: 40pt; }
.en span.initial {
  font-size: 190%;
  font-weight: lighter;
}

h3, h3 a, h3 a:link, h3 a:visited {
  /*color: #d68a70;*/
  text-decoration: none;
}
.no-touch h3 a:hover {
  /*color: #ce676a;*/
  color: #126982;
  color: rgba(18,105,130,0.55);
}
h3 { position: relative; top: 0px; }
.en h3 { font-size: 18pt; line-height: 1; }

.description {
  width: 245px;
  display: inline-block;
  vertical-align: text-top;
}
.ie7 .description { zoom: 1; display: inline; }
.description p { margin-top: 30px; }

.samples {
  width: 330px;
  display: inline-block;
  vertical-align: text-top;
  margin-top: 10px;
}
.en .samples { text-align: center; }
.ie7 .samples { zoom: 1; display: inline; }
.samples img {
  margin: 4px 0 0 16px;
  background: url(circle-backing.png) top left;
}
.samples a img { opacity: 0.75; }
.samples a img:hover { background-position: bottom right; opacity: 1; }
.ie7 .samples a img:hover { background-position: top left; }

.portrait {
  margin-left: 20px;
  margin-top: 30px;
  background: url(circle-backing.png) top left;
}

#contact_caption {
  color: #885003;
  border-top: 2px solid #d3b849;
  border-bottom: 2px solid #d3b849;
  border-color: rgba(65,1,0,0.12);
}
.en #contact_caption {
  padding-left: 120px;
  font-size: 16pt;
}

.email, .email:link, .email:visited {
  color: #d68a70;
  font-family: 'Yanone Kaffeesatz', arial, sans-serif;
  font-weight: 400;
}
.no-touch .email:hover { color: #ce676a; }

#contact_form, #name_entry, #email_entry, #message_entry {
  /*vertical-align: top;*/
  color: #714810;
  line-height: 49px;
}

#contact_form label {
  vertical-align: top;
  display: inline-block;
  width: 110px;
  color: #779178;
}
.en #contact_form label {
  font-size: 13pt;
  text-align: right;
  margin-right: 10px;
}

#name_entry, #email_entry {
  height: 49px;
}

#name_entry, #email_entry, #message_entry {
  background-color: transparent;
  background-image: url(dotted-lines.png);
  margin: 0;
  padding: 1px;
  width: 550px;
  border: none;
}
#name_entry:focus, #email_entry:focus, #message_entry:focus { outline: none; }

#message_entry {
  height: 250px;
  resize: none;
}

.en #contact_form input, .en #contact_form textarea {
  font-size: 15pt;
  font-family: 'Yanone Kaffeesatz', arial, sans-serif;
  font-weight: 400;
}

#submit_button {
  display: block;
  position: absolute;
  top: 556px;
  background: #f4ba95;
  background: transparent url(pink-button.png) top left;
  color: #7b6f3f;
  width: 53px;
  height: 53px;
  line-height: 50px;
  border-radius: 26px;
  text-align: center;
  border: none;
  cursor: pointer;
}
#submit_button:hover { background-position: bottom right; }
.en #submit_button { right: 20px; }