/* @override http://www.studiohert.be/css/shtext.css */

html {
	-webkit-font-smoothing: antialiased;
}
body {
  font-size: 14px;
  font-family: "vera-sans-1","vera-sans-2", "candara", arial, sans;
color: #333;
}

/* @group linkstyling */

a:link, a:visited {
	color: #333;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
}

a:hover {
	color: #666;
}

#boilerplate a:link {
	border-bottom: 1px dashed #666;
	color: #333;
}

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

#boilerplate a:hover {
	color: #333;
	text-shadow: #fff 0 1px 0;
}

.underline {
	border-bottom: 1px dashed #ccc;
}

#menu ul li a {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
	border-style: solid;
	border-color: #fff;
	border-top-width: 4px;
	border-right-width: 11px;
	border-bottom-width: 6px;
	border-left-width: 11px;
	background-color: #fff;
}

#menu ul li a:hover {
	border-color: #333;
	background-color: #333;
	color: #fff;
	text-shadow: rgba(0,0,0,0.2) 0 1px 0;
}

#portfolio a.portfolio, #portfolio a:hover.portfolio, #whatwedo a.whatwedo, #whatwedo a:hover.whatwedo, #contact a.contact, #contact a:hover.contact, #aboutus a.aboutus, #aboutus a:hover.aboutus
 {
	border-color: #333;
	background-color: #333;
	color: #fff;
	text-shadow: rgba(0,0,0,0.2) 0 1px 0;
}

/* @end */

/* @group linespacing */

p {
  font-size: 1em; /* 14px */
  line-height: 1.4286em; /* 20px */
  margin: 0 0 1.4286em 0;
}
.class-for-12px, #tags p, #sidebar p, #footer p, form label, #routeForm label {
  font-size: 0.8571em; /* 12px */
  line-height: 1.6667em; /* 20px */
  margin-top: 1.6667em;
  margin-bottom: 0em;
}
.class-for-14px {
  font-size: 1em; /* 14px */
  line-height: 1.4286em; /* 20px */
  margin-top: 1.4286em;
  margin-bottom: 0em;
}
.class-for-16px, h3 {
  font-size: 1.143em; /* 14px */
  line-height: 1.25em; /* 20px */
  margin-top: -10px;
  margin-bottom: 0em;
	font-weight: normal;
	font-style: normal;
}
.class-for-20px,#bodytxt , #menu ul li a, h4, h2 {
  font-size: 1.4286em; /* 20px */
  line-height: 1em; /* 20px */
  margin-top: 1em;
  margin-bottom: 0em;
}
.class-for-30px {
  font-size: 2.1429em; /* 30px */
  line-height: 1.3333em; /* 40px */
  margin-top: 0.6667em;
  margin-bottom: 0em;
}
/* 40px - The quick brown fox jumps over the lazy dog */
.class-for-40px, h1 {
  font-size: 2.8571em; /* 40px */
  line-height: 1em; /* 40px */
  margin-top: 0.5em;
  margin-bottom: 0em;
	font-weight: normal;
	font-style: normal;
}
.class-for-50px, #boilerplate p {
  font-size: 3.5714em; /* 50px */
  line-height: 1.2em; /* 60px */
  margin-top: 0.4em;
  margin-bottom: 0em;
}
/* 60px - The quick brown fox jumps over the lazy dog */
.class-for-60px {
  font-size: 4.2857em; /* 60px */
  line-height: 1em; /* 60px */
  margin-top: 0.3333em;
  margin-bottom: 0em;
}
/* 70px - The quick brown fox jumps over the lazy dog */
.class-for-70px {
  font-size: 5em; /* 70px */
  line-height: 1.1429em; /* 80px */
  margin-top: 0.2857em;
  margin-bottom: 0em;
}


/* @end */

/* @group textstyling */

h1,h2,h3,#menu,#boilerplate,h4 {
	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", "cambria", georgia, times, times new roman, serif;
}

h1 {
	margin-bottom: 0.66666666em;
}
h2 {
	margin-bottom: 0.66666666em;
	line-height: 2em;
	margin-top: 0;
}

h4 {
	margin-top: 0;
	margin-bottom: 15px;
}
textarea, input, select							{ font-family: inherit; font-size: 1em; font-weight: normal; font-style: normal; white-space: normal; text-align: left; margin: 0; padding: 0; }

.bold {
	font-weight: bold;
}

#tagcloud {
	margin-top: 20px;
	margin-bottom: 40px;
	display: none;
}

#tagcloud p {
  line-height: 1.8em; /* 40px */
  margin-top: 0.6667em;
  margin-bottom: 0em;
}

#tagcloud p a {
	margin-right: 10px;
}

#boilerplate p {
	color: #333;
	margin-top: 0;
}

#tags p {
	margin-top: 0;
}

p.smallboiler {
	padding-top: 30px;
}
/* @end */