body#ate-professionals { 
	background: #e5e5e4 url(../img/fabric.jpg) 0 0 repeat;
	font: normal 13px/1.5em Helvetica, "Helvetica Neue", Arial, sans-serif;
	color: #000;
	text-align: center;
}

.intro-wrapper { width: 100%; text-align: left; }
.intro-wrapper .intro { display: block; width: 400px; background: #fff; padding: 10px 20px; margin: 0 auto;  text-align: justify; position: relative;
-webkit-box-shadow: 0 0 5px #888; -moz-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;
}

.header { width: 400px; height: 200px; text-align: left; margin: 100px auto 20px auto; position: relative; }
.header .logolink { left: 45px; top: 0; position: absolute; }

p.first-letter { padding: 0; margin: 0 0 1.5em 0; color: #000; font-weight: bold; text-align: left; }
p.first-letter:first-letter { font: italic 5em/1.5em Georgia, "Times New Roman", serif; line-height: 1em; color: #000; padding: 0 0 0 .2em; }

.contact-details { text-align: right; position: relative; margin: 20px 0 10px 0; }
.contact-details .portrait { width: 120px; height: 120px; padding: 4px; border: 1px solid #e5e5e5; display: block; position: absolute; bottom: 0; left: 0; 
-o-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); transform: rotate(-2deg); }

section.contact { margin: 20px 0 0 0; border-top: 2px solid #000; text-align: center; }
section.contact a { color: #000; text-decoration: underline; }
section.contact a:hover { text-decoration: none; }
section.contact span { font: italic 1.5em/1.5em Georgia, "Times New Roman", serif; padding: 0 10px; color: #999; }


footer.footnote { margin: 20px 0 40px 0; text-align: center; font-size: .9em; color: #999; text-shadow: 1px 1px 1px #f5f5f5; }