@font-face {
	font-family: 'BebasRegular';
	src: url('BEBAS___-webfont.eot');
	src: local('BebasRegular'), url('BEBAS___-webfont.woff') format('woff'), url('BEBAS___-webfont.ttf') format('truetype'), url('BEBAS___-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


* {margin: 0; padding: 0;}
header, section, footer, aside, nav, article, figure, hgroup {display: block;}

body {font: 10pt Georgia, serif; color: #000; line-height: 1.5em;}
.index {background: url(images/body.jpg) left top repeat-x;}
.nohead {background: url(images/body-nohead.jpg) left top repeat-x;}
.dark {background: #000 url(images/dark.jpg) center top no-repeat; border-top: 5px solid #000; color: #fff;}

ul, li {list-style: none;}
a img {border: none;}
a:link, a:visited, a:hover, a:active {text-decoration: underline; color: #d90f81; text-transform: none;}
.righted {text-align: right}
.centered {text-align: center}
.indented {text-indent: 1.5em;}
.fleft {float: left; display: inline;}
.fright {float: right; display: inline;}
.padded {padding-top: 12px;}
p, address {padding: 0 0 15px 0; line-height: 1.8em;}
address {font-style: normal}
span {color: #d90f81;}
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {font: 18pt BebasRegular, Arial, sans-serif; color: #d90f81; word-spacing: 0.3em; padding: 20px 0; text-decoration:none;}
h2 {font: 14pt BebasRegular, Arial, sans-serif; color: #d90f81; word-spacing: 0.3em; padding: 20px 0;}
.padded {padding: 0 10px;}
.margined {margin-top: 10px;}
.up {padding: 10px 10px 15px 0; clear: both;}
.social {padding-right: 5px;}

#container {width: 960px; margin: 0 auto; background: url(images/head.jpg) center top no-repeat; position: relative;}
#container-nohead {width: 960px; margin: 0 auto; background: url(images/container.jpg) center top no-repeat; position: relative;}
#nav {width: 960px; margin: 0 auto; padding-top: 3px; overflow: hidden;}
#nav img {float: left;}
#nav ul {float: right; padding-top: 15px; padding-right: 5px;}
#nav li {display: inline; padding-left: 50px; font: 10pt BebasRegular, Arial, sans-serif; color: #d90f81; word-spacing: 0.3em; text-transform: uppercase}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {font: 14pt BebasRegular, Arial, sans-serif; color: #fff; word-spacing: 0.3em; text-decoration: none;text-transform: uppercase}
#pitch {height: 286px; position: relative;}
#pitch h1 {padding: /*25px*/118px 10px 10px 10px; font: /*22pt*/24pt Georgia, serif; color: #fff; font-style: italic; font-weight: normal; word-spacing: normal; text-shadow:  #999 0px 1px 0px;}
#pitch h2 {padding: 20px 10px; font: 18pt Georgia, serif; color: #fff; font-style: italic; font-weight: normal; line-height: 1.5em; word-spacing: normal;}
.content {width: 960px; margin: 0 auto; overflow: hidden; background: url(images/separator-mini.gif) center top no-repeat; padding: 30px 0}
#language {position: absolute; right: 25px; bottom: 0;}
#language li {width: 80px; height: 40px; background: url(images/language.png) center center no-repeat; text-align: center; line-height: 50px; vertical-align: middle}
#language a, #language a:link, #language a:visited, #language a:hover, #language a:active {font: 12pt BebasRegular, Arial, sans-serif; text-decoration: none; color: #fff;}
.contentreset {width: 960px; margin: 0 auto; overflow: hidden; padding: 20px 0 0 0}
.bordered {border-top: 1px solid #000;}
.boxino {width: 298px; float: left; display: inline; padding: 0 10px;}
.boxone {width: 636px; float: left; display: inline;}
.separated {border-right: 1px solid #dedede;}
.hidden {display: none;}
#bio, #graphic, #web {background-color: #dedede;}
.listedtext ul, .listedtext li {list-style-type: disc; list-style-position: inside}
.listedtext li {line-height: 1.8em; color: #000}
#portfolio {padding: 10px 0 20px 0; overflow: hidden;}
#portfolio li {width: 300px; float: left; display: inline; padding: 10px; text-align: center; background: url(images/shadow.png) center top no-repeat; margin-bottom: 10px; font-size: 8pt; height: 215px;}
footer {width: 960px; margin: 0 auto; border-top: 1px solid /*#18232d*/#fff; background: url(images/separator-clear.gif) center top no-repeat;}
footer p {color: #fff; font-size: 8pt; padding-top: 25px;} 

a.email:link, a.email:visited, a.email:hover, a.email:active {color: #fff}

.reset {background-image: none; border: none;}
.reset p {padding-top: 15px;}
.backgrounded {background: url(images/foot.gif) bottom center no-repeat; padding-bottom: 50px;}

/* form */
#contactForm {padding: 10px 0 0 0; overflow: hidden; position: relative;}
#contactForm label {display: block; color: #fff;}
#contactForm input {width: 100%;padding: 2px; background-color: #eaeaea; border: 1px solid #fff; font: 9pt Arial,  Verdana, Helvetica, sans-serif; color: #000;}
#contactForm input.error, #contactForm textarea.error {background: #f8dbe9; border-color: #e776b1;}
#contactForm textarea {width: 100%; height: 70px; padding: 2px; background-color: #eaeaea; border: 1px solid #fff; font: 9pt Arial,  Verdana, Helvetica, sans-serif;}
#contactForm #send {background: #fffdfe; color: #000;cursor: pointer; width: 100px; position: absolute; bottom: 18px; left: 75%; margin-left: -50px;}
#contactForm #send:hover {background: #efefef;}
#contactForm span {font-size: 8pt;}
#error {margin-bottom: 20px; position: absolute; top: 150px; left: 50%; margin-left: -200px; width: 400px; background: #000; border: 1px solid #d90f81}
#error ul, #error li {list-style-type: disc; list-style-position: inside; color: #dedede; padding: 5px;}
#error li {line-height: 1.8em; color: #dedede; font-size: 8pt;}
#error ul li strong {color: #d90f81;}
#error.valid ul li strong {color: #93d72e;}