::selection { color: #fff; background: #F14A29; }

@font-face { font-family: 'Bitter'; src: url('Bitter-Regular.ttf'); }
@font-face { font-family: 'LeckerliOne'; src: url('LeckerliOne.ttf'); }
@font-face { font-family: 'Jura'; src: url('Jura-Regular.ttf'); }
@font-face { font-family: 'Jura'; font-weight: bold; src: url('Jura-Bold.ttf'); }

body, div, h1, a, span, div#preview, #work .preview {
	color: #eeede8; /*243035;*/
}
body {
	font-family: 'Bitter', 'Jura', Helvetica, Arial, Sans-Serif;
	font-size: 9px;
	text-align: center;
	width: 900px;
	margin: 0px auto;
	padding: 0px;
	background: #489882 url(../images/bg_green.gif);
}
a {
	font-size: 26px;
	font-weight: bold;
	color: #255347; /*e25e5e (red)*/ /*59b354 (green)*/ /*377db3 (blau)*/
	text-decoration: none;
	text-shadow: 1px 2px 0 rgba(255,255,255,0.2);
}
h1, h1 a {
	font-family: 'Bitter', 'Jura', Helvetica, Arial, Sans-Serif;
	font-size: 74px;
	font-weight: bold;
	line-height: 1.3em;
	text-shadow: 2px 2px 0 rgba(0,0,0,0.2);
}
h1 a {
	font-weight: bold;
	text-shadow: 2px 2px 0 #489882, 4px 4px 0 #255347;
}
#what, #new-work span {
	font-size: 24px;
	font-weight: normal;
	line-height: 1.7em;
}
div#content {
	width: 960px;
	height: 550px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -480px;
}
div#copyright {
 	font-family: 'Bitter', 'Jura', Helvetica, Arial, Sans-Serif;
 	font-size: 14px;
 	text-align: center;
 	color: #255347;
	text-shadow: 1px 1px 0 #67bea6;
	position: absolute;
	bottom: 30px;
 	width: 900px;
 	margin: 0px auto;
 }
div#preview {
	z-index: 9999;
	position: absolute;
	display: none;
	font-size: 14px;
	width: auto;
}
#preview div.img {
	color: #fff;
	text-shadow: none;
	padding: 12px;
	background: url(../img/pic.bg.png);
	border-radius: 4px; 
}
#preview div.bottom {
	width: auto;
	height: 20px;
	background: url(../img/pic.arrow.png) no-repeat 20px -4px;
}
#preview img {
	padding: 0px;
	margin: 0px;
}
#work .preview {
	color: #000;
	background: none;
	padding-left: 0px;
}
	
#new-work {
	margin-top: 30px;	
}
#new-work span {
	color: #fff; /*e9e9e9*/
	padding: 12px 20px;
	background-color: rgb(37,83,71);
	background-color: rgba(37,83,71,0.5); /*e25e5e*/
	border-radius: 5px;	
}
.small a {
	color: #999;
}
.small a:hover {
	color: #000;	
}
.name {
	font-size: 90px;
}
.hello {
	font-family: 'LeckerliOne', 'Bitter', 'Jura', Helvetica, Arial, Sans-Serif;
}
